[TIL]10.25 trello clone project start!!

오늘 한일

코드스테이츠의 HA 시험 때 부족한 부분이 있어서 추가 과제를 받기로 했었다. 그 과제를 오늘 받았는데 trello라는todo list 앱을 클론 하는 것이었다. 내가 배운 기술들을 다시 한번 복습할 수도 있고 또 어디까지 내가 깊이 있는 개발을 할 수 있는지 알 수 있어 좋은 기회가 된 것 같다. 추가 과제에 대한 대략 적인 설명을 듣고 기본 세팅을 시작하였다. 

 

1. git repo와 연결

client와 server를 나누어서 repository를 만든 다음 로컬 폴더와 연결을 시켰다. 

git init을 꼭 해주어야 한다. 지금 디렉토리를 git을 통해 버전 관리를하겠다고 지정하는 것이다.

 

※init => Create an empty Git repository or reinitialize an existing one

 

 

2.client/server 기본 세팅 

4주 동안 Python/Django를 사용하다 다시 javascript/node.js를 사용하려니 어색하기도 하고 좀 헷갈리는 부분이 있었다. 

 

공통

gitignore로 node_modules파일을 무시하도록 함

eslint 설정 airbnb 사용 

 

client setting

react CRA를 사용하였는데 처음엔 명령어가 실행이 되지 않았다. 

npx를 앞에 붙여주어 해결을 하였는데 global에 설치가 된 것이 아니라면 npx를 붙여주어야 한다고 한다.

 

npx 참고 블로그 : https://steemit.com/kr/@shimdh/npx

 

server setting

npm init을 통해 package.json을 설치해준 뒤 필요한 라이브러리 들을 dependency에 추가

 

이렇게 세팅을 한 뒤 master로 push를 한 후 dev브런치를 만들어서 작업을 진행했다. 

 

서버를 먼저 만들고 클라이언트를 만들 생각이라서 서버 쪽 작업을 좀 더 진행하였다.

express 디렉토리 구조를 만들고 DB 설정까지 완료하였다. 

스키마 테이블

기본 세팅을 한 뒤 스키마 테이블을 먼저 만들어 보았다. 

우선 todo list를 작성할 유저 테이블이 필요하다. 

trello에서 컨테이너 이름을 지정하고 그 컨테이너 내에 카드 형식으로 list를 작성할 수 있기 때문에 t_type 콜럼을 컨테이너 이름으로 지정하고 t_text를 카드로 지정하였다. 그리고 u_key를 외래 키로 주어 특정 유저가 작성한 list들을 불러올 수 있도로 만들었다.