Appia의 IT세상

[윈도우10 Windows10] 크롬(Chrome)에서 웹페이지 항목 HTML에서 확인하기 이전 포스팅에서는 개발자 도구를 통해서 HTML에 부분이 웹페이지에 어떤 부분을 표시하는 지에 대해서 확인한 적이 있습니다. 하지만, 실제 크롤링등의 작업을 할 경우에는 이와 반대로, 실제 웹페이지에서 각 부분들이 웹의 어떤 부분들을 참고하고 있는지에 대해서 확인이 필요로 하는 경우가 더욱 많습니다. 그래서 이번 포스팅에서는 웹페이지의 항목이 개발자 도구 내의 HTML의 어떤 부분을 가리키는 지에 대해서 확인하는 포스팅을 해보도록 하겠습니다. 이번 포스팅은 기본적으로 크롬(Chrome)을 바탕으로 진행합니다. 만약 크롬(Chrome)이 설치되지 않으신 분들은 다음 링크를 참조하여 크롬(Chrome)브라우저를 설치하..

[윈도우10 Windows10]크롬(Chrome) 웹사이트 HTML 코드 확인하기 크롤링을 하다보면, 자연럽게 해당 웹 사이트의 HTML을 자주 보게 됩니다. 하지만, 우리가 흔히 보이는 웹사이트에서는 관련된 정보를 보기가 힘든 것이 사실입니다. 그래서 이번 포스팅에서는 크롬을 이용해서, 해당 웹사이트의 크롤링 정보를 확인하는 방법에 대해서 살펴보고자 합니다. 먼저, 이 부분을 하기 위해선 다음과 링크에서와 같이 크롬(Chrome)브라우저를 설치해주셔야 합니다. [윈도우10 Windows10] 브라우저 크롬(Chrome) (온라인)설치하기&다운로드 받기(오프라인 다운로드 설치) [윈도우10 Windows10] 브라우저 크롬(Chrome) (온라인)설치하기&다운로드 받기(오프라인 다운로드 설치 윈도우 10..

[윈도우10 Windows10] HTML 에디터 Sublime Text 다운로드 및 설치하기 HTML등을 작업을 하다보면 자연스럽게 에디터 프로그램이 필요로 합니다. 저의 경우 대부분 VScode를 많이 사용하지만, 그래도 종종 Sublime Text등 다양한 툴들을 섭렴하고 있습니다. 그래서 저 또한 종종 사용하는 Sublime Text를 다운로드 받고 설치하는 블로그에 대해서 포스팅을 해보고자 합니다. 먼저 Sublime Text를 다운받기 위해서 다음 링크 부분을 클릭하여 주시길 바랍니다. https://www.sublimetext.com/download Download - Sublime Text Sublime Text 4 is the current version of Sublime Text. Fo..

Python[파이썬 웹크롤러] 05-WebCrawler beautifulsoup4(뷰티풀 수프) 웹페이지를 파싱하기(Parsing) 앞서 포스팅에서는 beautifulsoup4(뷰티풀 수프)를 설치하는 방법과 왜 beautifulsoup4(뷰티풀 수프)를사용하는지에 대해서 간단히 이야기 해봤습니다. 이번 포스팅에서는 beautifulsoup4(뷰티풀 수프)를 통해서 간단히 웹페이지를 파싱하는 방법에 대해서 이야기를 해볼까 합니다. 먼저 흔히들 beautifulsoup4(뷰티풀 수프)을 통해서 웹페이지 또는 Html 등의 파일을 Parsing 한다고 하면 수프를 만든다고 이야기를 합니다. 수프를 만드기 위해서는 관련해서 파서등을 사용해야 합니다. 관련해서는 다음과 같은 파서등을 지원하고 있습니다. 물론, ..

[초보HTML배우기 17]HTML - 버튼(button)만들기(input) html에서는 단순히 정보만 표시하는 데에 그치지 않습니다. 실제 문서적인 출력하는 부분과 프로그래밍 부분이 섞여 있는 부분이 html이라고 생각합니다. 이 html에 버튼을 생성해보도록 하겠습니다. 물론, 이런 부분들은 향후 다른 언어와 결합되어 사용이 됩니다. 즉, 예를 들면, 자바 스크립트와 함꼐 사용되고, 버튼을 눌렀을 경우 이 부분들에 동작을 할 수 있게 코딩할 수 있습니다. 그래서 오늘은 이 버튼을 생성하는 방법에 대해서 살펴보겠습니다. 위와 같은 버튼을 생성하는 부분에 대해서 다음 한번 살펴보겠습니다. Document Colored by Color Scripter cs 위의 버튼을 지원하는 타입(type)을 다음과 같..

[초보HTML배우기 16]HTML - 파일 업로드 박스(upload box)만들기(input) 웹에서 종종 파일을 업로드 하는 경우가 많습니다. 그럴 경우, 프로그래밍에서 사용하는 파일 다이어로그(file dialog)와 같은 부분들이 요구 됩니다. 실제, 파이썬등에서는 관련해서 관련 모듈을 바탕으로 사용됩니다. 물론 HTML에서도 관련하여 방법들을 제공하고 있습니다. 따라서, 이번 포스팅은 파일을 업로드 할 수 있는 파일 업로드 박스를 만들기로 해보겠습니다. 파일 업로드 박스(upload box)도 앞선 포스팅들과 유사하게 input 태그에서 type을 변경함으로 사용합니다. 그럼 다음 코드를 한번 살펴보겠습니다. Document Colored by Color Scriptercs 위의 코드의 html을..

[초보HTML배우기 15]HTML - Form, 콤보 박스(Select box)만들기(select) 이번 포스팅에서는 GUI 프로그래밍에서 많이들 사용하는, 리스트 박스라고도 하고, 또는 콤보 박스(Control)박스라고도 하는 부분에 대해서 포스팅을 해보겠습니다. 먼저, 대략적인 형태를 보면 다음과 같은 형태입니다. 위의 상자 부분을 클릭하면, 그 밑에 선택할 수 있는 리스트들이 존재합니다. 그런 부분들을 콤보 박스(Select box)라고 합니다. 위와 같은 화면을 HTML로 작성하는 부분에 대해서 한번 살펴보겠습니다. Document 파이썬 매트랩 HTML Colored by Color Scriptercs 위와 같은 코드로 작성하면 콤보 박스(Select box)를 클릭하여 리스트를 확인하면 다음과..

[초보HTML배우기 14]HTML - Form, 라디오 버튼(radio button)만들기(input) 이번 포스팅에서는 여러개의 버튼중을 하나를 선택할 수 있는 라디오 버튼(radio button)을 만드는 방법에 대해서 이야기 해보고자 합니다. 먼저 라디오 버튼(radio button)은 여러개의 메뉴중에 하나만 선택할 수 있게 해주는 버튼입니다. 간단히 예를 들면 다음과 같은 버튼이라고 할 수 있습니다. 위의 부분과 같은 부분에 대한 코드를 한번 작성해보도록 하겠습니다. Document 앱피아1 앱피아2 앱피아3 앱피아4 Colored by Color Scriptercs 위의 HTML로 작성한 부분을 저장하여 html을 브라우저로 보면 다음과 같습니다. 그럼 간단히 위의 부분에 대한 속성에 대해서 ..

[초보HTML배우기 13]HTML - Form, Checkbox만들기(input) 앞서 포스팅에서는 텍스트를 입력 받는 공간을 만들어봤습니다. 이전 포스팅에서는 일반 적인 한줄 텍스트 박스, Password를 입력할 수 있는 텍스트 박스, 그리고 여러줄을 입력할 수 있는 텍스트 박스를 생성해봤습니다. 이번 포스팅에서는 체크 박스를 생성을 해보도록 하겠습니다. 그럼 간단하게 다음 코드를 한번 살펴보겠습니다. Document 브라우저를 선택하세요 구글 네이버 Colored by Color Scriptercs 위의 코드를 바탕으로 생성된 html파일을 브라우저에서 읽으면 다음과 같은 형태로 나타납니다. 위의 바탕으로 생성하는 부분들을 살펴봤는데, 앞선 포스팅에서 봤던 input을 재사용합니다. 단, type ..

[초보HTML배우기 12]HTML - Form - Text Input 생성하기 (input, textarea) 이번 포스팅은 HTML에서 특정 Form에 대해서 이야기를 해보고자 합니다. HTML에서는 많은 형태의 Form을 제공하고 있습니다. 이 중에서 이번 포스팅에서는 Text Input에 대해서 생성해보도록 하겠습니다. Text Input에 관련된 부분은 텍스트를 입력할 수 있게 해주는 부분입니다. 여기에선 크게 셋 가지로 나누어서 볼 수 있습니다. 한줄 테스트 박스 - 오직 한줄에 텍스트를 입력할 수 있는 텍스트 박스 생성 Password 테스트 박스 - 입력된 글자가 노출되지 않는 텍스트 박스 생성 다중라인 테스트 박스 - 여러줄을 입력할 수 있는 텍스트 박스 생성 그럼 위의 부분을 바탕으로 각..