JBEE.io

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

GitHubTwitterFacebook

[서평] IT에 몸담은 이들을 위한 지적생산기술

제목에 이끌려 읽어본 책이다. 이 책의 제목을 본 순간 내가 학습하는 방법에 문제가 있진 않은지 계속 거슬렸다. 책을 다 읽고 나서는 잘하고 있는 부분도 있었고 다시 한번 생각해보고 시도해볼만한 거리들이 생겼다.‘새로운 것을 학습하기’에서는 알고 있던 지식을 보다 체계적으로 정리하였고 ‘독서 방법에 대한 생각’에서는 새로운 독서법에 대해 시도해볼 방법을 …

[Testing] 0. React Testing 시리즈를 들어가며

앞서 React 프로젝트의 구조에 대한 이야기를 4편에 걸쳐서 실컷했다. 그런데 설계 이야기를 하면서 테스트 이야기는 하지 않았다. 설계에 대해서는 필자도 잘 모르지만 테스트와 설계는 뗄 수 없는 관계라는 정도는 알고 있다.테스트를 고려하지 않은 설계는 반쪽짜리 설계에 불과하다. 그래서 이번에는 테스트에 관련된 이야기를 해보려고 한다. 이번 프로젝트에서 …

[서평] 심플 소프트웨어

길벗 리뷰어로 선정되어 심플 소프트웨어 책을 받아보았다. 책을 소개하고 있는 내용 중, ‘Code Health’라는 말에 이끌려 리뷰어 신청을 했다. 저자가 무려 구글의 Code Health 기술 책임자라고 한다. 책을 받았을 때 얇은 두께에 놀랐다. 이 얇은 책이 소프트웨어라는 광범위한 내용을 다룬다는 것에 의심을 했다.이 책은 ‘코드의 단순성, 가독성…

[React] 4. React Router 다루기

이번 프로젝트에서 routing 관리를 위해 react-router를 사용했다.Directory 구조CRA로 프로젝트를 처음 스캐폴팅하게 되면 기초적인 부분만 scaffolding해주고 나머지는 개발자의 몫이다. router 이야기를 하기 전에 디렉토리를 어떠한 기준으로 어떠한 계층으로 나누면 의미있을지에 대한 내용을 이야기해보려고 한다.Routing d…

[서평] 실용주의 프로그래머

원서는 Practical Programmer라는 책으로 국내에서는 ‘실용주의 프로그래머’라는 제목으로 출간됐다. 워낙 유명한 책이라서 개인적으로 의미있게 다가온 몇몇 문장에 대해서만 생각을 정리하는 식으로 리뷰를 한다. 코딩과 관련된 내용은 다른 책을 통해서도 많이 다룰 수 있어서 의도적으로 제외했다.자신의 일에 대해 생각하면서 일하라.🤔이 글에서 ‘생각…

DEVIEW 2일차 후기

운이 좋게도 3년 연속 DEVIEW에 참석했다. 올해에는 2일차에만 다녀왔다. 세션은 3개 정도 들었는데 전부 Track 2에 있는 발표였다.안드로이드 앱의 다중 웹뷰 환경에서 성능 병목 진단 및 최적화 사례https://deview.kr/2019/schedule/287안드로이드 개발자는 아니지만 주로 웹뷰 환경 위에서 프론트엔드 개발을 하고 있다. 웹 …

redux-toolkit을 소개합니다.

1.0.4 version 기준으로 redux-starter-kit이 으로 이름이 변경되었습니다. 이 포스팅은 redux-starter-kit이라는 이름으로 공개되었을 때 작성됐습니다.redux-toolkit의 1.0version 이 공개됐습니다. 라고 줄여부르네요. 자신들이 생각하는 redux best practice라고 생각하는 것들로 구성한 것 같습…

[React] 3. React Architecture

React에서 널리 사용되는 Pattern(?)이라고 하면 Dan의 Presentational and Container Components이 아닐까 생각된다. 16.8.x에서 도입된 hooks API로 과연 이 구조가 의미가 있는 구조일까, 맞는 구조일까 다시 생각해보면서 구조를 잡아보았다.👉 고민 1. Function vs Class우선 모든 컴포넌트를…

[React] 2. Redux Architecture

상태 관리, 어떻게 할 것인가?상태 관리를 위한 선택지는 많다. 심지어 고르지 않는 선택지도 있다. 선택만 하면 절반은 다 된 것이다. 애플리케이션의 규모가 크다 보니 상태 관리를 보조하는 라이브러리가 필요했고 이번 프로젝트에서는 Redux를 선택했다.👉 고민 1. Context API와 Hooks API를 조합이 부분을 가장 우선적으로 검토했다. Do …

[React] 1. Development Environment Setup

Scaffolding 도구를 사용할 것인가, 하얀 도화지부터 시작할 것인가Webpack 설정부터 한땀 한땀 할 수 있다. 관련 자료도 많아졌고 Webpack도 zero config를 ‘지향’하면서 많은 부분이 default config로 들어가게 되며 진입 장벽이 낮아졌다. 그럼에도 불구하고 CRA(create-react-app)를 사용하여 많은 부분을 …