이번 주부터 유데미 'Typescript: 기초부터 실전형 프로젝트까지 with React + NodeJS' 강의 스터디를 진행하게 되었습니다. 스터디는 총 4주간 진행되며, 각 주차마다 강의 섹션별로 학습 내용을 나누어 계획을 세웠습니다. 매주 공부한 내용을 포스팅으로 정리하면서 복습할 예정입니다.◆ TypeScript란? TypeScript는 자바스크립트의 수퍼셋(Superset)으로, 자바스크립트의 모든 기능을 포함하면서, 타입 시스템과 클래스, 인터페이스 등 고급 기능이 추가된 프로그래밍 언어입니다. 하지만 타입스크립트 코드는 브라우저에서 바로 실행되지 않습니다. 브라우저가 타입스크립트를 이해할 수 없으므로, 먼저 자바스크립트 코드로 컴파일한 후에 실행해야 합니다. 타입스크립트는 컴파일러 역할을 ..

실무에서는 주로 프론트엔드와 백엔드 영역을 분리하거나, 하나의 프로젝트 내에서 두 영역을 함께 관리하는 방식을 경험해왔습니다. 두 방식 모두 각각의 장단점이 있었고, 상황에 따라 적합한 방법을 선택하는 것이 중요하다고 느꼈습니다. 하지만 그동안 이 방식들에 대해 깊이 고민해본 적은 없었던 것 같아, 이번 기회에 좀 더 자세하게 알아보고자 정리하게 되었습니다.소프트웨어 개발에서 코드 베이스를 관리하는 두 가지 주요 접근 방식◆ 모노레포 (Monorepo)란?: 여러 프로젝트의 코드를 하나의 버전 관리 저장소(Repository)에서 관리하는 개발 전략. 이 방식은 여러 프로젝트가 상호 의존하거나 공통된 코드를 공유할 때 유리하다.특징1. 단일 코드 저장소 : 모든 프로젝트와 관련 코드가 하나의 저장소에 존..

최근 커뮤니티에서 주로 사용하는 패키지 매니저에 대한 투표를 본 적이 있습니다. 그중 대부분은 Yarn과 npm을 선택하였지만 항목 외에 댓글에서 자주 등장하는 pnpm에 대한 궁금증이 생겨, npm과 비교해 보았습니다.  ◆ npm (Node Package Manager) 이란?: Node.js의 기본 패키지 매니저. JavaScript 런타임 환경인 Node.js와 함께 제공된다.특징광범위한 패키지 생태계 : 세계 최대의 소프트웨어 레지스트리를 보유하고 있다.의존성 관리 : package.json 파일을 통해 프로젝트 의존성을 관리한다.스크립트 실행 : npm run 명령어를 통해 사용자 정의 스크립트를 실행한다. 장점사용 용이성 : Node.js와 함께 제공되어 추가 설치가 필요 없다.풍부한 생태계..