# export/import

zoo0

한 파일에서 코드가 몇 백, 몇 천 줄이 넘어간다면 그 코드를 짠 나만 알아볼 수 있고 유지보수하기가 힘들다. 그래서 폴더구조를 체계화해 파일을 쪼개준다. Container, Presenter 패턴 container 파일에 javascript 부분, presenter 파일에 html 부분이 들어가게 되는데, 서로 다른 파일이다 보니 값을 전달해줄 수 없다. 이럴 때 props를 이용해 전달해준다. > Props : 부모 컴포넌트가 자식 컴포넌트에게 전달해주는 변수 또는 함수. container의 export default function... 부분을 부모 컴포넌트라고 부르고, 그 안에 있는 return 부분을 자식 컴포넌트라고 부른다. 부모 컴포넌트가 자식 컴포넌트에게 data를 넘겨줄 수 있고, 그것을 받는 이름을 props라고 한다. 리액트의 데이터 전달 방식은 단방향이기 때문에 반대로 자식 컴포넌트가 부모 컴포넌

smat91

1. ToDo - Docker에 설치된 MySQL안의 데이터를 export하고 import하기. 2. How To Do?? Docker Comporse(MySQL) Data Export Terminal Command Data Import Terminal Command

s2s2hyun

리액트를 사용하다 보면 필수적으로 이용되는 문법이 export 와 import 이다. 하지만 , export 의 사용과 import 사용이 제 각각이라 이를 정리해보려고 한다. 모듈이란? 모듈은 마치 레고의 한 조각과 같다. 리액트가 각광받는 이유도 컴포넌트 하나하나를 각각 관리를 할수 있기 때문이다. js 파일 하나하나가 모듈이다. 때문에 이 모듈들을 사용하기 위해서는 한 컴포넌트에서 다른 컴포넌트를 불어와야 하는데 이때 , export 와 import 를 사용하는것이다. Export 모듈 하나를 다른 모듈에서도 이용 할 수 있게 내보내려면 export 해야한다. export 에는 크게 두가지 방법이 있는데, 하나는 해당 모듈에서 딱 하나만 내보내는 방법, 다른 하나를 모듈 내 여러 함수들을 내보내는 방법이다. 하나만 내보내는 방법은 리액트에서 자주 법했을 export default 방법이다. 여러 함수를 내보내는 방법은 아래와 같이 이용한다.

ohmy0418

기능 별로 각각 분리된 파일을 Module이라고 부른다. 특수한 지시자(export / import / exports / require)를 적용하면 다른 모듈에서 해당 모듈에 있는 함수를 호출하는 것과 같이 기능 공유가 가능하다. module은 특수한 키워드나 기능과 함께 사용되기 때문에 `` 와 같은 속성을 설정해서 해당 스크립트가 module이라는 걸 브라우저에 명시해야 한다. module의 기능 '엄격 모드'로 실행됨 'use strict' 선언되지 않은 변수에 할당하는 등의 코드는 에러를 발생시킨다. 모듈 레벨 스코프 모듈만의 스코프가 있어서 모듈 내부에 정의한 변수/함수는 다른 스크립트에 접근할 수 없다. 때문에 내보내는 모듈은 export를 해야하고, 가져오는 모듈은 import 해줘야 한다. 단 한번만 평가됨 하나의 모듈이 여러 곳에서 사용되더라도, 최