import2 [리액트] import 구문에서 언제 중괄호 { }를 사용할까? (export와 export default의 차이점) 한 파일에 코드가 너무 길어지면 유지, 보수가 힘들기 때문에 기능별로 코드를 나눠 필요할때마다 불러주는 작업을 한다. 이를 모듈화라고 한다. 모듈이란 프로그램을 이루고 있는 독립적이고 재사용할 수 있는 코드의 집합체를 의미하며 하나 또는 여러개의 모듈이 모여서 프로그램이 만들어진다. 이때 기능별로 쪼개진 모듈을 파일에 불러오기 위해 사용하는 키워드가 "import"다. 반대의 개념으로 export가 있는데 import할 수 있는 모든 모듈은 export로 내보내진 모듈이다. 리액트에서 라이브러리나 다른 컴포넌트를 불러올때도 import라는 키워드를 사용한다. 예를들어 App.js라는 컴포넌트에서 About.js라는 컴포넌트를 불러올때 또는 Home.js 컴포넌트에서 react-router-dom 라이브러.. 2022. 5. 4. [Sass/Scss] 외부에 있는 다른 Scss 파일 불러오기 @import "./sub" sub.scss라는 파일이 같은 파일 경로에 위치해 있다면 아래의 코드와 같이 해당파일을 import 해준다 이때 확장자(scss)는 명시하지 않아도 된다 파일이름, 파일이름 으로 여러개의 파일을 한번에 import 할 수 있다 2022. 4. 20. 이전 1 다음