shorthand property
shorthand property는 객체의 키와 키값에 할당된 변수의 이름이 똑같으면 value를 생략이 가능하다.
예를 들어 let a = 10; let b= 20; 라는 변수가 선언 되었으면
const ab = {
a:a,
b:b
};
이상태를 shorthand property를 사용한다면
const ab = {
a,
b
}
이렇게 간단하게 코드를 줄일 수 있다.
props
props를 설명하기 전에 우리 웹 페이지는 여러개로 쪼개져 있다.
1. 컨테이너/프리젠테이셔널 패턴은 js파일과 html파일을 나눠서 js 부분을 컨테이너라고 하고 프리젠테이셔널 부분을 프리젠터라고 한다.
2. 훅스 패턴(함수) 함수로 여러개의 파일로 나누어져 있는 패턴이다.
3. 아토믹 패턴은 아주 세세하게 나눠지는 패턴이다.
과거에는 컨테이너/프리젠테이셔널 패턴을 주로 사용했으면 현재는 훅스 패턴을 주로 사용한다.
props 방식은 부모가 자식한테 전달이 가능하고 자식은 부모한테 전달이 불가능한 방식이다.
즉 부모컴포넌트가 자식컴포터는한테 물려주는 변수/함수 이다.
단 자식이 부모에게, 형제가 형제에게는 물려 줄수 없다.
이런 특징을 단방향이라고 한다.
그와 반대로 앵귤러에서는 양방향이 가능하다.
단방향의 장점으로는 크고 복잡한 규모에서 코드를 더 이해하기가 쉽고 유지보수가 쉽다. 단점으로는 한방향으로만 줄 수 있는 불편함이 있다.
import와 require
우리 자바스크립트는 파일을 전달할 때 import와 require 방식이 있다.
require 방식은 옛날에 사용했던 방식이다.
하지만 이 방식은 안쓰는 것들도 가져와서 성능면에서는 안좋았다.
반대로 import는 쓰는 코드들만 가져오니 성능면에서 좋다.
