프롬의 Devlog

FE Engineer @line financial+

❄️

☀️

Prettier + Eslint

개요 Prettier와 Eslint를 도입해야하는 배경은 아래와 같다. 프로젝트를 유지보수하는데 투자되는 비용을 최소화하기 위해 통일된 코드 작성법을 제시한다. 포멧팅 관련된 부분에 대한 논쟁을 없애어 각 프로젝트들의 개발 생산성을 높히도록 한다. 인계자 또는 최초 개발자가 아닌 사람도 코드를 빠르고 정확하게 이해할 수 있도록 한다. Eslint 란? E…

Typescript Class

이미지출처: https://ionicframework.com/blog/how-to-use-typescript-in-react 개요 Typescript 스터디에서 Class 부분을 담당하게 되었다. 객체지향 패턴에서 Class 대한 개념을 정리하고 Typescript의 Class를 알아본다. Class 란? Typescript Class를 들어가기 앞서 한…

Infinite Scroll Util

소개 무한 스크롤은 사용자가 페이지를 아래로 스크롤 할 때 콘텐츠를 지속적으로 로드 하는 기술이다. 과 비슷하지만 모바일에 특화된 기술이라고 볼 수 있다. 스크롤을 내리며 화면의 끝에 닿으면 비동기 적으로 콘텐츠를 로드하고, 이는 사용자 경험을 향상시켜준다. 무한 스크롤을 구현하는 방법에는 여러가지 방법이 있다. 전통적인? 방법은 윈도우 객체 또는 특정…

storybook 적용기 with Vue

직전 직장 다닐때 Storybook관련 정리한 것을 포스팅하려한다. 프론트엔드 프로젝트에 Storybook을 도입한 계기와 방법을 설명한다. 들어가며 최근 많은 기업에서 도입하고 있는 Storybook을 왜 도입하였고, 도입하면서 있었던 어떤 우여곡절을 소개해드리려 한다. 왜 Storybook을 도입했나요? 렌딧에는 접근이 까다로운 여러 페이지가 있었다.…

라인 이직기

이직 🥊 CORONA-19로 인해 내가 맡은 프로젝트가 좌초됐고, 병역 특례 종료와 맞물려 결과적으로 이직을 결정하게 되었다. 첫 이직 때는 회사를 다니면서 이직을 준비했고, 면접으로 인한 잦은 연차와 일과 과제의 병행이 힘들었다. 이번 이직 과정은 퇴사 후 이직이라는 선택지였다. 때문에 시간적 여유가 있었지만, 학교로의 복학도 고민해 봐야 했다. …

첫 포스팅, 2020 회고

intro 2020년도가 끝이 났다. 올해는 CORONA-19로 인해 개인적으로 더 정신없는 한 해가 지나간 것 같다. 원래 친구들과 술 한잔하면서 축구 이야기던 앞으로 창업에 대한 이야기던 주저리주저리 하는 것을 좋아하는데 그러지 못해 많아아쉬웠다. 😷 이직이라는 큰 이벤트도 있었고, 코로나로 집에 있는 생활들이 길어지면서 이런저런 에피소드가 있었던 …