Jinsi | Tech Jinsi | Tech

입사 후 프로젝트에 바로 투입 되었습니다. 프로젝트 완수 기간 - 3개월, 현 시점 - 기획 진행 중,프론트엔드 1인 도메인 - 클라이언트, 직원 저를 제외한 플랫폼 개발 협업 처음 (기획 1, 프론트엔드 1, 백엔드 2) 그렇기에 이전 회사에서 협업 경험을 가진 2년차 개발자인 제가 리더가 되어 버렸습니다. 속으로 외쳤습니다. 이야.. 아찔한데!! 그런데 사실은 어떡하지라는 기분은 들지 않았어요. 인생사 언제 무슨 일이 일어날지 모르는 것 아니겠습니까!! 어쩌다 리더가 된김에 이전에 여러 팀들과 소통하며 어깨너머로 보던 것을 적용하기로 했습니다! 이왕이면 공부하여 더 나은 환경을 구축하고 싶었지만 거기에 자원을 쏟기엔 시간 초침소리가 귀를 때렸네요! 우선은 기록을 통해 반복적인 업무를 지양하기로 했습니..

어우 방대하구나 방대해! 'use strict'; const fs = require('fs'); const path = require('path'); const webpack = require('webpack'); const resolve = require('resolve'); const HtmlWebpackPlugin = require('html-webpack-plugin'); // html 파일을 템플릿으로 생성할 수 있게 도와주는 플러그인 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin'); //대소문자를 다르게 처리하는 파일 시스템에서도 모두 동일하게 동작시키게 하기 위해 웹팩 실행 시 file path의 ..

npm 공식 예제만으로도 문제없이 사용 가능합니다. 이 기록은 뻘짓입니다. 반성하기 위해 박제 합니다. SEO를 개선시키기위해 React-router-sitemap 라이브러리를 사용하기도 했다 사용 이유는 레퍼런스가 가장 많았고 다운수도 높았다. 1. 설치 npm install --save react-router-sitemap 2. sitemapRoutes.js 파일 생성 기존에 라우트 컴포넌트 파일이 존재하면 그 파일로 react-router-sitemap 실행시 babel 이슈가 발생한다고한다 동일한 코드를 담은 sitemap-router.js 를 하나 만들었다 3. sitemapGenerator.js 파일 생성 sitemap.xml 파일을 생성하는 sitemapGenerator.js 파일을 만들어야..

zustand는 변경 불가능한 상태 모델 const store = create(() => ({ obj: { count: 0 } })) store.setState((prev) => ({ obj: { count: prev.obj.count + 1 } }) valtio는 변경 가능한 상태 모델이다 렌더링 최적화 zustand는 수동으로 렌더링을 최적화 해줘야한다. import create from 'zustand' const useStore = create(() => ({ count1: 0, count2: 1, })) const Component = () => { const count1 = useStore((state) => state.count1) // ... } valtio는 useSnapshot으로 자동..