리액트개발 (2) 썸네일형 리스트형 [Fast Campus , React] 9. React Hooks, functional 컴포넌트 사용하기 React Hooks? ReactConf 2018에서 발표된, class 없이 state를 사용할 수 있는 새로운 기능. class component로 사용되어온 react에서 느껴온 불편함을 해결하기 위해 개발. React Hooks는 Functional Component를 사용함. 함수형 컴포넌트에선 어떤 기능을 못 쓰는가? 중요한 생명주기를 함수형 컴포넌트에선 사용을 못 했다. → 이것은 React 16.8 Hooks 업데이트로 변경됨 이로 인해 함수형 컴포넌트도 생명주기를 사용할 수 있기에 데이터를 가져오고, 컴포넌트 시작하자 API호출 등 많은 부분을 할 수 있게 되었다. 컴포넌트에서 생명주기를 사용하는 부분 class component에서 사용하던, componentDidMount, Compo.. [Fast Campus , React] 5. JSX , TicTacToe 앱 만들기 (1) JSX (Javascript Syntax Extension) 자바스크립트 확장 문법 리액트에서는 이 JSX를 이용해서 UI가 보이는 모습을 표현해 준다. JSX를 이용하면 UI를 나타낼 때 자바스크립트(logic)와 HTML구조(markup)를 같이 사용할 수 있기 때문에 기본 UI에 데이터가 변하는 것들이나 이벤트들이 처리되는 부분을 쉽게 구현할 수 있다 JSX 사용이 의무는 아니지만, 자바스크립트 안에서 UI 작업을 하는데 편리하기에 리액트를 사용할 때는 거의 모든 사람들이 JSX를 사용한다. 원래 리엑트에서 화면을 그리는 방식 React.createElement API를 사용해 엘리먼트를 생성한 후 이 엘리먼트를 In-Memory에 저장. 그리고 ReactDom.render 함수를 사용해서 실제 브.. 이전 1 다음
