CODE WATER CODE WATER

문득 앱이 만들고 싶어져서 찾아봤다. (앱에 대해 아무것도 모르지만 아무렴 어떤가!) 무작정 앱 만드는 법을 검색했다. 유튜브에는 좋은 영상들이 많았다. 앱을 만들기 위해서는 여러가지 방법이 있다. (다음은 조코딩님 유튜브 영상에서 참조한 스크린샷이다.) 조코딩님의 영상에서는 미리 만든 웹이 있고, 이를 앱을 통해 띄우는 웹뷰앱 방식을 소개했다. 웹개발 종합반 강의를 통해 만들어본 웹페이지는 있었지만, 다른 것을 시도해보고 싶어서 이 방법은 보류했다. 그렇게 다른 레퍼런스를 찾아보던 중 눈에 띄는 것이 있었는데... https://youtu.be/qkTtmgCjHhM 바로 크롬 공룡게임이었다. 인터넷이 연결되지 않은 상태에서 크롬에 접속하면 나오는 게임인데, 링크를 통해 접속할 수도 있다. 공룡은 앞으로..

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..

Youtube에서 시청한 영상을 토대로 배운 내용을 정리하는 공간 *메모장에 적어두면 잘 안보게 될 것 같아서 자주 접속하는 학습 일지 블로그에 기록한다. 시청한 영상 https://youtu.be/bhYayuME2Yw 모닝루틴의 핵심은 언제일어나는지가 아닌, 일어나서 무엇을 하는가 아침에 일어나면 의사결정 능력이 최적화가 된다. 아침에 일어나서 의사결정 능력 에너지를 소모를 최소화 하는 것이 핵심 결국 자신에게 맞는 최적화 방법이 무엇인가 찾는 과정이 필요하다. 자청 방탄커피, 아몬드 먹기 3분정도 뛰기 10분~30분 목욕 (+메모) *휴대폰: 카톡/유튜브 절대 하지 않음. 생각에 집중하기) 김태성(케어링 대표, 한국방탄커피창시자) 방탄커피, 그릭요거트 머기 찬물 샤워 옷, 속옷, 양말 최적화(의사결정..

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 새로 구현하고 ..