4. [ 협업 ] Linting 세팅 - ESLint 세팅 공유 협업을 위해서는 팀 내에서 사용할 공동의 Linting Setting 으로 팀 내의 코딩 규칙을 일치시켜야한다. 1. npm install eslint --save-dev - 개발 종속성 규칙을 잊지말자. 개발에만 사용되는 것이다. 2. eslint 설정 - 루트디렉토리에 .eslintrc.확장자 를 통해 세팅파일을 만든다. eslint 설정은 커스터마이징 할 수 있는 부분이 많고, 언어별(js, ts 등), 환경별(web, node, react 등) 세팅을 해줘야 하는 부분이 많아서 다소 복잡합니다. 처음부터 모든 rule 하나하나 설정하는 것이 불필요하거나 불편하다고 판단되는 경우와 다른 사람들이 이미 정의해둔 config를 설치한 후 확장해서 사용할 수 있습니다. eslint에서 기본적으로 제공되지.. 2023. 3. 7. 3. [ 협업 ] 포맷팅 세팅 - Prettier 세팅 공유 협업을 위해서는 팀 내에서 사용할 공동의 Prettier Setting 으로 팀 내의 포맷팅을 일치시켜야한다. https://prettier.io/docs/en/options.html Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io 1. npm install prettier --save-dev - prettier 를 설치한다. - 개발에만 사용되므로, --save-dev 를 사용하여 개발종속성 형태로 설치하는 것을 잊지말자. 2. npm install eslint-config-prettier --save-dev - eslint 는 기본적으로 Linting에 사용될것이다. - 하지만 eslint 내에도, 포맷팅을 강제.. 2023. 3. 7. 1. 1주차 (1) - 배운점들 feat. 협업과 팀프로젝트가 무엇인지 깨달았다. 1. ESLint 의 Linting 자동화, Prettier 포맷팅 자동화, 허스키 사용 방법을 배웠다. 그리고 설정파일을 공유하므로써, 팀들의 포맷팅 Linting 을 동일하게 만드는 방법을 알았다. 2. github organization 의 사용, 노션의 사용 협업을 위해 github organization 과 문서화 된 것들을 위해 노션을 사용해보았다. 3. vite 번들러를 사용해보았다. 팀원들과 토론끝에 매우 빠르다는 vite 번들러를 채택해보았다. 번들러에 대해 더 잘 알게되었다. https://velog.io/@wynter_j/Bundler-JavaScript-%EB%B2%88%EB%93%A4%EB%9F%AC-%EA%B7%B8%EB%A6%AC%EA%B.. 2023. 2. 24. 최명식 - 원티드 프리온보딩 인턴십 숏에세이 1. 지원하고 싶은 참가기업은 어디인지 참가하고 있는 모든 기업이 훌륭한 기업이지만, 제 개인적인 관심사가 가장 잘 맞는 "라이크어로컬" 에 먼저 지원하고 싶습니다. 평소 여행을 좋아하고, 여행지에 대한 큰 관심을 가지고 있어 "라이크어로컬" 에 가장 큰 관심이 쏠렸습니다. 또한, 저는 데이터를 정리하고 글을 남기는 습관을 가지고 있습니다. 그로인하여 평소 토이프로젝트로 정보를 전달하는 서비스를 주로 개발하고 있어, 저와 잘 맞는다는 생각이 들었습니다. 여행지의 정보성 데이터와 각종 이벤트, 그리고 여행상품을 다루고 있는 "라이크어로컬" 에 먼저 지원하고 싶습니다. 2. 프리온보딩 인턴십에서 본인이 얻고 싶은 것 저는 DOCS 와 UDEMY 를 비롯한 강의사이트를 보며 독학을 하였습니다. 장점으로는 필요.. 2023. 2. 2. 이전 1 다음
