주니어 프론트엔드 개발자로서, React와 같이 사용하는 새로운 기술 스택들을 많이 접하고 쌓아나가고 있습니다. 이를 나열하면 다음과 같습니다.
위 스택들 모두 공식 문서가 잘 되어 있는 편이라서, 공식 문서 위주로 업무 시간 안팎으로 공부를 했습니다. React는 기존 베타로 서비스되던 사이트를 3월 중순에 공식으로 전환했는데, 마침 React를 다시 공부하던 시기와 겹치게 되어 구버전과 신버전 모두를 읽어봤습니다. Learn React는 개인적으로 다른 분들께 매우 추천하고 있습니다.. 일단 모든 예시가 함수형 컴포넌트로 제공되고(!), 기본 Hook들에 대해서 왜 도입이 되었고 되어야 했는지 빌드업이 기가 막힙니다. 특히 마지막 파트인 Escape Hatches는 React를 사용하며 아리송했던 개념인 Effect, Ref를 자세히 다루고 있어, 조만간 한 번 다시 읽어볼 계획입니다.
Electron은 JavaScript를 이용해서 크로스 플랫폼(윈도우, 맥, 리눅스)를 위한 앱을 개발할 수 있는 프레임워크입니다. 제가 반년 동안 가장 많이 본 스택이기도 합니다. 3월 말부터 후술할 P-over 프로젝트에 들어가게 되면서, 개인 디바이스에서 블록체인 노드를 심리스하게 돌릴 수 있는 데스크탑 앱을 만들고 있습니다.
기존 웹 앱을 만들 때와 다르게, 프로세스 여러 개를 같이 관리해야 되는 입장이 되어서, 생각해볼 부분들이 많았습니다. Visual Studio Code가 Electron으로 만든 대표적인 앱이어서, 해당 소스코드를 많이 참고하고 있습니다. 개인적으로 vscode-analysis라는 레포지토리를 만들어서, 소스코드에 주석을 달아가면서 분석을 하고 있었습니다. 아직은 앱의 엔트리 포인트인 app.ts, main.ts 등만 작업을 해둔 상태입니다.