profile
작고 단단한 컴포넌트를 만들자.

useSelect

내가 만든 커스텀 훅 메모

2일 전
·
0개의 댓글

VSCODE 에서 한글로 된 부분만 검색하기

영어가 아닌 문자열을 검색해주는 방법인데, 영어가 아닌 문자는 한글만 사용하고 있기 때문에 한글로 된 부분만 검색하기 라는 제목을 사용했습니다.Cmd(Ctrl) + F 또는 Cmd + Shift + F 를 눌러서 \[^\\x00-\\x7F]+ 키워드로 검색합니다.검색할

2021년 2월 8일
·
0개의 댓글

Input 태그를 개발할 때 주의해야 할 사항들

<input> 태그 사용할 때 자주 놓치는 부분들과, 반드시 고민해야 할 사항들을 정리한 글입니다. 간단히 써뒀고 계속 업데이트 예정입니다.typenamemax or maxLengthmin or minLengthrequiredtrim()사용자가 input 내용 처

2020년 12월 29일
·
0개의 댓글

NPM package 로컬에서 테스트하기

회사에서 진행중인 프로젝트의 소스가 많아지면서, UI 소스들을 따로 패키지로 분리해야 할 필요성을 느끼게 됐다.NPM package로 라이브러리를 만들 때 버그나 여러 수정 사항들을 충분히 테스트하고 Publish 하려면 로컬에서 테스트 할 필요가 있다. NPM pac

2020년 11월 17일
·
0개의 댓글
post-thumbnail

React i18next lazy loading

회사에서 점점 언어가 늘어나자, i18next의 lazy loading을 구현해야 할 필요가 생겼다. 한개의 언어 파일이 60kb 를 넘는데 벌써 서비스 언어가 9개가 됐다. 언어만 500kb를 넘는다. i18next lazy loading 을 적용하면서 그 내용을 정

2020년 11월 11일
·
0개의 댓글
post-thumbnail

React + TS 환경에 Redux Toolkit 세팅하기

현재 회사 프로젝트에 MobX 를 몇개월 동안 쓰면서 잘 사용하긴 했는데, useObserber를 쓰고 싶지 않았던 점과, console.log 를 찍어볼 때 자꾸 Proxy 로 출력이 되어서, toJS 함수를 써야 한다는 점 등이 좀 귀찮게 다가왔다. 그리고 Reac

2020년 10월 16일
·
1개의 댓글

React 컴포넌트의 역할에 대한 생각

글이 길다.리액트로 4개의 큰 프로젝트와 여러개의 작은 프로젝트를 진행하면서 컴포넌트를 어떻게 정리해야 하는가 에 대한 많은 생각을 하게 된다. 이 생각은 지금도 진행중이고 앞으로도 진행 될 것이다. 그 생각을 여기 정리해본다.Container / Presenter 패

2020년 10월 14일
·
0개의 댓글
post-thumbnail

Styled Components 로 Dark Mode 구현하기

GlobalStyles와 styled 기본 기능만 이용해도 충분히 가치가 있지만, 우리는 Dark Mode 를 한번 만들어보고 싶지 않은가! styled-component 를 이용해 다양한 테마를 구현할 수 있다. Dark / Bright 두가지 모드를 구현해보도록 하

2020년 10월 11일
·
0개의 댓글

React, Typescript 환경에서 styled-components 적용하기

styled-components 를 많은 프로젝트에 적용해보았지만 이제서야 정리해본다. 먼저 GlobalStyles 를 작성해보자. 앱 전체를 아우르는 스타일을 작성하는 파일이다. 아래 파일을 생성한다./src/Theme/GlobalStyles.tsreset 스타일이

2020년 10월 9일
·
0개의 댓글

React, Typescript 환경에서 다국어 (i18next) 세팅하기

개인 프로젝트와 두개 회사에서 적용했었던 i18next 를 이제서야 정리해본다. 현재 리액트 다국어에서 가장 많이 사용되는 모듈인 것 같다. json 파일 기반이라서 사용하기도 좋고 여러 번역자들과 협업시 https://lokalise.com/ 와 같은 다국어

2020년 10월 9일
·
0개의 댓글

Express 서버로 React build 정적 파일 라우팅하기

이 글은 계속 작성중입니다. 현재는 로컬 환경만 대응하고 있고, 추후에 실서비스 사례도 추가 예정입니다. 서론 React로 정적 페이지를 만들 때, 두가지 문제점이 있었다. 첫번째는 SEO 문제. 두번재는 Routing 문제. SEO문제 SEO를 해결하려면 SSR(

2020년 10월 7일
·
0개의 댓글

Express server with TS and nodemon 초기 세팅하기

express 서버 또는 socket.io 서버를 타입스크립트로 만들면서 적용했던 초기 세팅입니다. 분명 까먹을 것이기 때문에 기록합니다. server/⎿ package.json⎿ tsconfig.json⎿ server.tsnodemon 은 미리 global로 설치 되

2020년 10월 6일
·
0개의 댓글