목록Web/React (2)
kar7mp5
이번 블로그의 환경설정은 다음 블로그를 참고하여 작성되었습니다.문제점import Button from '../../components/Button'React 혹은 Vue를 설치한 직후, 위 코드처럼 상대경로( ../)로 표현합니다.상대경로에 대하여 간단히 설명하면 다음과 같습니다.기호의미/root./현재 위치../상위 경로상대경로를 사용하면 프로젝트 빌드 시 여러 문제가 발생할 수 있습니다. 예를 들어, 이미지 로딩 실패 오류가 상대경로 설정 문제에서 비롯될 수 있습니다. 하지만 절대경로를 그대로 사용하기에는 경로가 너무 길어 불편합니다. 이러한 문제를 해결하기 위해 alias을 설정하여 간결하고 안정적인 경로 작성을 할 수 있습니다.// Beforeimport Button from '../../co..
2025.03에 작성된 블로그입니다. 만약 아래 명령어가 잘 작동되지 않을 경우, 옛 버전 기준일 수 있습니다.01. Node.js & npm 설치공식 LTS 버전 설치 (Ubuntu 기준)sudo apt updatesudo apt install -y curlcurl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -sudo apt install -y nodejs 설치 확인node -vnpm -v 위 명령어가 작동된다면, 정상적으로 설치된 겁니다.02. yarn 설치npm install -g yarn설치 확인yarn -v03. Vite + React + TypeScript 프로젝트 생성yarn create vite my-app --template..