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

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

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

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

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개의 댓글