form_data로 Robo3T에 저장하고 출력하는 방법 feat. datetime와 f-string Robo3T와의 첫 만남 Robo3T는 MongoDB를 다루는 데 매우 유용한 GUI 툴입니다. 데이터베이스에 데이터를 저장하고 쉽게 조회할 수 있는 기능을 제공합니다. 이번 글에서는 form_data를 사용하여 데이터를 Robo3T에 저장하고, datetime과 f-string을 활용해 가독성을 높이는 방법에 대해 설명하겠습니다. 이 과정을 통해 MongoDB와의 연동을 좀 더 원활하게 할 수 있습니다. form_data […]
배포를 위한 FileZilla와 AWS EC2 사용법 Git Bash 및 gabia 포함 AWS EC2란 무엇인가? AWS EC2는 아마존 웹 서비스의 가상 서버 환경으로, 클라우드에서 서버를 생성하고 운영할 수 있는 서비스이다. 이를 통해 개발자는 필요에 따라 다양한 서버 환경을 구성할 수 있으며, 전체 서비스의 안정성과 확장성을 극대화할 수 있다. AWS EC2는 사용자가 필요로 하는 성능과 크기에 맞게 […]
팬명록 입력값 DB에 데이터 넣고 뿌려주기 완성 팬명록 시스템 개요 팬명록은 팬들이 자신의 정보를 등록하고, 이를 통해 다양한 활동을 누릴 수 있게 해주는 중요한 시스템입니다. 본격적으로 팬들과 소통하고 그들의 정보를 관리하기 위해서는 팬명록을 효과적으로 구축해야 합니다. 이 글에서는 데이터베이스에 팬명록 입력값을 저장하고, 이를 웹 페이지에 뿌려주는 방법을 단계별로 알아보겠습니다. 데이터베이스 설계하기 첫 번째 단계는 데이터베이스 […]
크롤링하는 법 requests와 bs4를 이용한 파이썬과 mongoDB 크롤링의 필요성 웹 크롤링은 다양한 웹사이트에서 데이터를 자동으로 수집하는 과정으로, 특정 정보를 수집하거나 분석하기 위해 많이 사용된다. 예를 들어, 쇼핑몰에서 상품 가격 비교를 하거나 블로그에서 특정 주제에 대한 데이터를 모으는 작업이 포함된다. 웹 크롤링을 통해 우리는 방대한 양의 데이터를 효율적으로 관리하고 활용할 수 있다. 환경 설정하기 웹 크롤링을 […]
데이터 뿌려주기 Api와 Ajax 활용법 Api란 무엇인가? Api는 애플리케이션 프로그래밍 인터페이스의 약자로, 서로 다른 소프트웨어 시스템 간의 상호작용을 가능하게 해주는 메커니즘입니다. 특정한 기능이나 데이터를 제공하는 서버와 클라이언트 간의 통신을 원활하게 해줍니다. 웹 개발에서Api를 활용하면 외부 데이터 소스를 손쉽게 연결하여 더욱 풍부한 사용자 경험을 제공할 수 있습니다. 주로 JSON이나 XML 형식으로 데이터를 교환하며, 이 과정에서 주로 […]
부트스트랩과 구글 웹폰트를 이용한 팬명록 개발일지 프로젝트 개요 팬명록은 팬들이 자신의 정보를 등록하고 팬 활동을 공유할 수 있는 공간입니다. 이 프로젝트는 부트스트랩과 구글 웹폰트를 사용하여 간편하고 세련된 웹 기반의 팬명록을 개발하는 것을 목표로 하였습니다. 부트스트랩은 반응형 웹 디자인을 지원하여 다양한 기기에서 사용자 경험을 극대화하고, 구글 웹폰트는 폰트 선택의 폭을 넓혀줘 디자인을 더욱 매력적으로 만들어줍니다. 부트스트랩 […]
다크모드 화이트모드 자바스크립트 활용법 다크모드와 화이트모드의 중요성 최근 들어 다크모드와 화이트모드가 많은 주목을 받고 있다. 사용자들의 눈의 피로도를 줄이고 배터리 소모를 감소시키기 위해 다양한 웹사이트와 애플리케이션에서 이 두 가지 모드의 옵션을 제공하고 있다. 특히 모바일 기기에서의 화이트모드는 밝은 스크린으로 인해 눈이 쉽게 피곤해질 수 있기 때문에, 다크모드는 환경에 맞춰 더 편안한 시청 경험을 제공할 수 […]
CSS vertical-align 완벽 가이드 CSS에서 vertical-align은 요소의 수직 정렬을 제어하는 속성으로, 특히 인라인 요소나 테이블 셀에서 주로 사용됩니다. 이 속성은 텍스트 또는 이미지를 수직으로 배치하고자 할 때 매우 유용합니다. vertical-align 속성을 제대로 활용하면 웹 페이지의 레이아웃을 더욱 세련되게 만들 수 있습니다. vertical-align 속성의 기본값은 baseline 입니다. 이는 요소가 텍스트의 기준선에 맞춰 정렬된다는 의미입니다. 하지만, 다른 […]
인라인 블록 가운데 정렬 방법 CSS CSS에서 인라인 블록 요소를 가운데 정렬하는 것은 웹 디자인에서 자주 접하게 되는 문제입니다. 이 글에서는 인라인 블록 요소를 효과적으로 가운데 정렬하는 다양한 방법에 대해 알아보겠습니다. 인라인 블록 요소는 display 속성을 inline-block으로 설정한 요소로, 텍스트와 같은 흐름 속에서 다른 요소들과 함께 배치될 수 있습니다. 하지만 이 요소를 가운데 정렬하는 것은 […]
디스플레이 종류와 CSS 블록 인라인 및 인라인 블록 디스플레이의 기본 개념 이해하기 웹 페이지의 레이아웃을 구성하는 데 있어 CSS에서는 ‘디스플레이(Display)’ 속성이 매우 중요하다. 디스플레이 속성은 HTML 요소가 브라우저 내에서 어떻게 나타나는지를 정의한다. 기본적으로 블록(block), 인라인(inline), 인라인 블록(inline-block)과 같은 세 가지 주요 디스플레이 유형이 존재하며, 이들은 각각 다른 방식으로 요소들이 배치되고 흐름을 결정한다. 이 글에서는 각 […]