React Coding Convention 리액트 코딩 컨벤션 / npm yarn pnpm

React Coding Convention 리액트 코딩 컨벤션

---

읽고 관리하기 쉬운 코드를 작성하기 위한 코딩 스타일 규약이다

 

 

 

코딩컨벤션? 네이밍컨벤션?

코딩

• 코드를 작성할 때 지켜야 할 일반적인 스타일, 규칙
• 네이밍 뿐만 아니라 들여쓰기, 공백, 줄바꿈,주석 스타일, 파일 구조, 코드 정렬등 코드 전반

네이밍

• 코딩 컨벤션 중에서도 이름짓기에 특화된 규칙!!

 

 

 

ESLInt/Prettier 부분

 

*잠만 나는 아예 eslint-config라는 걸 처음 알았음 

어억 ㅋㅋ 내 react 프로젝트에도 있었음,, 

아래링크는 세팅하는 법입니다

https://velog.io/@devohda/eslint-plugin-eslint-config-%EC%B0%A8%EC%9D%B4%EC%A0%90-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

 

https://techblog.woowahan.com/15903/

airbnb가 넘 빢세면 이거보고 흐름따라 해보면 될 듯

 

https://github.com/apple77y/javascript/tree/master/react

이걸 참조한다고 함 읽어보니까 도움되는 것 같아요

• 위 링크처럼 오래되고 유명한 라이브러리로 규칙을 통일한다고 함
• 근데 개개빡세고 2015년에 만든 근본근본이라 유연하게들 사용한다고 하네요

대충 내용보니까

1. 컴포넌트파일은 하나만

2. 항상 *jsx구문을 이용하고 *React.createElement 구문을 사용하지 않는다

---

npm yarn pnpm 패키지 매니저 종류

npm 근본

yarn npm 에서 보안을 강화한 버전

pnpm npm (performant)효율성 강조/ global 저장소에 한 번만 저장하여 저장공간을 절약함

 

대세는 npm yarn 이라고 하네요

 

 

출처

https://myung-ho.tistory.com/100#google_vignette