JBEE.io
- All
- developments
- essay
- web
- react
- etc
- career
- book
- typescript
- tool
- vue
- javascript
프론트엔드 테스트 코드와 의존성
이전 글 > 테스트에 대한 오해와 사실 Table of contents 프론트엔드 테스트는 왜 어려울까? 의존성 프론트엔드 앱에서의 의존성 들어가며 테스트 코드를 작성하기도 전에 테스트 환경을 구축하다가 지친 경험은 누구나 한번쯤 있지 않을까. TypeScript부터 시작해서 온갖 모듈들의 서커스를 해야 테스트 코드를 작성할 수 있게 된다. 실패하는 이유…
테스트에 대한 오해와 사실
테스트 코드를 작성하는 이유는 하나지만 작성하지 않은 이유는 저마다 다양하다. 개발자라면 ‘테스트 코드 작성’이라는 마음의 짐이 있다. 그리고 보통 그 짐을 다시 꺼내보진 않는다. 일정 주기마다 ‘테스트라이팅’(테스트 + 가스라이팅의 합성어)을 당해왔기 때문에 테스트 코드를 작성해야 한다는 생각은 있지만, 막상 작성하려고 하면 귀찮기도 하고 어렵기도 하고…
Jbee.log(2022)
어김없이 돌아온 새해, 2022년을 구성한 여러 순간들을 키워드로 돌아보려고 한다. Jbee.log(2021) Jbee.log(2020) Jbee.log(2019) Jbee.log(2018) Jbee.log(2017) 새로운 라이프 사이클 작년엔 여러 새로운 습관, 라이프 사이클이 생겼다. 어쩌다보니 일반적인 새해 목표 3대장을 어느정도 이루게 되었다. …
다른 사람의 코드를 리뷰하는 방법
방금 작성한 내 코드를 읽는 것도 쉽지 않은데, 다른 사람의 코드를 읽는 것은 당연히 어렵다. 게다가 다른 사람이 작성한 코드를 리뷰하고 의견을 줘야 한다면 어떨까? 코드 리뷰를 한다고 했을 때 무엇을 하면 좋은지, 어떻게 하면 잘 할 수 있는지 이야기 해보려고 한다. 일종의 코드 리뷰 가이드 문서라고 할 수 있을 것 같은데, 이론과 스킬(?) 그리고 실…
소프트웨어 엔지니어의 이력서
이력서에 대한 이야기를 해보려고 한다. ‘이력서’라고 검색하면 나오는 수많은 ‘팁’들이 있어서 이력서를 작성하는데 어려움이 없을 것 같다. 여느 글이 그렇듯 굳이 한번 더 정리하는 이유는 이력서에 대한 개인적인 견해를 덧붙이기 위함이다. 최근 출간한 전자책에서는 간단하게만 다뤘는데, 이 글에서는 이력서에만 집중해서 이야기해보려고 한다. 들어가기에 앞서, …
코드 리뷰의 목적은 성장이어야 한다
TL;DR 조직 내 코드 리뷰는 리뷰하고자 하는 관점을 코드가 아닌, 코드를 작성한 엔지니어에게, 제품을 만드는 메이커에게 옮겨보면 어떨까. 사실 코드 리뷰 문화보다 중요한 것은 테스트 문화이다. 코드 리뷰? 코드 리뷰(Code Review)란 말 그대로 코드를 리뷰하는 행위를 말한다. 코드 리뷰는 좋은 개발 문화 중 하나로 인식 되고 있는데, 그저 코드…
Jbee.log(2021)
이전 회고 Jbee.log(2020) Jbee.log(2019) Jbee.log(2018) Jbee.log(2017) 되돌아보면 정말 빨리 흘러간 한해였다. 물론 자세히 들여다보면 많은 우여곡절이 있었겠지만 말이다. ‘행동으로 옮겨서 좋았던 것’, ‘앞으로 해볼 것’, ‘하지 못해 아쉬웠던 것’ 세 가지로 회고해보려고 한다. 가장 오래 어쩌다보니(?) 지…
Review 2021 프런트엔드, 그리고 2022
Intro 2021년 프런트엔드 개발 생태계에서 발생한 몇몇 이벤트들을 되돌아보고 올해 2022년에는 어떤 관전 포인트가 있을지 이야기해보려고 해요. 계기 작년 회고에 나만의 2021 프런트엔드 관전 포인트라는 섹션을 썼었는데 타율이 꽤 높은 것 같아 아예 별도 포스팅으로 작성해봤어요. 이런 글은 빠르게 발전하는 생태계 속에서 하루 하루 고군분투 하는 평…
변경에 유연한 컴포넌트
이번 포스트에서는 변경에 유연하게 대응할 수 있는 컴포넌트에 대해 이야기해보려고 한다 TL;DR 컴포넌트는 데이터를 중심으로 추상화한다. 일반적인 인터페이스로 컴포넌트를 디자인한다. 변경에 유연하다는 것 우리가 작성하는 소프트웨어는 지속가능해야 한다. 클린 코드에 입각하여 코드가 잘 읽히도록 작성하는 것 그 자체가 목적이 되어서는 안 된다. 우리가 작성하…
Stop Using Atomic Design Pattern
요즘 많은 프런트엔드 팀에서 디자인 시스템을 운영하는 것 같다. 그러면서 함께 들리는 용어 중 하나는 바로 Atomic Design Pattern 이다. 디자인 시스템을 만들고 이를 제품에서 사용할 때 발생하는 여러 문제들을 해결하기 위해서 사용되는 것 같다. 이번 글에서는 이 아토믹 디자인 패턴이라는 개념에 대한 생각을 정리해봤다. 모든 문제를 전부 해…