목록프론트엔드 (2)
개발자의 logs
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/Ec4rU/btrN5jqztN6/BJlUq4uYl5UKhXbbs5ZzmK/img.png)
React Hooks 란, 요약하자면 Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다. React 16.8 버전 (2019년도) 에 추가된 공식 라이브러리 Class형 컴포넌트에서만 쓸 수 있었던 state와 life cycle을 Function형 컴포넌트에서도 사용 가능 현재 공식문서에서는, Class형 컴포넌트보다는 Function형 컴포넌트로 새로운 React 프로젝트를 만들기를 권장 단, 기존의 Class형 컴포넌트들을 Hook을 이용한 Function형 컴포넌트로 refactoring할 이유는 전혀 없음 필요한 이유 함수형 컴포넌트들은 기본적으로 리렌더링이 될때, 함수 안에 작성된 모든 코드가 다시 실행된다. - 클래스형 컴포넌트들은 method의 개념이..
![](http://i1.daumcdn.net/thumb/C200x200/?fname=https://blog.kakaocdn.net/dn/F9vTh/btrNvq52KwZ/qkWAoUUnhMa1Qxx8tkGv6k/img.png)
React.js 란 무엇인가 ? 특히 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리이다. 웹 및 모바일 앱의 view layer를 처리하는 데 사용된다. 또한 React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있다.(이거 진짜 장점 .. ) React를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있는 대규모 웹 애플리케이션을 만들 수 있다. React의 주요 목적은 빠르고 확장 가능하며 단순하다. (체감 중이지만 아직 깊게는 모르겠다. ㅎㅎ) => 요즘 많은 사람들이 리액트를 고르는 이유 단순성 ReactJS는 바로 이해하기가 더 쉽다한다. 구성 요소 기반 접근 방식, 잘 ..