1. Material UI Drawer에 라우팅 적용하기
🔗 React Material UI Drawer with Routes
BrowserRouter와 Router의 차이는?
🔗 BrowserRouter vs Router with history.push()
2. git merge vs. rebase
특정 기능 구현을 위해 개별 브랜치에서 작업 후 merge를 하면 히스토리에 브랜치 병합 기록이 남게 된다. 이는 협업 시에는 반드시 필요한 기록이겠지만 개인 작업일 경우 굳이 흔적을 남기지 않고 하나의 브랜치에서 작업한 것 처럼 보이게 하여 히스토리를 깔끔하게 유지할 수 있는데, 이 때 git rebase가 필요하다. rebase와 merge는 대척되는 개념은 아니고, rebase 후에 merge를 하게 되면 하나의 브랜치에서 작업한 것처럼 fast-forward merge가 가능해지는 것으로 이해할 수 있다.
git checkout feat/navigation #fast-forward merge가 필요한 브랜치로 이동
git rebase master
git checkout master
git merge feat/navigation3. JSX
JSX는 일본의 게임 개발사 DeNA의 프로젝트로 만들어진 유사 HTML/XML 자바스크립트 확장 언어이다. JSX는 HTML 내부에서 자바스크립트를 쓸 수 있게 해주기 때문에 리액트에서 UI를 간편히 구축하는데에 쓰이는 문법으로서 그 이름이 가장 많이 알려져있다. create-react-app으로 리액트 프로젝트를 생성하면 바벨이 자동 설정되어 JSX 코드를 자바스크립트 런타임에서 구동할 수 있도록 자바스크립트 코드로 변환해준다.
🔗 https://jsx.github.io/
🔗 Introducing JSX
🔗 [React.js] Babel / Webpack: 트랜스 컴파일러와 JS 모듈 번들러
