[javascript/basic] import / export 구문과 코딩 스타일 짧은 정리

개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 

리코딩 ReCoding

R004_LifecycleEx Component

App Component

import 하는 방식이 너무 여러가지여서, 솔직히 좀 헷갈릴 때가 많았다.

App Component

export

from 이후에 있는 R004_LifecycleEx 부분은 R004_LifecycleEx Component 에서 export한 식별자를 적은 것이다. R004_LifecycleEx.js 라는 파일명과는 무관하다. 사실 파일명을 써도 무관하다. 왜냐하면, 파일명을 써도 파일내부에서 export한 모듈을 인식하기 때문이다.  (App component 이미지 참조)

import

import LifecycleEx from "./R004_LifecycleEx"; 라고 써져있는데, LifecycleEx 부분은 얼마든지 맘대로 바꾸어도 되는 부분이다. 이 부분은 App Component에서 선언하는 부분이기 때문이다.

 

R004_LifecycleEx Component

R004_LifecycleEx 와 같은 형태(Snake case)로 클래스(객체 or 함수)명을 짓는 것은 좋지 않은 방식이라고 본다.  첫문자를 대문자로 하는 정도의 Pascal case 가 더 낫다고 본다.

개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 

리코딩 ReCoding