본문 바로가기

🎨 Front-end/Vue.js2

Vue.js + Vite + Typescript 를 활용해서 오늘의 명언 앱 만들어보기 #2 ↓ 이전 포스팅 ↓ Vue.js + Vite + Typescript 를 활용해서 오늘의 명언 앱 만들어보기 #1출근길에 카톡 프로필들 보다가'왜 이리 명언들이 많아?' 하는 생각에서 출발했다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ프론트는 이런게 재andersonlab.tistory.com 지난 시간에는 프로젝트의 기본 세팅을 완료했으니이번 시간에는 실제 외부API를 불러와 적용해보고 간단한 스타일링까지 해보겠음.. 기본 디렉토리 구조는 이렇게 될 예정 (사실 매우 간단) src/components 디렉토리 내에QuoteCard.vue 파일을 생성하자 "{{ quote }}" — {{ author }} 일단 대충 모양만 잡아두고상세한 스타일링은 나중에.. 2025. 6. 15.
Vue.js + Vite + Typescript 를 활용해서 오늘의 명언 앱 만들어보기 #1 출근길에 카톡 프로필들 보다가'왜 이리 명언들이 많아?' 하는 생각에서 출발했다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ프론트는 이런게 재밌음머리속으로 생각만 해본걸 직접 만들어보는 재미가 있음제목그대로 Vue.js + Vite + Typescript 로 갈 것임Vite란게 뭐냐면 그냥 프론트엔드 빌드 툴임기존의 웹팩 Webpack 떠올리면 이해 쉬울것ES 모듈 기반이라 브라우저가 직접 파일을 처리하니 빠르고 수정 바로바로 잘 반영되고핫 리로드가 장점임ㅋ npm create vite@latest quote-app -- --template vue 플젝 폴더명은 quote-app 으로 했음근데 갑자기select a framework 라면서 Vanilla, Vue, 등등 선택.. 2025. 6. 11.
TOP

Designed by AndersonLab

티스토리툴바