Code Playground

< h1 > Code Playground </ h1 >

정말 오랜만에 블로그 글을 쓰려니까 어색하다. 글도 자꾸 쓸 버릇을 해야 잘 써지는데 간만에 쓰려니 손부터 굳은 느낌이다. 왜 그 동안 아무런 소식이 없었냐면 회사 일이 많이 바쁘기도 했지만 결국 내 성향에서 기인한 것 같다. 블로그 글을 올릴 때 너무 퀄리티가 떨어지는 글을 올리고 싶지 않아서 오랜 시간을 소모하는 편인데, 너무 긴 시간을 들이는게 엄두가 안나서 아예 시작을 안하게 되었다고 할까? 부트캠프에서 수강생 멘토링을 가끔 하고 있는데 나랑 비슷한 성향의 사람들이 은근히 많이 있다는걸 알게 되었다. 이런 성향은 흔히 “완벽주의”라는 단어로 지칭된다. 어떤 일을 할 때 내가 원하는 정도의 퀄리티 수준을 유지하기 위해 스스로에게 굉장히 엄격한 기준을 두고 일을 시작하는데, 그 과정에서 시간과 노력을..

코로나때문에 크리스마스 연휴지만 어디 나가지도 못하고 집에 갇혀 지내는 요즘, 여기저기 돌아다니면서 연말 기분을 내는 대신 집에서 차분히 2020년을 되돌아보며 1년을 회고하자는 마음으로 노트북을 켰다. 올해는 정말 많은 일들이 일어난 해였다. 작년 여름에 개발자가 되겠다고 굳게 결심하고 공부를 시작한 것이 결실을 맺어 올해 1월 6일에 프론트엔드 개발자로 첫 출근을 하였다. 회사에서 정말 좋은 동료들을 만났고, 1년 간 많은 성장을 했다. 내가 1년간 한 것과 아쉬운 것들을 간단하게나마 정리해보려고 한다. 입사하고 최종 부트캠프에 합격하기까지 (1Q) 회사에 잘 적응 부트캠프 기간에 3가지 과제 해결 (레거시 API 교체 / 사내에서 사용하는 라이브러리 제작 및 개선) 부트캠프 합격 웹팀 코드 스타일 ..

https://im-developer.tistory.com/186?category=879485 Webpack, React, Typescript, Jest 환경에서 Alias 적용하기 (절대 경로 import) 프로젝트의 크기가 커지고 복잡해질수록 상대 경로로 module을 import하기 힘들어진다. 여기 저기 왔다 갔다 하면서 나한테 필요한 파일들을 찾아내야하는데 여간 귀찮은 일이 아닐 수 없다. import React from '.. im-developer.tistory.com 위 포스팅에서 Webpack과 TypeScript 환경에서 어떻게 Webpack Alias를 적용하는지 알아보았다. 저대로 잘 적용해서 사용하고 있었는데 개발 중에 문제가 하나 발견되었다. foo.ts와 bar.ts라는 파일이..

프로젝트의 크기가 커지고 복잡해질수록 상대 경로로 module을 import하기 힘들어진다. 여기 저기 왔다 갔다 하면서 나한테 필요한 파일들을 찾아내야하는데 여간 귀찮은 일이 아닐 수 없다. import React from 'react'; import Button from '../button'; import { exampleConfig } from '../../interface'; import { utilFunction } from '../../utils/api'; import someImage from '../../assets/img/image.png'; 게다가 이렇게 상대 경로로 import 하다보면 어디에 있는 어떤 파일을 가져오는건지 명확하게 눈에 안들어온다. 그런데 절대 경로로 바꾸면 다음과 ..