[Vite+React+TS] React 프로젝트의 기본 구조와 흐름

타 프로그래밍 언어에 대한 경험은 있으나 JavaScript에 대한 지식과 경험이 전혀 없는 React 입문자가 빠르게 훑어보며 공부한 React 프로젝트 기본 템플릿의 구조와 흐름 정리.들어가며이번에 웹 애플리케이션 프로젝트를 시작하게 되면서 새로운 프로그래밍 언어를 공부해야 하는 상황이 되었다. 새로 접하게 된 것들은 TypeScript와 React, 그리고 Vite다. 그동안 다양한 프로그래밍 언어들을 거쳐온 경험을 바탕으로 디테일은 적당히 접어두고 빠르게 훑으며 적응해 보려고 한다. 자, 그럼 시작해 보자.TypeScript란?TypeScript란 JavaScript를 기반으로 하는 프로그래밍 언어이다. 따라서 둘 사이에 차이를 비교할 수 있으면 좋을 듯하여 각각의 특징을 정리해 보았다.JavaS..

• format_list_bulleted Development/Javascript
• · 2024. 10. 21.
• textsms

Windows에서 Node.js를 설치하는 방법

Windows에서 Node.js를 설치하는 방법에 대해 정리.들어가며Node.js를 처음 접하는 사람이라면 설치를 시작하기 전에 알아두면 좋은 내용들이 몇 가지 있다. macOS에서 Node.js를 설치하는 방법에 대해 정리한 지난 포스트에서 이미 언급한 내용인데, 해당 글 가운데 Node.js 설치 전 개념 잡기 부분을 참고하면 된다.1. NVM 설치Node.js를 설치하기 위해서는 먼저 NVM을 설치하는 것이 좋다. 건너뛰어도 Node.js 설치가 가능하지만 프로젝트의 의존성 관리 차원에서는 아무래도 NVM를 설치하는 게 바람직하다. 윈도우용 NVM은 다음 링크를 통해 다운로드할 수 있다.Windows용 NVM 다운로드페이지 스크롤을 조금 내리다 보면 위와 같은 목록이 나온다. 여기서 nvm-setu..

• format_list_bulleted Development/Javascript
• · 2024. 10. 19.
• textsms

macOS에서 Node.js를 설치하는 방법

macOS에서 Node.js를 설치하는 데 필요한 기본 정보와 설치 방법을 정리해 보았다.Node.js 설치 전 개념 잡기Node.js란?브라우저를 벗어난 상황에서도 자바스크립트를 처리할 수 있도록 해 주는 실행 환경이다. 프론트엔드 개발도 가능하지만 백엔드, 즉, 서버 사이드에 강점을 보이는 것이 특징.Node.js의 두 가지 버전Node.js는 LTS 버전과 Current 버전이 있다. LTS(Long-Term Support) 버전은 문자 그대로 향후 장기적인 지원을 보장하는 안정된 버전을 말하며, Current 버전은 가장 최신 버전을 말한다.NVM(Node Version Manager)이란?Node.js를 사용하여 개발된 애플리케이션의 경우 사용된 버전에 대한 의존성이 있는 편이다. 특정 버전에서..

• format_list_bulleted Development/Javascript
• · 2024. 10. 13.
• textsms