◆ [프론트엔드 심화]프로젝트 - 동적 UI개발(2)-레이아웃 구성, 테마스위처, Property 'color' does not exist on type 'DefaultTheme'.오류
레이아웃 구성 Pico CSS • Minimal CSS Framework for semantic HTMLMinimal CSS Framework for Semantic HTML A minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default. Write HTML, Add Pico CSS, and Voilà!picocss.com >>인덱스에 css를 넣는 방법 //App.tsx방법1import Layout from "./components/layout/Layout";import Detail from "./pages/Detail";..
◆ [프론트엔드 심화]프로젝트 - 동적 UI개발
프로젝트 환경 설치리액트 환경 툴은 두가지가 있다. (1)CRAC:\project>npx create-react-app book-store-c --template typescriptC:\project>cd book-store-cC:\project\book-store-c>ls //설치된 것 확인C:\project\book-store-c>npm run //어떤 코드를 사용할 수 있는지 알려줌npm start //리액트 시작(2) Vitenpm create vite@latest book-store-v -- --template react-tscd book-store-vnpm installnpm run dev >> (1)CRA 사용! 프로젝트 폴더(디렉토리) 구조pages - 라우트에 대응하는 페이지 컴포넌..