en nb en ko ko ko ko ko ko ko ko ko ko
ROI(Return On Investment), git flow가 안 좋다는 글을 읽고...
[JavaScript] array.splice(), RTK Query 자동 리패칭
[RTK Query] Mutation과 캐싱(Caching)
2022-07-26T00:00:00+09:00 2022-07-26T00:00:00+09:00 https://b41-41.github.io/posts/TIL-rtk_query-caching/ Da-Bin Jeong Mutations 서버에서 데이터 업데이트, 추가를 요청하고 변경사항을 캐시에 적용할 때 사용한다. 캐시된 데이터를 무효화하고 강제로 다시 가져올 수도 있다.(리패칭) createApi의 endpoints에 아래와 같이 추가해서 세팅. updatePost: build.mutation ({ query: (body) => ({ url: `post/add`, method: 'POST', body, }), 요청한 데이터의 반환 값을 캐싱하려면 createApi에 태그 타입을 정의 tagTypes: ['Posts'], 그리고 Mu...
[TypeScript] React SetState Prop으로 넘길 때 Type 정의하기
2022-07-15T00:00:00+09:00 2022-07-24T21:15:02+09:00 https://b41-41.github.io/posts/TIL-react-setState-type-220715/ Da-Bin Jeong 들어가기 처음으로 React에서 TypeScript를 사용할 때 많이 당황했었다. 그 이유는 부모 컴포넌트에서 자식 컴포넌트로 prop을 넘겨주는 일 때문이었다. JavaScript에서는 함수, 변수 상관없이 그냥 넘겨주면 됐었다. 하지만 TypeScript는 모든 타입을 다 넘겨 주어야 했다. 그 중에서 가장 난감했던 것이 useState 훅을 사용했을 때 setState를 넘기는 일이었다. setState를 prop으로 넘기는 방법을 알지 못해서 아래와 같이 함수를 만들어서 자식 컴포넌트로 넘겼다. const changeState = (changeValue: string): void => { setStateValue(changeValue); }...
로띠(Lotte) - 코드로 삽입하는 애니메이션
2022-07-12T00:00:00+09:00 2022-07-31T08:32:33+09:00 https://b41-41.github.io/posts/TIL-lottie-220712/ Da-Bin Jeong 들어가기 동아리 활동 중 로띠를 활용하면 애니메이션이 즐거울 것 같다는 이야기를 들었다. 로띠가 뭔지 바로 검색 찾아보니 구글홈을 설정할 때 봤던 애니메이션이 로띠였다. 로띠 (Lottie)는? 위키백과에서는 백터 애니메이션을 위한 파일 형식이라고 소개하고 있다. 로띠에서는 JSON 파일을 사용한다. 따라서 파일 내부를 열어 보면 SVG처럼 뭔가 읽을 수 있는 코드를 볼 수 있다. 로띠 라이브러리를 사용해서 JSON파일을 애니메이션으로 출력할 수 있다. 장점 용량이 작다. 공식 홈페이지에서 소개하는 예시에 따르면 gif파일보다 600%더 작다고 한다. 위에 삽입한 애니메이션의 경우 Lottie는 56KB GIF 파일은 375K...