무야홍 ~

개요 💬 멋쟁이사자처럼 프론트엔드 테킷 스쿨 플러스 (이하 FESP) 에서 진행한, Next.js 를 활용하여 날씨 앱을 만드는 과정 중 초기 세팅에서 발생한 에러에 대한 내용을 포스팅 하려고한다. 앱 생성 💫 Next.js 앱을 생성하기 위해 아래 명령어를 실행한다. npx create-next-app [프로젝트 명] Error 버전 에러 💥 npx 명령어로 앱을 생성하고 실행하면 아래 에러가 발생할 것이다. ./node_module 에 종속성 패키지가 누락되었을 가능성이 있어 ./node_module 과 package-lock.json 파일을 제거 후 다시 npm install...

개요 🔔 멋쟁이사자처럼 프론트엔드 테킷 스쿨 플러스 (이하 FESP) 에서 진행한, 바닐라 자바스크립트 Todo App 프로젝트를 타입스크립트로 리펙토링 하는 과정을 포스팅 하려고한다. 해당 과정에서는 Vite 와 ESLint 등 이 사용되며, Axios 라이브러리를 사용하여 HTTP 요청을 처리한다. Axios ⚡ 먼저, 기존의 HTML 파일 내부 Script 문에 심어주었던 Axios 를 주석 처리하고, 해당 라이브러리를 프로젝트 경로에 설치 해 준다. npm i axios yarn add axios 사용하고자 하는 코드 내부에 import 하여 axios 를 사용한다. import...

개요 🔔 해당 포스팅에서는 그동안 사용해왔던 프레임워크에 포함되어 사용하는 타입스크립트가 아닌, 자바스크립트 파일을 컴파일해서 사용하고, 이를 사용하기 위해 초기 환경세팅에 대해 정리하고자 한다. Typescript Compile 설치 🔮 Node.js 용 Typescript Compiler 모듈을 global 로 설치 해 준다. -g 옵션을 주어 전역으로 설치하기 때문에어느 경로에서나 tsc 명령어를 사용할 수 있다. npm i typescript -g yarn add global typescript 브라우저 테스트 🌐 Typescript 를 전역으로 설치하고, 다음 과...