JBEE.io

Jbee
Written by@Jbee
프론트엔드 개발자: 설계.테스트.생산성.클린코드.멘토링에 관심이 많음. FEConf Organizer / TypeScript Korea Organizer.

GitHubTwitterFacebook

Code Formatting 자동화

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

Facebook F8 Hackathon 후기

지난 4월 말, Facebook에서 F8 이라는 컨퍼런스를 진행했다. 그리고 나는 행사의 해커톤 참석자로 선정되어 참가하게 되었다. 해커톤 참가자들에게는 컨퍼런스 기간 동안의 숙소와 왕복 항공편이 지원됐다. 올해 운은 전부 끌어다 쓰지 않았을까 생각된다. 아직도 짜릿하다. 🤩 ToC Schedule English, English and English F…

질문을 잘하는 개발자

문제가 발생했을 때 또는 모르는 것이 생겼을 때, 이를 해결할 수 있는 가장 빠른 방법은 자신의 상황을 잘 알고 있는 누군가에게 질문하는 것입니다. 그 누군가는 옆 동료가 될 수도 있고 멘토나 사수 등이 될 수 있습니다. 충분한 구글링을 우선 선행 당연히 위에서 말한 ‘문제’와 ‘모르는 것’은 구글링으로 해결되는 문제를 의미하지 않습니다. 우리가 마주하게…

테마 스위치 기능 추가하기

이 블로그 템플릿에는 우측 상단에 dark theme, light theme를 switch 할 수 있는 기능 이 있습니다. 구현을 궁금해하시는 분들이 계실 것 같아서 하나의 포스팅으로 작성해봤습니다. CSS CSS는 Cascading Style Sheets 의 약자입니다. 적절한 이름이 아니라고 생각하시는 분도 계시던데, 저는 언어의 역할 과 그 …

스크롤 이벤트 최적화

⚠ 이 포스팅은 자바스크립트의 비동기 처리에 대한 이해를 기반으로 작성되었습니다. 이 포스팅을 읽기 전, JavaScript의 Event Loop 와 자바스크립트 비동기 처리 과정 일독을 추천 드립니다. 우리는 아래처럼 브라우저의 스크롤에 이벤트를 추가할 수 있습니다. 함수에 를 추가해보겠습니다. 함수가 마구 실행됩니다. 위 예시에서는 con…

블로그를 만들며 고려한 것들 (JBEE.io)

오랜 숙원 사업이었던 블로그 마이그레이션이 거의 마무리되었고 그 과정 속에서 고민했던 내용을 정리해 보았습니다. 추가하고 싶은 기능은 많았지만 블로그를 만드느라 포스팅을 게을리하여 부랴부랴 마무리했습니다. 0. Choose Tool 블로그를 마이그레이션 해야겠다라는 생각을 할 때부터 Gatsby 로 정해져 있던터라 고민은 없었습니다. 선택한 결과는 매우…

Jbee.log(2018)

이전 팀에서 프로젝트 회고를 진행할 때, 회고에 대해서 공부를 꽤 했었다. 사전적 정의를 먼저 살펴보자면, “돌아다봄”, “지나간 일을 돌이켜 생각함” 등을 의미한다… 회고 (Retrospective)에 대한 정리 및 설계 그래서. 한다. 나는. 회고. 2018년을 블로그 현황 취미이자 학습 수단이자 나를 브랜딩하는 요소 중 하나인 블로그를 가장 먼저 회…

프론트엔드의 본질은 UX가 아닐까

하나의 프로덕션, 웹 본래 웹은 어떠한 정보를 제공하기 위한 문서(document) 에 지나지 않았다. 사람들은 웹을 통해 보다 많은 정보를 공유 하고 싶어졌으며 이는 기술을 발전시켰다. 자연스럽게 여러 방법들로 정보를 보여줄 수 있게 되었고 웹 이라는 독자적인 영역으로 발전하게 되었다. 그러면서 자연스럽게 ‘문서’를 구성하고 있는 요소들이 많아지…

[일달일권] 김창준님의 "함께 자라기"

김창준님의 책이 나왔다고 해서 2시간 정도 걸려서 독파했다. 김창준님의 블로그 를 꾸준히 읽었다면 많이 접했던 내용일거라 생각된다. 부제가 ‘애자일로 가는 길’이지만 애자일과 관련된 내용보다는 개발자의 성장과 개발자 주변의 것들에 대한 내용 이 주를 이룬다. 그리고 그 이유를 김창준님은 다음과 같이 말한다. 애자일의 핵심은 ‘함께 자라기’이다. 그래서…

[Vuetorials] 7. Vuex Best Practice로 가는 여정

Vuex에 대한 설명은 다음 두 글을 첨부함. 5. Vuex API 6. Vuex Module pattern 진행하고 있는 프로젝트에서 Vuex를 어떻게 하면 잘 사용할 수 있을까 고민을 했고 그 과정을 기록함. 총 다섯 단계로 나누어져 있음. 관전 포인트는 다음과 같음. String을 덜 사용할 수는 없는가? 오류 발생가능성을 낮추기 위해 생산성이 좋은…