JH 기술 블로그

글을 시작하기에 앞서, 약 2달 간 진행하였던 전형 간 친절하게 응대해주시고, 결과도 빠르게 전달해주신 담당자 분들께 감사의 인사를 전한다. 본론으로 들어가자면 현대오토에버에 최종 합격을 하였다...!!! 현대오토에버를 준비하면 할 수록 현대오토에버에 대한 사랑이 커져갔는데, 입사 후에도 이 사랑을 바탕으로 나의 역량을 100%, 200% 보여주며 기여하고 싶다! 다만, 준비하는 과정은 많이 지치고 힘들었었다. 스펙이 좋으신 분들이 너무나도 많았기 때문에, 어떻게 하면 나의 역량을 어떻게 하면 보여줄 수 있을지 고민과 불안의 연속이었었다. 힘들었지만 돌아보면 경험이고 추억이라고, 준비 과정들을 기록하고 싶어 이렇게 글을 남긴다. 다만, 면접에 관한 내용은 보안을 지켜야 하니 생략할 예정이다!채용 일정서..

디자인 시스템을 관심을 바탕으로 현재 진행 중인 프로젝트에 있는 컴포넌트들을 라이브러리화 해서 다른 프로젝트에서도 설치 한번으로 컴포넌트들을 사용할 수 있으면 좋을 것 같다라는 생각을 하였다.굳이 이러한 일을 왜하냐면 규모가 있고, 프론트엔드 개발 생산성에 초점을 맞춘 회사라면 다양한 프로젝트에서 라이브러리화 된 컴포넌트를 적극적으로 사용할 수 있겠다는 생각이 들어서이다. 자 그럼 거두절미하고 라이브러리로 만드는 여정을 떠나보자!버튼 컴포넌트 라이브러리로 만들기1. tsconfig 파일declaration 옵션으로 타입 선언 파일(.d.ts) 생성outDir에 컴파일 산출물을 저장라이브러리 소스는 src 폴더에 위치{ "compilerOptions": { "target": "ES5", "li..

서론여전히 프로젝트를 진행 중이다! 프로젝트를 진행하면서 불편한 점이 하나 있었다.나를 포함해 다른 분들이 컴포넌트 작업을 하시고 PR을 올리실 때 파일 첨부 칸에 Figma 디자인 캡처본 하나, 실제 구현한 컴포넌트 캡처본 하나 이렇게 총 2개의 첨부 사진을 올려야 했다는 것이다.스토리북과 피그마를 번갈아가면서 작업을 하신 다는 것이 굉장히 번거롭다고 생각이 들기도 하였고, 이런 사소한 점이 개발 생산성과 개발자 경험을 저하시킨다고 생각을 하였다.📚 Storybook addon/designstorybookjs/addon-designs: A Storybook addon that embeds Figma, websites, or images in the addon panel. GitHub - storybo..