프론트엔드 개발 환경 체크리스트(2023)

프론트엔드 프로젝트를 시작할 때마다 매번 정해야 하는 것들이 있습니다. 개발 환경과 개발 스택을 정하고 대부분 Git이겠지만 형상관리 도구도 정하고 브랜치를 어떻게 관리할지도 정해야 하고 버저닝은 어떻게 해야 할지 등등 프로젝트를 새로 시작할 때면 매번 점검하거나 새롭게 정해야 할 것들이 많았어요. 물론 이미 오랜 기간 숙련된 팀의 경우 기존의 방식을 활용...

허리 나간 개발자의 재활 노트

아직 젊고 건강하다고 생각했습니다. 결국 허리가 나갔습니다. 디스크라고 불리는 노화의 대표적인 질병 추간판 탈출증입니다. 허리가 종종 아팠습니다. 어렸을 때부터 엉망진창이었던 자세를 생각한다면 그래도 지금까지 잘 버텨준 것 같습니다. 코딩 작업과 같은 집중이 필요한 작업을 할 때면 어느덧 자세는 거의 누워있는 자세가 됐었고 뒤늦게 자세를 고쳐잡아도 금방 뒤...

자바스크립트로 만든 유한 상태 기계 XState

FSM(Finite State Machine, 유한 상태 기계)은 UI를 구현할 때 가끔씩 사용했었습니다. 기본적인 개념만 응용해서 enum과 조건문을 이용해서 구현했었죠. 정해진 상태들이 많이 있고 상태에 따라 다른 동작들이 가능한 상황에서는 고민 없이 FSM을 적용할 것 같습니다. 그럴 땐 어떻게 코드를 짜도 복잡하기 때문에 코드만이라도 상태에 따른 정...

개발자의 와인 추천

저는 와인을 좋아합니다. 정확한 기억은 아니지만 와인을 적극적으로 마시기 시작한 시기는 대략 2010년 정도 부터 였던 것 같습니다. 적어도 10년은 넘게 주기적으로 마셨죠. 한 달에 서너 병은 항상 마셨던 것 같습니다. 10년 넘게 마셨으니 뭔가 전문적인 지식도 있고 와인 맛도 잘 구별하고 할 것 같은데요. 딱히 그렇진 않습니다. 그래도 관심이 있어 유튜...

리액트 18의 타입스크립트 타입 변경점

React(리액트) 18이 얼마 전에 출시했습니다. 개발하시는 프로젝트에 이미 업데이트 했거나 조만간 업데이트 하실 계획일텐데요. 리액트와 Typescript(타입스크립트)를 같이 사용했던 프로젝트라면 반드시 수정해야 할 타입 정의의 브레이킹 체인지 몇가지 공유드립니다. React.FC 타입에서 암묵적인 children 선언 제거 ReactFragment...

shiren • © 2025Sungho Kim