2023.07.28 ~ 2023.08.02
μ΄λ¦ | μν | λ΄λΉ |
---|---|---|
π©κΉμ¬ν¬ | μ‘°μ | μ€μ§ν°λΉμλ§μμ΄μ, μ΄λ²€νΈ, νΈν° λ§ν¬μ , μ€νμΌλ§ μλ£ , swiper.js κΈ°λ₯ ꡬν |
πΆμ μ§μΉ | μ‘°μ | μ€μκ° μΈκΈ° νλ‘κ·Έλ¨, μΈκΈ° LIVE μ±λ λ§ν¬μ , μ€νμΌλ§, swiper.js κΈ°λ₯ ꡬν |
π§νλ€μ | μ‘°μ | ν°λΉμμ κΌ μμ²ν΄μΌ ν μ½ν μ€, Quick Vod λ§ν¬μ , μ€νμΌλ§ μλ£ swiper.js κΈ°λ₯ ꡬν |
πΌν©μ΄μ | μ‘°μ₯ | λ©μΈνμ΄μ§ ν€λ nav λ§ν¬μ λ° μ€νμΌλ§ μλ£, ν€λ λ°°λ λΆλΆ λ§ν¬μ λ° μ€νμΌλ§ μλ£ ν swiper .js μ§ν |
ν©μ΄μ : μ²μμλ tailwindλ₯Ό μ μ¬μ©νλμ§ μ λͺ°λλλ° νλ‘μ νΈλ₯Ό μ§ννλ©΄μ ν΄λμ€λͺ μ κ³ λ―Όνμ§ μμλ λλ κ², 컀μ€ν°λ§μ΄μ§ λ±μ μ₯μ μ λλ μ μμμ΅λλ€. μλ°μ€ν¬λ¦½νΈλ swiperλ§ μ§ννλλ° μκ°λ³΄λ€ μ κ°κ°μΈ μ½λλ₯Ό νλμ²λΌ 보μ΄κ² νλ€λ κ² μ½μ§ μμκ³ κΈ°λ₯μ μΈ λΆλΆμ λ§μ΄ ꡬννμ§ λͺ»ν κ² μμ½κΈ΄ νμ§λ§ μΆνμ 리ν©ν λ§ μμ μ λλ€. λν μ’μ νμλ€κ³Ό νλ‘μ νΈ μΌμ κ΄λ¦¬, 컨벀μ λμ λ± κ²ͺμ΄λ³΄μ§ λͺ»ν κ²λ€μ νλ‘μ νΈλ₯Ό ν΅ν΄ κ²½νν΄ λ³Ό μ μμ΄μ λ»κΉμμ΅λλ€.
νλ€μ : μλ°μ€ν¬λ¦½νΈλ₯Ό μ λͺ»ν΄μ νλ‘μ νΈν λ 곡λΆνλ©΄μ κΈ°λ₯ ꡬνλ μ‘°κΈμ© ν΄λ³Ό μ μμ μ€ μμλλ° swiper μ¬μ©νλ κ²μ΄ λ무 μ΄λ €μ λ§μ μκ°μ΄ κ±Έλ Έμ΅λλ€. μ΄ μ μ΄ λ무 μμ½μ΅λλ€. νμ§λ§ tailwind, swiperλ₯Ό μ¬μ©ν΄ 보μμ μ’μμ΅λλ€. κ·Έλ¦¬κ³ μλ‘κ² νλ‘μ νΈλ‘ λ§λ λλ£λ€κ³Ό κ°μ΄ ν΄λ³Ό μ μμ΄μ μ’μμ΅λλ€.
κΉμ¬ν¬ : μ²μμλ ui ν΄λ‘ μ λλ μμ μμ΄μ jsλ§ κ·Ήλ³΅νλ©΄ λκ² λ€κ³ μκ°νλλ°, μκ°λ³΄λ€ swiper μ¬μ©νλ κ³Όμ μμ λ§μ μ₯μ λ¬Όμ λ§λ¬λ€. μ΄λ² νλ‘μ νΈλ₯Ό ν΅ν΄ swiper μ¬μ©λ²μ μ΅ν κ²μ΄ κ°μ₯ ν° λ°°μμ΄μκ³ μ’μ λλ£λ€μ λ§λ μ¬λ―Έμκ² νμ ν κ²μ΄ μ’μλ€.
μ μ§μΉ : uiμλ§ λ무 μ΄μ μ λλ€ λ³΄λ js κΈ°λ₯μ μ λλ‘ μ¬μ©νμ§ λͺ»ν κ² μμ½μ΅λλ€. μΆνμ 리ν©ν λ§νλ©΄μ μ ν΄λ΄€λ κ²λ ν΄λ³Ό μκ°μ λλ€. νμ μ νλ©΄μ νλ‘μ νΈ μ‘°μλ€κ³Ό μΌμ κ΄λ¦¬, 컨벀μ λμ λ±μ ν΄λ³΄μμ μ’μμ΅λλ€.