프로젝트 진행하며 Hooks 설명을 위한 글입니다 # React Hook - 기존의 react에서는 class 컴포넌트 안에서만 state, lifecycle 메소드를 사용할 수 있었습니다. - 하지만 hooks가 도입되면서 function 컴포넌트 안에서도 state, lifecycle 메소드를 사용 가능하게 되었습니다. # useState - state를 정의하고, setState 메소드를 만들 때 사용합니다. - useState는 인자로 state의 초기값을 받습니다. - useState의 반환값은 생성된 새 state 변수와, 해당 state 전용 state 변경 함수의 쌍입니다. import React, { useState } from 'react'; const App = () => { cons..

https://medium.com/@daniel.hramkov/browserrouter-vs-hashrouter-e8bf1c3824ce https://stackoverflow.com/questions/51974369/hashrouter-vs-browserrouter

최근 프리코스를 수료하고 어떤 것들을 더 공부해볼까 고민하다가, 가볍게 리액트를 맛보기로 했다. 사실 예전에 노마드코더의 리액트 무료강의를 들었던 적이 있었는데, node나 npm에 대해서 하나도 모르는 상태에서 따라치기만 급급해 제대로 이해를 하지 못하고 넘어갔던 기억이 있다. 이번에는 제로초님의 리액트 웹게임 강좌를 바탕으로 기초 내용부터 차근차근 이해하는 것이 목표! 6강까지의 초급 강의를 먼저 듣고, 배운 것들을 활용해보고 싶어서 프리코스 과제였던 twittler를 react로 구현해보기로 했다. 강의에서도 class와 hooks를 번갈아 가며 사용해서, 웬만하면 둘 다 구현해볼 생각이고, hooks에 조금 더 관심이 가서 hooks로 먼저 구현해보았다. 먼저 화면을 구성할 컴포넌트로 나누고, 각..