크롤링하는 법 requests와 bs4를 이용한 python과 mongoDB의 개발일지 크롤링의 기초 이해하기 웹 크롤링은 인터넷에 있는 데이터를 자동으로 수집하는 과정이다. 이 과정은 다양한 목적으로 활용될 수 있으며, 데이터 분석, 머신러닝 모델 학습, 혹은 단순한 정보 수집 등을 포함한다. 이를 위해 가장 널리 사용되는 도구 중 하나가 Python의 requests와 BeautifulSoup 라이브러리이다. requests 라이브러리는 웹 페이지에 요청을 보내고 […]
데이터 뿌리기 Ajax Api 활용 개발일지 프로젝트 개요 이번 프로젝트는 사용자에게 실시간으로 데이터를 제공하기 위해 Ajax와 API를 활용한 웹 애플리케이션 개발을 목표로 했습니다. 데이터베이스와의 상호작용을 최소화하고, 클라이언트에서 직접적으로 데이터를 처리하여 사용자 경험을 향상시키고자 했습니다. 이를 통해 데이터 전송 속도를 개선하고, 사용자가 원활하게 데이터를 열람할 수 있도록 하는 것이 핵심이었습니다. 기술 스택 프로젝트 개발에는 HTML, CSS, […]
부트스트랩과 구글 웹폰트로 팬명록 만들기 부트스트랩의 기본 개념 이해하기 부트스트랩은 웹 개발을 보다 쉽게 해주는 프레임워크로 HTML, CSS, JavaScript를 기반으로 합니다. 부트스트랩을 사용하면 레이아웃을 간편하게 설정하고 반응형 디자인을 구현할 수 있어 다양한 기기에서의 호환성을 높일 수 있습니다. 부트스트랩의 그리드 시스템은 다양한 화면 크기에 따라 콘텐츠를 재배치할 수 있게 해주며, 기본적인 UI 요소들을 제공하여 개발 시간을 […]
vertical-align을 활용한 CSS 팁 vertical-align의 개념 이해하기 CSS에서 vertical-align 속성은 주로 인라인 요소나 테이블 셀의 수직 정렬을 조정하는 데 사용됩니다. 일반적으로 이 속성은 텍스트나 이미지와 같은 인라인 요소가 다른 요소와의 수직 관계에서 얼마나 높게 또는 낮게 위치할지를 결정합니다. 기본적으로 vertical-align의 값으로는 baseline, top, middle, bottom, sub, super 등이 있으며, 이 값을 적절히 조정하면 레이아웃을 더욱 […]
가운데 정렬 방법 inline block CSS 정리 가운데 정렬의 필요성 웹 디자인에서 요소들을 어떻게 정렬하는가는 전체적인 사용자 경험에 큰 영향을 미친다. 특히 가운데 정렬은 페이지의 균형을 맞추고 시각적인 심미성을 높이는데 중요한 역할을 한다. 가운데 정렬은 텍스트, 이미지, 버튼 등 다양한 요소에 적용할 수 있으며, 특히 inline과 block 요소에서 효과적으로 활용된다. 이 글에서는 inline block 요소의 […]
CSS display의 종류와 사용법 Inline Block Block CSS의 display 속성은 웹 페이지의 요소가 어떻게 표시될지를 결정하는 중요한 속성입니다. 이 속성은 요소의 레이아웃을 조정하고 다른 요소들과의 관계를 형성하는 데 큰 역할을 합니다. 이번 글에서는 display 속성의 다양한 종류 중 Inline, Block, Inline Block에 대해 살펴보고, 각 속성이 어떤 경우에 유용하게 사용되는지를 설명하겠습니다. Inline 속성은 요소가 페이지의 […]
CSS 단위의 중요성 이해하기 웹 디자인에서 CSS 단위는 매우 중요하다. 이 단위들은 요소의 크기와 배치에 직접적으로 영향을 미치며, 디자이너와 개발자가 어떻게 요소를 구성하는지를 결정한다. CSS에서 가장 흔히 사용되는 단위는 px, rem, em, %이다. 각 단위는 특성이 다르므로 상황에 따라 적절한 단위를 선택하는 것이 중요하다. px의 특징과 활용 px는 픽셀의 약자로, 화면의 고정된 크기를 나타낸다. 이 […]
명시도의 이해와 중요성 명시도가 무엇인가요? 명시도는 의사소통에서 표현의 명확성을 나타내는 개념으로, 전달하고자 하는 메시지가 얼마나 분명하게 전달되는지를 의미합니다. 이는 일상생활에서의 대화는 물론, 비즈니스, 교육 등 다양한 분야에서도 중요한 역할을 합니다. 명시도가 높다면 상대방이 메시지를 쉽게 이해할 수 있으며, 이는 효과적인 소통과 협업으로 이어집니다. 따라서, 명시도를 이해하는 것은 개인과 조직 모두에게 필요한 요소입니다. 명시도의 중요성은 어떤 […]
상속 CSS에 대한 이해 CSS란 무엇인가 CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 외관을 디자인하는 데 사용되는 스타일 시트 언어이다. 웹 개발자는 HTML로 웹 페이지의 구조를 만들고, CSS를 활용하여 글꼴, 색상, 여백, 배치 등을 조절하여 페이지를 아름답고 기능적으로 만들 수 있다. CSS는 문서의 프레젠테이션을 결정하는 중요한 요소로, 사이트의 일관성을 유지하고 사용자의 경험을 향상시킨다. 상속의 개념과 […]
선택자 CSS의 이해 CSS는 웹 페이지의 스타일을 지정하는 중요한 도구입니다. 그중에서도 선택자는 특정 HTML 요소를 선택하고 그에 적용할 스타일을 정의하는 방법입니다. 선택자를 잘 이해하는 것은 효과적으로 웹 페이지의 디자인을 구성하는 데 필수적입니다. 이 글에서는 선택자의 기본 개념과 다양한 유형에 대해 알아보겠습니다. 첫 번째로, 기본 선택자인 요소 선택자입니다. 요소 선택자는 HTML 태그 이름을 사용하여 해당 태그를 […]