폼 데이터로 Robo3T에 저장 및 출력 feat datetime와 f-string 서론: 폼 데이터의 중요성 이해하기 현대의 웹 애플리케이션은 사용자로부터 입력받은 데이터를 효율적으로 처리할 필요가 있다. 특히 데이터베이스에 정보를 저장하고 불러오는 과정은 기초적인 데이터 관리의 핵심이다. 본 글에서는 폼 데이터를 사용하여 Robo3T에 MongoDB에 데이터를 저장하고, 이를 datetime과 f-string을 활용하여 출력하는 방법에 대해 다루겠다. 기본적인 절차를 통해 누구든지 […]
오버플로우 CSS 활용법 오버플로우의 개념 이해하기 웹 디자인에서 오버플로우는 요소의 크기보다 내용이 많을 때 어떻게 처리할지를 결정하는 속성입니다. 즉, 박스 모델 내에서 콘텐츠가 넘치는 상황에서 overflow 속성을 사용해 콘텐츠의 표시 방식을 제어할 수 있습니다. 오버플로우는 주로 div, p, img 등 다양한 HTML 요소에 적용되며, CSS로 설정할 수 있습니다. 이를 통해 웹 페이지의 레이아웃을 보다 깔끔하게 […]
개발일지 form_data로 Robo3T에 저장하고 출력 feat. datetime과 f-string 개발일지의 중요성 개발자에게 개발일지는 단순한 기록이 아니라 중요한 자산입니다. 프로젝트의 진행 상황을 기록함으로써 문제를 추적하고 해결 방안을 마련할 수 있습니다. 팀원 간의 협업과 커뮤니케이션을 원활하게 하기 위해서도 개발일지는 필수적입니다. 특히 데이터베이스와 연동하여 일지를 저장하고 출력하는 과정은 개발자의 실력을 한층 높여주는 경험이 됩니다. form_data의 활용 Web 애플리케이션에서 사용자가 […]
개발일지 FileZilla AWS EC2 Git Bash 배포 및 쉘 명령어 사용법 AWS EC2 소개 AWS EC2는 아마존의 클라우드 컴퓨팅 서비스로서 가상 서버를 제공하여 다양한 애플리케이션을 호스팅할 수 있게 해준다. 사용자는 필요에 맞는 인스턴스를 선택할 수 있으며, 이를 통해 안정적으로 웹사이트와 애플리케이션을 운영할 수 있다. EC2 인스턴스는 쉽게 설정 가능하며, 사용에 따라 비용이 발생하므로 경제적으로 관리할 […]
팬명록 입력값 DB에 데이터 넣고 뿌려주기 완성 팬명록 기능 구현의 필요성 팬명록은 팬들이 자신을 소개하고 서로 소통할 수 있는 공간으로, 이를 통해 팬들과의 관계를 더욱 돈독히 할 수 있습니다. 팬명록 기능은 팬들의 이야기를 듣고, 그들의 관심사를 이해하는 데 큰 도움을 줍니다. 또한, 이러한 기능은 이벤트나 프로모션과 같은 다양한 마케팅 전략에 활용될 수 있습니다. 따라서 팬명록의 […]
크롤링하는 법 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 요소의 […]