[Typescript] 프리티어(Prettier) 설치 및 설정 방법 (vscode 포함)
프리티어(Prettier) 설치 및 설정 방법 개발자가 작성한 코드를 정해진 코딩 컨벤션(코딩 스타일 규약, 표준 )을 따르도록 변환해주는 도구 Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io ▶ Presttier 공식사이트 바로가기 프로젝트에 prettier 설치 npm install --save-dev --save-exact prettier --save-exact 옵션은 버전이 달라지면서 생기는 스타일 변화를 막기 위함 .Prettierrc.js 설정 필자는 초기 생성된 설정을 그대로 사용 참고 : Prettier에서 설정 가능한 전체 옵션들 { "arrowParens":"avoid",// 화살표함수괄호사용방식 ..
[React Native] Babel plugin 절대경로 설정
▶ 공식사이트 바로가기 리액트 네이티브는 컴포넌트를 추가할 때 기본적으로 상대경로(./ 또는 ../../ 등)을 이용한다 import App from './App'; import {name as appName} from './app.json'; import Styled from"../../../components 이와 같이 상대 경로를 이용하면 경로가 길어지고 경로를 파악하기 어려워지는 등 문제가 발생될 수 있다 이럼 문제점을 해결하기 위해 상대경로를 절대경로로 사용할 수 있도록 babel-plugin-root-import 라이브러리를 설치하여 사용한다 1. 바벨(Babel) 설치 //모든 React 플러그인에 대한 Babel 사전 설정 npm install --save-dev @babel/preset-..