디자인너 코딩하기

자바스크립트의 모듈시스템을 이용하는 방법으로 내보내기 export, 불러오기 import를 사용 ※ 모튤시스템 : 다른 페이지의 함수나 클래스를 불러와 사용 01 export 여러 개의 객체(함수, 클래스, 변수)가 있는 라이브러리 형태의 모듈 특정개체만 내보내기가 가능 import 할 때 별칭이 불가능(객체의 이름을 유지해야 함) import 할 때 불러올 개체를 { } 로 감싸줘야 함 예) export { myFunction } import { myFunction } from 02 export default 해당 모듈에 하나의 객체만 존재할때 import 할때 별칭으로 불러올 수 있음(객체의 임의의 이름 사용 가능) 예) export default Class import { default as Cla..

리액트로 개발할 때 함수형 컴포넌트를 사용한다면 react hook이라는 편리한 기능을 사용할 수 있다 State 컴포넌트가 갖을 수 있는 상태 예) 시계라는 컴포넌트에서 시간이라는 State를 가질수 있음 useState는 컴포넌트의 state를 간편하게 생성하고 업데이트 시킬 수 있게 해주는 도구 const [ state, setState ] = useState(초기값); 먼저 스테이트의 생성과 동시에 가져야 할 초기값을 useState 함수에 인자로 넣어주면 state와 setState의 두가지 요소를 배열 형태로 리턴해줍니다. state = 현재의 상태값 변경해야 할 값은 setState함수를 이용하면 변경 예) const [ time, setTime ] = useState(5); state: t..