221114 TIL 미니프로젝트 시작

미니프로젝트 'Bow-Meow'시작

- 주제 선정: 유기 반려동물 정보공유 서비스

- 와이어 프레임 작성: Figma 로 함께 보며 작업 하니 편했다.

- Notion API 작성: 필요성과 구현가능성을 고려하며 API를 설계하였다.

 

1. Github 세팅

 - organization 생성 및 초대

 - repository 생성 및 초대, roll은 Admin으로 설정해야 한다.

2. VScode 세팅

- 폴더 및 파일 생성: app.py, temapates, statics, venv, main.html, join.html, details.html, registation.html, members.html

- 각 페이지에 할당되는 템플릿을 생성하였다.

- 인터프리터 설정 : ctrl + shift + p 를 누르면 인터프리터 설정할 수 있다. 

별표 된것을 설치해야 한다. 이것은 'venv'폴더가 생성되고 설정되야 지만 볼수 있다.

►가상환경 및 venv 폴더 생성하는 법

터미널 창에 "python -m venv venv"

- 그 다음 python 파일을 설정하는데 필요한 package 들을 설치한다.

터미널을 켠다음 입력

1. pip3 install flask

2. pip3 install pymongo : 이때 dnspython과 pymongo가 함께 설치된다.

3. pip3 install certifi : 보안관련해서 맥북에서는 따로 설치해주어야 한다.

- 그 다음 실행하면 flask 서버가 실행된다.

참고 블로그: https://sikk.tistory.com/43

[vs code] Python flask 서버 구축

3. initial setting

- templates 생성

- jinja2 template 적용
  이게 사용이 익숙치는 않은데, 전체적인 style과 footer등을 공통으로 적용할 수 있어서 편리한 면이 있다. 그래서 css file을 분리하고 base.html을 통해 공통적으로 적용하였고 test 완료하였다.

 

내일 할일

- landing page 작성

- details page 작성