Emotionary λ κ°μ μ μΌκΈ°μ₯μ 곡μ νλ μΉμ±μ λλ€.
μ΄ νλ‘μ νΈλ React CRA ν¨ν€μ§ κΈ°λ°μΌλ‘ μμ±λ SPA μΉ μ΄ν리μΌμ΄μ μ λλ€.
npx create-react-app "project_name"
NPMμ νμ©νμ¬ ν΄λΉ νλ‘μ νΈλ₯Ό μμν μ μμ΅λλ€.
npm run start
κ° νμ΄μ§λ³ μ΄λμ React-Router-Dom
μ νμ©νμ΅λλ€. ν΄λΉ νλ‘μ νΈμμλ ν¬κ² 4κ°μ§ κΈ°λ₯μ μνν μ μμ΅λλ€.
-
μ μΌκΈ° μμ±νκΈ°
μ¬μ©μλ λ μ§ λ° κ°μ μ μ ννκ³ μ μΌκΈ°λ₯Ό μμ±ν μ μμ΅λλ€.
-
μΌκΈ° μμΈλ³΄κΈ°
ν νλ©΄μ λμ΄λμ΄ μλ μΌκΈ°λ€μ ν΄λ¦ν΄μ μμΈ λ³΄κΈ°λ₯Ό ν μ μμ΅λλ€.
-
μΌκΈ° μμ νκΈ°
μμ νκ³ μΆμ μΌκΈ°λ₯Ό μμ ν μ μμ΅λλ€.
-
μΌκΈ° μμ νκΈ°
μ§μ°κ³ μΆμ μΌκΈ°λ μμ ν μ μμ΅λλ€.
κ·Έ μΈ. λ€ν¬λͺ¨λ μ§μ
ν κΈ λ²νΌμ ν΅ν΄ λ€ν¬λͺ¨λλ‘ μ±μ λ°κΏλ³΄μΈμ!
ν΄λΉ λ Έμ μ¬μ΄νΈμ κ° κΈ°λ₯λ³ κ΅¬ν logλ€μ λ¨κΈ°κ³ μμ΅λλ€.