농's 개발 공부 이야기

게시판을 만들다 보니 등록일을 출력할 형식이 필요했다. 물론 일반적으로는 yyyy-mm-dd로 사용하겠지만 주 이용자가 한국인이기 때문에 시간의 형식을 '-년 -월 -일 -시 -분'의 형식으로 출력하고 싶었다. 이를 위해서 여러 자료들을 찾아보니 Moment.js를 사용하면 간편하게 될 것 같았다. Moment.js는 시간이 포함된 데이터를 받아서 조작할 경우 사용 가능한 라이브러리 중 하나이다. SETUP //Moment 라이브러리 설치 npm i moment HOW-TO import Moment from 'moment'; const changeTime = (record) => { const createdTime = Moment(record.createdAt).format('YYYY년 MM월 DD일 H..

Hook - class 컴포넌트를 작성하지 않아도 state 같은 기능들을 사용할 수 있게 해 준다. - 함수 컴포넌트에서 React state와 생명주기 기능을 연동할 수 있게 해 주는 함수이다. - 함수 컴포넌트는 기본적으로 state가 없는 컴포넌트이지만 hook은 react state를 함수 안에서 사용할 수 있게 해 준다. - class 안에서는 동작하지 않지만 class 없이 React를 사용할 수 있게 해 준다. - 관련 있는 코드들을 한군데에 모아서 작성 가능하게 해 준다. class에서는 lifecycle method 각각에 코드들을 쪼개서 넣어야 한다. => 즉, Hook이란 state가 없는 함수 컴포넌트에서 class의 작성 없이도 state를 사용 할 수 있게 해 주는, 그래서 코..