For React👍

prettier는 간단하게 코드 스타일을 관리해주는 도구다. 탭너비를 2칸으로 사용할지 4칸으로 사용할지 혹은 '을 쓸지 "를 정해서 관리할 수 있다.

1. ESLint가 뭐야? ESLint는 문법적으로 문제가 있는 코드를 찾아주는 도구다.

 우리는 ESLint를 프로젝트에 적용시킬 때는 협업하는 모든 사람들이 같은 규칙 내에서 코딩을 하는 것을 예상한다. 하지만 가끔은 규칙을 지키지 않고 깃헙에 코드를 푸시할 때가 생긴다...

 물론 CRA를 이용하면 간편하게 리액트 프로젝트를 만들 수 있다. 프로젝트 만드는 시간도 절약되고 다른 거를 찾아 볼 필요도 없다.  하지만 CRA는 뭐랄까 종합선물세트같은 느낌이다. 너가 뭘 필요할지 몰라서 기본적인 거 다 준비해봤어. 같은 느낌이랄까?

 이전에 우리는 Webpack을 사용해서 CRA를 사용하지 않고 리액트 프로젝트를 만들었다. 이번에는 해당 프로젝트에 Typescript를 사용할 수 있게 설정을 진행할 것이다. 이번에도 마찬가지로 원본 블로그의 흐름을 그대로 따라간다.

Modal(이하 모달)은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법 중에 하나다. 이번 프로젝트에서는 사용자가 어떤 행동을 하였을 때 이 행동을 정말로 진행할 것인지 확인 하는 용도로 사용을 하기도 하였고, 로그인이 필요한 기능을 수행하려 할 때...