UI/UX디자이너, 백엔드, 프론트엔드와 스프린트를 경험하며 협업을 배우고 프로세스를 익히다.

리액트에서 Chart.js 사용하여 차트를 그리고, 차트 영역 안쪽에 data-label 표기하는 방법을 소개합니다.

rebase를 사용하여 한 번에 여러 commit을 수정할 수 있습니다.

바닐라 자바스크립트로 SPA를 구현하면서 하나의 파일에서 연결하고 있는 무수한 js 파일이 생겨났습니다. 모듈 번들러로 수많은 자바스크립트 파일을 하나의 파일로 묶어서, 자바스크립트 코드를 압축하고 최적화하였습니다.

Local에 다운받은 웹 폰트 파일을 적용하는 방법을 공유합니다.

렌더링 과정에서의 Blocking rendering 문제를 해결하기 위해 React18 버전에선 useTransition 훅이 새롭게 등장했다.

첫 협업을 되돌아보며

시작 표시줄의 입력기를 한컴 입력기에서 Microsoft 입력기로 변경하여 문제를 해결하였다.

깃에서 설정한 브랜치 명명 규칙이 원인이었다.

state는 비동기적이며 처음 렌더링(마운팅)하기도 전에 동작한다. 이 때에 state가 정의되어있지 않았기 때문에 값은 undefined가 할당된다.

에러메세지에는 이 상황에서 merge, switch branch를 하기 전에 변경 사항을 commit하거나 stash하라고 적혀있다.

Web SQL 실습 사이트를 만드는 오픈 소스 프로젝트에 참여하여 HTML5 Web SQL DataBase API로 쿼리 실행 기능을 구현하였습니다.

CRA로 만든 프로젝트에 eslint, prettier 적용하는 방법

27인이 참여한 공동 책 집필 프로젝트를 총괄하여 책을 출판한 경험을 공유합니다.

SQL 문법으로 내가 필요한 데이터를 가져올 수 있다.

Automatic Batching은 Reaact가 성능 향상을 위해 여러 개의 state 업데이트를 다 처리한 후에 한 번에 재렌더링을 진행하는 기능이다.

학업 방식, 함수형 프로그래밍, DDD, 프론트엔드

리눅스 명령어를 최대한 활용하여 마우스와 멀어져보자.

settings.json 파일을 수정하면 리액트 코드 작성 시 emmet을 사용할 수 있다.

SPA, 리액트, 깃허브 프로젝트, 페어 프로그래밍