전체 글52 [TIL] 220602 한 일 three.js 공부 프로젝트 (지도 부분) 회고 회사에서 업무를 하면서 기존 테이블에 필터를 달아야 하는 경우가 있었는데 render prop 방식으로 기존 테이블에 필터기능을 추가했다. 기존 테이블 컴포넌트 내부에서 필터기능을 달기에는 공통으로 쓰이는 부분이 있어서 활용하게 되었는데 꽤 쓸만하고 간편하게 재작을 할 수 있었다. 프로젝트에서 지도에 새로운 마커를 등록하는 기능을 만들어야하는데 꽤 재미있다. 코드를 더 정리하고 싶은데 일정상 우선 순위가 낮은 작업이라 정말 나중에 제대로 정리하고 싶다. (빠른 시일 내에는 절대 오지 않을 거 같다.) 주말에는 시간을 내서 cs 공부도 조금은 해둬야할 거 같다. 참고 render props 2022. 6. 2. [TIL] 220601 한 일 Three.js 공부 프로젝트 (구글 지도 pin marker 등록, 지도 쪽 코드 정리 등) 회고 Three.js 정말 완전 초짜인데 너무 재미있다. 나중에 Blender도 다뤄보고 싶다. 구글 지도 google-map-react를 쓰는데 역시 라이브러리를 커스텀하다 보면 공식 문서를 뒤지는 게 가장 정확하고 빠른 거 같다. 지도에서 이벤트를 담당하는 부분과 rest api를 호출하는 부분, 지도 자체에 옵션을 담당하는 부분에 대한 분리가 필요할 거 같다. 중복적으로 필요한 값들이 있어서 스토어가 필요할 거 같다. 이 프로젝트에서는 recoil을 쓰고 있는데 학습이 필요하다. 그리고 기본 지도에 여러 기능이 붙게 될 예정이라 코드를 좀 깔끔하게 정리하면서 작업을 해야 할 거 같다. - 리액트 자.. 2022. 6. 1. [TIL] 220530 한 일 Brewfile setup 프로젝트 floating 버튼 작업 등 CS 공부 회고 brewFile을 통해서 homebrew로 설치할 수 있는 모든 걸 한 번에 처리 할 수 있었다. 아직 몇 가지 문제가 있었지만, 맥을 사용하는 사용자끼리는 환경셋업을 할 때 아주 유용한 거 같다. 경로 문제 관련해서 단순하지만 shell script도 만들어보고 좋았다. 참고 링크 프로젝트에서 지도상에 액션을 처리해야하는 작업이 있는데 지도 api 스펙을 좀 뒤져야 할 거 같다. 그리고 일주일에 한 번 푸는 알고리즘도 몇 주 동안 손도 못대고 있어서 반성중이다. ㅎㅎ 2022. 5. 30. [Tip] next.js에서 i18n 을 세팅해보자 i18n 이란? i18n(국제화)이란 응용 프로그램을 다양한 지역에 맞게 조정하는 시스템이다. 여기서는 한국어, 영어 정도의 번역만 다룬다. 기본 동작 원리 next-i18next.config.js 파일을 통해 next-i18next에 대한 구성 환경을 제공한다. 환경 세팅 후 appWithTranslation을 useTranslation 훅에 있는 메서드(?)인 t를 통해서 해당 url에 맞는 번역 기능을 제공한다. next-i18next 설치 npm i next-i18next // yarn add next-i18next 기본 셋업 // next-i18next.config.js module.exports = { i18n: { defaultLocale: "ko", locales: ["en", "ko"],.. 2022. 5. 30. 이전 1 ··· 9 10 11 12 13 다음
