# Pure하다? “Pure하다” 요 개념이 재미있다고 생각한 게 이 내용을 정리하게 된 계기인데요. React 개발을 하다가 아래와 같은 패턴을 마주하게 된 적이 있으신가요? const Component = ()=>{ const [stateValue, setStateValue] = useState(0); const func1 = (value: number)=>{ return value + 1; } const func2 = ()=>{ return stateValue + 1; } return {func1(stateValue)} {func2()} } 두 개의 함수는 같은 일을 하지만 (물론 호출부는 다르겠죠! func1은 param이 있으니까요) 한 가지 차이점이 있습니다. func1은 출력 결과가 입력 p..

사이드 프로젝트를 진행하면서 React 상태관리 라이브러리로 Recoil을 사용했다. 간단명료한 concept와 React 함수형 컴포넌트에 친화적인 부가 기능이 (useState와 동작/사용법이 흡사한 형태의 hook이 제공됨)이 특장점이다. Redux & Redux-saga 조합과 다르게 Recoil은 초기 진입장벽이 거의 없었다. (Redux & Redux-saga ... 아직도 이해 못해서 백로그에 천년만년 묵히고 있는 중 ㅎㅎㅎㅎㅎ) 제공되는 object도 atom, selector 두 가지 뿐이고 값을 읽거나 쓰는 것도 useRecoilState hook을 통해 React state와 동일한 모양새로 구현할 수 있다. React "전용" 상태관리 라이브러리면 말 다했다 ㅎㅎ 그런데 Recoil..

개인 홈페이지를 직접 만들어 보고 싶다는 생각을 한 지는 좀 되었는데, 새해를 맞아서 실행에 옮게 됐음 1. 집에 서버용으로 컴을 켜두는건 부담스럽다. 2. 클라우드 자원을 사용하고는 싶은데, 과금을 걱정하고 싶지 않다. (물론 free tier가 있지만... 기간 제한이 있기도 하고 기간 내에라도 내가 모르는 사이에 과금 기준을 넘어버리는 불상사가 발생하지 않으면 좋겠다 ㅜㅜ) 요 두 가지가 어떻게 홈페이지를 구축할 지 결정하는 데에 가장 중요한 포인트였다. 글을 쓰거나 파일을 업로드 하는 등의 기능은 구현하지 않을 생각이라 static 파일만 호스팅 하면 되는 상황이어서 무료 요금제 사용 중에 나도 모르게 과금이 될 우려가 없는 firebase 를 사용하기로 결정했다 :) 1. 레포지토리 생성 bit..