JBEE.io

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

GitHubTwitterFacebook

[서평] 심플 소프트웨어

길벗 리뷰어로 선정되어 심플 소프트웨어 책을 받아보았다. 책을 소개하고 있는 내용 중, ‘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)를 사용하여 많은 부분을 …

[React] 0. 들어가면서

React는 라이브러리이다. 라이브러리와 프레임워크의 가장 큰 차이점은 자유도에 있다고 생각한다. 프레임워크는 여러 약속의 집합이라고 할 수 있다. React를 사용하다보면 수많은 의사 결정을 마주하게 되는데 이러한 부분들을 약속으로 정해 프레임워크화하여 프로젝트에 적용한 작은 경험을 공유한다.React Ecosystem에서의 best practice라고…

Code Formatting 자동화

팀 단위로 프로젝트 개발이 이뤄지면서 합의한 Coding convention을 지키며 개발하는 것이 중요해졌습니다. 그러나 여전히 소프트웨어 개발을 할 때, 비즈니스 로직, 구조 설계, UX 등 많은 부분을 고려해야 합니다. 이 와중에 convention을 하나 하나 신경써야 하는데, 그러기엔 우리 인생은 너무 짧습니다.이 글에서는 일관된 conventi…