반응형 dev/React4 React hooks 완벽 정리 - React hooks가 생긴 이유 (1) 이번 시간은 React에 대한 공부를 하는 중에 자주 듣는 React hooks에 대한 내용을 한 번도 따로 정리를 해본 적이 없어서 이번 시간을 통해 React hooks이 왜 React에서 중요하게 되었는지, 이를 사용하기 위해서는 어떤 메서드가 있고 어떻게 써야 하지를 이번 시간을 통해 얘기해보려고 한다. React hooks hooks은 React 16.8부터 React에 요소로 새로 추가되었다. Class를 없이 state와 React Component lifeCycle를 다룰 수 있도록 하는 기능을 의미합니다. React hooks은 왜 등장했나? React Hooks은 이전에 주로 Class Component를 사용되어 왔는데 Class Component를 사용할 때의 문제점이나 불편함을 해.. 2022. 4. 25. React Component 생명주기 (React life Cycle) 이전 시간에 React에 대한 내용을 정리한 적이 있다. 그러면 조금 더 깊이 있는 내용을 이해하기 위해 오늘 주제를 다루려고 한다. 이는 나중에 다룰 React Hooks에 대해서도 관련이 있는데 이는 이후에 다뤄 보도록 하겠다. 리엑트 ( React ) 핵심 요약 정리 React 우리가 웹 개발에 대한 공부를 하면서 많이 들어보는 라이브러리 있는데, React, Angular, Vue가 있다. 그중에서도 웹뿐만 아니라 앱 개발에서도 많이 활용하고 있는 React라는 라이브러리에 대해 kyulee.tistory.com React life Cycle React는 컴포넌트를 기반으로 한 라이브러리인데, 각각의 컴포넌트는 생명주기를 따르며, 이는 생성되며 소멸됩니다. 이를 다음과 같은 그림으로 표현할 수 있.. 2022. 4. 9. 리엑트 ( React ) 핵심 요약 정리 React 우리가 웹 개발에 대한 공부를 하면서 많이 들어보는 라이브러리 있는데, React, Angular, Vue가 있다. 그중에서도 웹뿐만 아니라 앱 개발에서도 많이 활용하고 있는 React라는 라이브러리에 대해 정리하고자 한다. React React는 페이스북에서 2003년에 만든 UI 구축을 위한 라이브러리이다. 이를 이해하기 위해서는 대표적인 3가지의 특징을 알아야 한다. 1. Component 기반 React는 컴포넌트 기반으로된 라이브러리라는 점이다. 이는 웹 페이지를 작성할 때 하나의 HTML 코드로 구성하는 것이 아닌, 여러 부분을 분할해서 코드의 재사용성과 유지보수성을 증가할 수 있도록 부분의 코드로 나누는 것을 의미한다. 최근에는 React Hooks를 사용해 Functional C.. 2022. 3. 24. React를 Github page 배포하기 (github.io) Github 프로젝트 업로드 git init - 프로젝트에 git설치 git add * - .gitignore에 있는 파일 제외하고 모두 올리기 git commit -m 'Initial Commit' // 커밋 - 메시지를 입입력 git remote add origin - git 저장소 연결 git push -u origin main - git main 브랜치에 push 프로젝트를 Github 레포지토리에 올린다. npm 페키지 $ npm install --save gh-pages npm로 github page 페키지 설치, 설치가 완료되면 프로젝트에 있는 package.json 파일을 수정해준다. Package.json 수정 "homepage" 주소를 추가 "homepage": "http://{gitI.. 2022. 2. 25. 이전 1 다음 반응형
