velog 클론코딩
1.[velog 클론 코딩 개발기 - 1 ] Webpack, Babel 이용해 React + Typescript 개발 환경 구성
안녕하세요! 저는 그동안 React 개발 환경을 구성하기 위해 CRA (create-react-app) 을 사용하거나, 회사에서는 다른 사람이 셋팅해줬던 개발 환경을 그대로 따라하기만 했었는데요! 그러다 보니까 번들링된 결과물은 어떻게 떨어지는지, 환경설정을 바꾸고
2021년 10월 18일
2.[velog 클론 코딩 개발기 -2 ] 페이지 라우팅
react-router-dom 을 사용하여 SPA 페이지 라우팅 기능 구현해보기.
2021년 11월 1일
3.[velog 클론 코딩 개발기 -3 ] 트렌딩 포스트 페이지 개발
HomeTab Component 구현 구조 HomeTabLeftAreaBox HomeTabLink 2개, TimeFrameDropdownButton 1개로 구성 HomeTabLink * 설치 * npm i -D react-icon 를 통해 react-icon pa
2022년 1월 11일
4.[velog 클론 코딩 개발기 -4 ] 다크 모드 (1)
TypeScript, React, Emotion.js 환경에서 다크 모드 구현하기
2022년 2월 8일
5.[velog 클론 코딩 개발기 -5 ] 다크 모드 (2)
다크/라이트모드 별 스타일 정의 다크/라이트 모드 별 스타일 정의하기 ThemeVariables 라는 type 으로 lightThemeVariables, darkThemeVariables 2개의 객체를 만들었다. 이 객체를 가공하여 css variable 을 만들고 컴포넌트에서 참조할 수 있는 구조로 만들 것이다. 먼저 css variable 로 만들...
2022년 2월 17일