🚫 tailwindcss 설치 후 postcss 에러가 발생할 때 프로젝트 세팅 중 tailwindcss의 Get started with Tailwind CSS를 차근차근 따라했는데도 npm run dev시 Failed to load PostCSS config 에러가 발생했다. postcss.config.js 파일이 문제인 것 같았다. PS C:\git-repo\twitter-clone> npm run dev > twitter-clone@0.0.0 dev > vite VITE v4.3.8 ready in 431 ms ➜ Local: http://127.0.0.1:5173/ ➜ Network: use --host to expose ➜ press h to show help node:internal/proce..
🍒 Vue + Vite의 장점 Vuejs를 사용한 웹 어플리케이션 제작에 Vite를 많이 쓰는 것 같아 아무 생각 없이 따라하다가 문득 왜 Vite를 쓰는거지? 하는 의문이 들었다. Vite 공식 사이트에서는 사전 번들링, Hot Module Replacement... .. 이런 저런 설명을 해놨지만 정리해보면 빠른 빌드 속도, 서버 재기동이 필요 없는 즉각적인 소스 수정 반영이 큰 이유인 것 같다. 꼭 Vue가 아니더라도 React, Svelte와 같은 다양한 프레임워크를 지원한다. ✅ Vite로 프로젝트 시작하기 vite와 Vuejs가 모두 설치되었다는 전제 하에 아주 간단하게 프로젝트 세팅이 가능하다. npm create vite@latest my-app cd my-app npm install # ..
강의 들으면서 메모 해두기 위한 게시글 🔋 lite-server on/off # To run: index.html, app.js가 있는 위치로 가서 아래 명령어 입력 lite-server # To stop: press ctrl+C (MAC에서도 동일하게 control + C) ^C
🛠 MVC 패턴 Model, View, Controller로 구성된 소프트웨어 디자인 패턴 💾 Model Model은 데이터를 관리하는 역할로, DB의 데이터를 다른 객체로 전달하거나 외부 객체로부터 전달 받은 데이터를 DB로 전달한다. 웹 프론트에서 Model은 DB에 직접 접근하지 않고 API를 통해 데이터를 주고 받는다. 📺 View View는 화면을 관리하는 역할로, Model로부터 전달 받은 데이터를 화면에 그리거나 사용자로부터 데이터를 입력 받는다. 보통 HTML, CSS, javascript로 구현한다. 🖇 Controller Controller는 Model과 View를 연결하고 관리하는 역할, Model과 View는 직접적으로 연결되지 않는다. 참고 : Understand MVC Archi..
