JSX3 리액트 공부 - 2일차 Class Component VS Hooks Component JSX 에서 HTML 속성 class 는 못쓰고, className 으로 써야함. label의 속성 for은 htmlFor로 써야함. hooks에서 state를 class Component같이 한꺼번에 안쓰는 이유 setState에서 일일이 state 하나하나를 모두 바꿔줘야 해서 hooks에서는 state는 나누어서 작성함. (Javascript 구조 분해 할당 표현식으로 선언) ex) const [val,setVal] = React.useState('초기값'); webpack - 개발 실제로 할 때, 컴포넌트 여러 개 합쳐서 하나의 스크립트 파일로 만들어주는 것 create-react-app 쓰기 전, 세팅을 해보면서 이 세팅을 자동화 해.. 2021. 2. 22. 리액트 공부 - 1일차 소문자로 시작한다 - html 태그 대문자로 시작한다 - Component JS 파일에서 JSX (JS + XML)를 쓰기위해선 babel 을 써야한다 JSX 에서 단일 태그는 항상 닫아 주어야 한다. state - 변할 수 있는 값이나 변하게 될 여지가 있는 값 ( 컴포넌트 ) state 변경 시킬 때는 항상 setState() 메소드 이용 ex) input 태그의 value 값이 state인 경우에 onChange 이벤트를 이용, 리턴 값으로 setState() 메소드를 이용해 변경해 주어야 한다. this.setState({ value: e.target.value})} /> 내가 만든 클래스 메소드는 화살표 함수를 쓰자. 일반 함수를 사용하려면 this.function = this.function... 2021. 2. 19. React 공부 시작 드디어 미루고 미루던 React 공부를 시작하려 한다. 개인적인 차이겠지만 나는 책 또는 공식 문서를 읽으면서 공부 하는 것이 더 잘된다고 느꼈기 때문에 책을 구입했다. github 에 TIL 도 열심히 해볼 예정이다. 화이팅! 2021. 2. 14. 이전 1 다음
