[TIL] 20211013 - 출근 2일차

출근 2일차
뭔가를 하고 있지만 하고있지 않은 상태😅
퇴근하고 공부를 해보려고 자리에 앉았지만 쉽지만은 않다.
딱 한시간만이라도 매일매일 집중해서 하는게 목표

공부해야 할 것

회사 코드를 보게 되었는데 지금까지 다뤄왔던 것에서 머물면 할 수 있는 것이 없어보인다.

1. Next.js
   안그래도 Next.js에 관심이 가던 중이었는데 코드를 보니 Next로 되어 있었다. 좀 더 빠르게 공부해야 할 필요가 생겼다.
   

2. MobX
   상태관리는 Context API, Redux 두 가지로만 해봤었는데 MobX라는 것을 이용하게 되었다. MobX는 좀 더 객체지향적이면서 간결하다고 하는데 아직은 낯설다.

3. material-ui
   계속해서 material-ui를 사용할지는 모르겠지만 기존 코드에는 material-ui를 사용하여 스타일이 적용되어 있었다.

Next.js

참고 : 코딩앙마 유튜브

시작
yarn create next-app

실행
yarn dev

next.js 특징

1. 컴파일과 번들링이 자동 (webpack, babel)
2. 자동 리프레쉬 기능 → 수정하면 화면에 바로 반영
3. SSR 지원
4. static 파일 지원

Pages 폴더

• 안에 파일을 만들면 따로 라우팅 할 필요 없음

// about.js
export default function About() {
	return <div>About</div>
}

• 폴더를 만들고 그 안에 js 파일을 만듬
  • ex) view 폴더 - [id].js ⇒ ~/view/아무거나 치면 나옴

src 폴더 만들어서 컴포넌트 만들기

• static 파일은 build폴더에 넣어서 사용하는 것이 편하다. (image, html 등)