웹 프로젝트 ‣
앱 프로젝트 https://github.com/jihoon416/sigma-react-native
yarn은 npm을 대체하는 툴입니다. 자세한 정보는 이 블로그를 참고하면 좋은데, 간단히 말씀드리자면 속도가 좀 더 빠르고, 명령어가 간단하여 사용하기 편리합니다. 시그마 웹/앱 팀에서는 새로운 패키지를 설치하거나 프로젝트를 실행할 때 yarn을 사용하려고 하고, 위 블로그에 나와있는 것처럼 npm을 이용하여 yarn을 글로벌하게 설치해주셔야 합니다.
yarn 명령들둘이 각각 무엇인지는 제 설명보다는 이 블로그를 참고하시는 게 도움이 되실 것 같습니다. 시그마 웹/앱 팀에서 이 둘을 사용하려고 하는 것은, 혹시 모를 버그의 가능성을 줄이고 모두의 코딩 스타일을 통일시켜 협력하는 데 불편함이 없도록 하기 위함입니다.
둘을 직접 설치할 필요는 없고, 프로젝트에 규칙들이 미리 셋업이 되어있습니다. (프로젝트 처음 클론 후 yarn을 한 번 실행해줘야 제대로 동작할 수 있습니다.)
직접 설치하는 대신, 코드 에디터에서 코드 어떤 부분이 잘못 되었는지 바로 확인하기 위해 몇 가지 세팅을 해줘야합니다.
이것도 프로젝트에 미리 셋업되어있는 부분인데, git으로 커밋을 만들기 이전에 자동으로 ESLint 검사와 Prettier 포매팅을 거치도록 해줍니다. 그래서 커밋을 하기 위해서는 변경된 코드가 무조건 ESLint 규칙과 Prettier 규칙에 어긋나지 않도록 보장할 수 있습니다.
git 자체적으로 쓸 수 있는 기능이기 때문에 어떠한 추가적인 과정도 필요 없습니다.