CODE WATER CODE WATER

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 3주차를 2회독하면서 정리한 내용이다. Python: 기본 문법과 웹 서버 파일 만들기 웹 크롤링 (bs4 라이브러리): 웹 페이지에서 필요한 정보를 솎아 내어 가져오기 MongoDB: 웹페이지로부터 입력받은 데이터를 데이터베이스에 저장하기 Python 프로그래밍 언어를 배운다. 해당 강의에서는 웹 서버를 만들기 위해 사용한다. 서버는 데이터를 주는 역할을 한다. Python의 문법은 굉장히 직관적이다. 그래서 배우기 쉽다. 1. print print('hello world') 2. 변수 선언 a = 2 b = 3 print(a..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 2주차를 2회독하면서 정리한 내용이다. 1주차에 만들었던 정적페이지에 움직임을 추가한다. (Javascript를 배운다.) Javascript: 웹 움직임 jQuery: html 뼈대 선택, 조작 Fetch: 짧은 코드로 요청 송수신 (서버로부터 데이터를 받아온다.) script 태그를 head 태그 안에 작성한다. hey() 함수를 정의하고, 영화 기록하기 버튼을 클릭하면 hey()함수를 호출한다. 영화 기록하기 1. console.log console.log(‘안녕하세요!’) Console에 내용을 출력한다.(개발자 도구-콘..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 1주차를 2회독하면서 정리한 내용이다. 사전 스터디 기간의 목표는 웹개발 종합반 강의 전체를 2회독하는 것이다. 드디어 1회독을 마치고 1주차 2회독을 시작했다. VS 설치 등 초기 세팅이나 아주 기초적인 부분은 정리하지 않았다. 되도록 코드 위주로 정리하고자 하였다. HTML = 뼈대, CSS = 꾸미기, JS = 움직이기 h1 tag - 문서의 제목을 나타내는 태그로, 해당 태그를 넣어주어야 구글에서 해당 페이지의 제목을 인식할 수 있다. 태그의 용도와 이름을 일일이 외울 필요는 없다. 필요할 때 복사해와서 쓰기만 하면 된다. 로그인 페이지 ID : P..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 5주차를 1회독하면서 정리한 내용이다. - 프로젝트 세팅1. app.py 파일 생성 + 가상환경 잡아주기 2. 라이브러리(flask, pymongo, dnspython) 설치 * MongoDB 연결을 위해 certifi 패키지까지 추가로 설치한다. 3. templates 폴더 생성, index.html 파일 생성 4. 뼈대 코드(코드 스니펫) 붙여넣기(정렬: Sh+Alt+F), MongoDB 홈페이지 접속 *코드스니펫의 포트번호는 5000으로, Mac은 5001번으로 코드 수정 5. 파일 실행 후, localhost 접속 6. 웹페이지 접속시 Get 연결 확..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 5주차를 1회독하면서 정리한 내용이다. 5주차 강의부터는 mac으로 개발환경을 옮겼다. mongoDB 연결 하는 과정에서 오류가 있었는데, certifi 패키지를 가상환경에 먼저 설치해주니 해결되었다. from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('mongodb+srv://sparta:@cluster0.wtgsmkg.mongodb.net/?retryWrites=true&w=majority', tlsCAFile=..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 4주차를 1회독하면서 정리한 내용이다. 4주차 10강부터 15강까지는 새로운 프로젝트를 한다. pedia 프로젝트는 [영화 기록하기] 버튼을 누른 뒤 영화 URL, 별점, 코멘트 입력 후 [기록하기] 버튼을 누르면 웹 페이지에 카드가 등록되는 기능을 구현하는 프로젝트이다. *기존 Mars 프로젝트에서 구현한 기능에 웹 크롤링 기능을 추가하는 것이 목표이다. - 프로젝트 세팅 가상환경 구성, 라이브러리 설치를 진행한다. 라이브러리를 한번에 설치하는 방법 pip install libraryname1 libraryname2 libraryname3 새로 구현하고 ..

Weekly I Learend의 약자로, 주간 학습한 내용을 정리 후 공유하기 위해 작성하는 글이다. 아래는 웹 개발 종합반 강의 4주차를 1회독하면서 정리한 내용이다. 4주차 1강 ~ 5강에서는 토이 프로젝트 구현하는 방법을 연습한다. Flask 라이브러리를 통해 localhost 로 백엔드와 프론트엔드를 연결하여 구동한다. - 가상환경 잡기 보통 라이브러리는 통합해서 설치하지 않는다. 프로젝트별로 구분하여 업/다운 그레이드를 쉽게하기 위함이다. 이를 위해 가상환경을 구성한다. → 프로젝트 폴더 내 라이브러리 설치를 위한 별도의 공간을 생성하는 과정 *폴더 선택 - app.py 파일 생성 - 터미널 실행, 아래 명령어 입력 python -m venv venv #window pytho..