전체 글 (10) 썸네일형 리스트형 [React Native] module-resolver babel.config.js에서 alias를 설정하기 위해선 module-resolver 를 설치해야한다. **alias는 프로젝트를 진행하며 폴더에 쉽게 접근할 수 있도록 별칭을 추가하는 속성이다. module-resolver란, ESLint를 사용한 Babel module-resolver로 이를 사용하면 전체 자바스크립트 응용 프로그램의 상대 가져오기를 정리 할 수 있다. (= 절대 경로를 설정할 수 있다는 뜻) 상대 경로가 있는 폴더를 위아래로 이동하지 않으려면 응용 프로그램의 중요한 경로에 별칭(alias)을 추가하여 이러한 영역에서 모듈을 쉽게 가져올 수 있도록 한다. module-resolver 설치 yarn add -D babel-plugin-module-resolver babel.confi.. [React Native] Styled Component styled-components란, 자바스크립트 파일 내에서 css를 사용할 수 있게 해주는 css-in-js 라이브러리로 React 프레임워크를 주요 대상으로 한 라이브러리이다. styled-components 라이브러리 설치 npm install --save styled-components or yarn add styled-components 기본 문법은 styled.[컴포넌트 이름] 뒤에 백틱(`)을 사용하여 작성한다. (tagged template literal 문법) export const 변수이름 = styled.컴포넌트 이름``; 적용 main.js import React from 'react'; import {Wrapper} from './TodoInsert.style'; const Mai.. 이전 1 2 다음