AWS에 배포하기 AWS: Amazon Web Services, Amazon 사에서 제공하는 cloud 서비스. 1년간 무료로 사용가능 Web에 클라이언트 내용입력 -> 서버에 저장 -> web에 반영

head: 페이지 속성 정의, 필요한 스크립트 불러옴 body: 본문내용 예시 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? reference Chat GPT 스파르타코딩클럽_웹개발 종합반_강의노트

Tag란? : HTML등의 마크업 언어의 가장 기본적 속성으로 웹페이지 구조 정의 사용방법 내용 종류 h1: 제목, h6 까지 있음 p: 문단 나누기 a: 하이퍼링크 img: 이미지 ul: 리스트, 중간 li: 리스트, 최하위 ol: 리스트, 최상위 div: 내용 나눔 span: 특정 글자 꾸미기 hr: 구분선 br: 줄바꿈 input: 사용자 입력란 script: JS 언어로 된 명령 referance Chat GPT

Visual Studio Code : 소스 코드 편집기(웹에디터) 중 하나로 23년 기준 가장 많이 사용됨 소스코드 편집기(웹에디터): 코드작성, 편집 및 디버깅을 위한 통합개발환경(Integrated Development Environment) HTML, CSS, JS, Python 등의 코드를 작성하면 해당 내용이 Web 등의 해당 플랫폼에 반영되는 것을 확인 할 수 있음 확장기능: VS Code를 더욱 효율적으로 사용하기 위해 추가로 설치 가능한 기능들 Live Server: 코딩 결과를 Web으로 실시간 확인 가능하게 해줌 코딩구역: 해당 영역에 자유롭게 코드작성 터미널구역: python 등의 언어 결과 확인 및 라이브러리, 프레임워크 설치 파일/폴더 구역 Live server 실행여부 확인창 단..

HyperText Markup Language : 웹 페이지/애플리케이션을 만드는데 사용되는 표준 마크업 언어 Web page의 뼈대를 구성하는 역할. Tag를 사용하여 웹 브라우저에서 랜더링(코드를 시각화 하는 작업) 진행. Referecne Chat GPT

Flask 프레임워크를 활용하여 API를 만들고 클라이언트에 연결 Flask로 API 만들기 POST(변하는 data 요청 시 사용)/GET(불변하는 data 요청 시 사용) 예제 서버 구성 해보기 서버와 클라이언트 연결 mongodb 서버 구성 클라이언트에 특정 데이터 입력 시 해당 값이 mongodb에 업로드