## 2020 0720 0721 마흔한번째 TIL

TIL

CREDD 2020. 7. 21. 21:54

#### 오늘 한 일

* portfolio

- 이걸 이틀동안 하라는거야? 하는 생각과, 올릴 게 없는데.. 하는 생각으로 만들다가

- 리액트 라우팅만 하면 되는걸 오늘 오피스아워때야 들었다. ㅋㅋ 그래도 언젠간 쓸테니까..쓰겠지..?

*react router

- '/' 홈 경로를 라우팅 했다. '/'만 쓸 경우 '/about'과 구분을 하지 못해서 exact키워드를 추가해야만 했다.

- '/about' 같은 경우, 내 css 컨셉상 navbar를 가지고 있어야 했는데.. 이걸 가운데 정렬, 크기 조절 하는데 좀 애먹었다.

- css를 더 깊이 있게 할 것

- 기본적으로는 홈 url 에서 버튼을 눌러 about url로 바뀌고, about컴포넌트 안의 js,react,node 버튼으로 다시 한 번 라우팅을 한다.

- 홈 url을 넣을 곳이 마땅치 않았는데, 상단에 이미지를 추가하면서 해결됐다.

- js,react,node등 각 컴포넌트 아직 미구현 상태

*build

- 코드를 숨김(난독화)

- 용량 감소(쓸데없는 여백이라든가 이런거 없애서 컴퓨터만 알아먹게)

- 브라우저가 jsx를 알아먹지 못하기 때문에 build를 해줘서 배포를 해야 함

- 수정할 때마다 빌드 > 서버로 복사넣기(나중에는 자동화가 된다고는 한다)

*create-react-app, express generator

- 리액트랑 익스프레스 기본 코드를 자동으로 해줌

- create-react-app {디렉토리 이름}

* 반응형 웹

- @media query 사용(max width, min width 등으로 미디어 구분)

* css

- float,flex,grid 익힐 것

- css제너레이터

- left 50%, transform: translateX(-50%);<<가운데 정렬

- position:fixed <<고정

- justifycontent : space-between << 사이사이 거리

*내일 할 일

- 데이터베이스.. 기본 개념 익히기