JBEE.io

Written by@Jbee
Web Engineer Interested in 설계.테스트.생산성.자동화.멘토링. FEConf Organizer @FEDG

GitHubTwitterFacebook

개발자의 글쓰기, 기술 블로그에 대하여

우선 이 글은 서평을 써내려가다가 에세이 글이 되었다. 서평을 쓰고 있던 책은 개발자의 글쓰기라는 책이다. 이 책은 개발자가 업무를 진행하면서 코드말고 작성해야하는 모든 것들에 대해 다루고 있다. 글쓰기의 기본 네이밍 컨벤션 에러 메세지 체인지로그 장애보고서 제안서 그리고 블로그 사실 마지막 장에서 다룬 ‘블로그’에 대한 부분이 궁금해서 이 책을 읽게 되…

[서평] 개발자의 디자인 독해력

나는 디자인 감각이 없어! 모델이 입으면 세련되어 보이는 옷을 내가 입으면 촌스러워 보이는 것 많은 개발자들이 디자인에 대한 아쉬움을 드러낸다. 특히 회사일이 아닌 자신이 필요한 무언가를 만들려고 할 때, 디자인 감각이 여실히 드러난다. 개발자에게 디자인 이 책은 디자이너 출신의 개발자, 일명 개자이너(또는 디발자)가 쓴 책이다. 그래서 인지 더욱 호기심…

FrontEnd Application에서 Null 다루기

을 어떻게 하면 잘 다룰 수 있을까. NPE(Null Pointer Exception) 그리고 자바스크립트 개발자에게는 URE(Undefined Reference Exception)을 자주 마주한다. | URE 는 지어낸 이름이다. Table of Contents null vs undefined NPE Prevent, Handle 초기화를 명확히 존재할 …

JAM Stack 이야기

MEAN 스택이라는 용어를 기억하는 사람이 있을 것 같습니다. MongoDB, Express, AngularJS, NodeJS의 각 앞 글자만 따서 MEAN 스택이라 칭했습니다. React가 인기를 끌면서 MEAN 스택 중 AngularJS가 React로 대체되고 mern이라는 것도 등장했었습니다. 조금 더 전에는 LAMP(Linux, Apaache, M…

스펙 살펴보기: Document Object Model Event

이벤트를 빼놓고는 프런트엔드 프로그래밍을 이야기할 수 없다. 이 포스팅에서는 웹 문서에서 이벤트가 어떻게 흘러가는지를 살펴본다. 이 포스팅에서 사용된 코드 조각들은 CodeSandbox Workspace에서 실행해보실 수 있습니다. Table of Contents Event Event Flow Bubbling Event Cancelable Event Tr…

Redux에서 Normalize 다루기

웹이 복잡해질수록 프런트엔드(자바스크립트 환경)에서 다뤄야 하는 상태가 많아진다. 그 종류도 점점 다양해지면서 UI의 상태와 도메인 데이터에 대한 값들도 함께 다뤄야 한다. UI도 중요하지만 React Application의 상태를 ‘잘’ 설계(Design)해야 한다. 자연스럽게 상태 관리를 위한 라이브러리가 많이 등장했다. 를 시작으로 , 등 여러 라…

[TS] 9. unknown Type

TypeScript 3.0 version부터 이라는 새로운 타입이 추가됐다. any vs unknown 타입이 도입된 배경을 보다 잘 이해하기 위해 타입을 살펴봐야 한다. TypeScript에서 는 모든 타입을 할당받을 수 있는 타입이다. 즉 타입으로 선언된 변수, argument는 모든 타입의 값이 할당될 수 있고 전달될 수 있는 것이다. 타입도…

고통없는 UI 개발을 위한 Storybook

Storybook is a user interface development environment and playground for UI components. Storybook은 UI 개발 환경이며 동시에 UI 컴포넌트 플레이그라운드라고 할 수 있다. Table of Contents Quick Start Before Writing Stories Store …

[Testing] 5. 여러 테스팅에 대한 단상

앞서 시리즈에서 소개한 테스트 말고도 여러 테스트들이 존재하는데, 그 테스트들에 대한 생각을 정리해봤다. snapshot 테스트에 대한 생각 결론부터 말하자면 snapshot 테스트에 대해서는 회의적인 입장이다. Regression test 시 사용한다면 말리진 않겠지만 나라면 스냅샷 테스트를 하지 않을 것이다. 페이스북에서 만든 테스트 도구인 Jest…

[Testing] 4. 컴포넌트 테스트와 검증

앞서 컴포넌트에 대한 단위 테스트는 과감히 진행하지 않는다고 했다. (컴포넌트에 비즈니스 로직이 없을 때에 대한 이야기) 하지만 그냥 두기에는 뭔가 불안하다. 웹의 특성 상, 특정 상황에서 UI가 깨졌을 때, 빠르게 수정하여 배포가 가능하다. 사용자의 애플리케이션 사용 흐름을 방해하는 정도의 ‘붕괴’가 아닌 이상, 빠르게 대응하면 되는 일이다. 배포 자동…