πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊπ·πΊ
[λ©μΈ νμ΄μ§]
[κ΄λ¦¬μ νμ΄μ§]
-
λ€ν¬λͺ¨λ(λΌμ΄νΈλͺ¨λ) ꡬν μλ£
-
κ²μλ¬Ό μμΈνμ΄μ§ ꡬν μλ£
-
λ°©λͺ λ‘ νμ΄μ§ ꡬν μλ£
-
λκΈ κ΅¬ν μλ£
-
μ’μμ ꡬν μλ£
-
κ²μλ¬Ό κ²μ ꡬν μλ£
-
λ©λͺ¨ ꡬν μλ£
-
μ€λ μ΄μ λ°©λ¬Έμμ ꡬν μλ£
-
λͺ¨λ νμ΄μ§ λ°μνμΌλ‘ ꡬν μλ£
-
SEO κ°ν μλ£ (react-helmet-async, GoogleSearchConsole)
-
νμ΄μ§ μμ΄μ½ μ€μ
-
κ΄λ¦¬μλͺ¨λ νμ΄μ§ μΌλΆ ꡬνμ€...
-
CLOUDTYPE λ°°ν¬ μλ£
νμ μ μλ κ°λ°μ 4λͺ μκ² κ°λ¨ν QA μ§ν
- ν€λ λ©λ΄ 360px νκ²½μμ 지림. (μμ μλ£)
- κ²μ물리μ€νΈ 2λ²μ§Έ λͺ¨λμμ νλ©΄ 지림. (μμ μλ£)
- λκΈμ Tab ν€ μ¬μ©κ°λ₯νκ² νκΈ°. (μμ μλ£)
- μ λ ₯λμ κΈμμ μ ν νμΈν μ μλλ‘ UX μ§κΈ°. (μμ μλ£)
- μ¬μ΄λ μ΅μ λ©λ΄ Tabν€λλ₯΄λ©΄ μΈν°νμ΄μ€ λ§κ°μ§. (μμ μλ£)
...
βοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈ
- μ½λ 체κ³μ μΌλ‘ ꡬ쑰ν, λͺ¨λν
- UI μ¬κ΅¬μ±
- Performance μ΅μ ν
- λͺ¨λ color λ³μν
βοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈ
- κ²μλ¬Ό ν¬κ²λ³΄κΈ° λͺ¨λ λͺ¨λμμ μμΈνμ΄μ§ μ΄λ ꡬν
- κ²μλ¬Ό μμΈ νμ΄μ§ 보μ
- μ νλ νκ·Έ location λ±λ‘
- 곡μ§μ¬ν 보μ
- μ¬μ΄λλ° μν©μ λ§κ² μ μ°νκ² μμ
- κ²μλ¬Ό μμΈ νμ΄μ§ μΌλΆ ꡬν
- μ λλ©μ΄μ μΆκ° 보μ
- μλ‘κ³ μΉ¨ λ²νΌ λ²κ·Έ μμ
- μΌλΆ UI μμ
- μΌλΆ λ²κ·Έ fix
- 곡μ§μ¬ν κ²μν μΌλΆ ꡬν
- μλ² κ³΅μ§μ¬ν κ²μν κ΄λ ¨ λΌμ°ν° μΆκ°
- 곡μ§μ¬ν κ²μν μν λ°μ΄ν° μΆκ°
- μΌλΆ μ λλ©μ΄μ μΆκ°
- μΌλΆ λ²κ·Έ fix
- νμ¬ κ²μν location.state.boardName μ΄ λΉμ΄μμλ '' μΌλ‘ μΆλ ₯λλ νμ μμ
- tagListμ css λΆλΆ ( minHegiht -> maxHeight / hegiht μ§μ°κΈ° / align-items μ§μ°κΈ° )
- css νλ μμν¬λ₯Ό μ 체μ μΌλ‘ scss λ‘ λ°κΏ.
- μ¬μ΄λλ©λ΄ μΆκ°
- κ²μλ¬Ό 리μ€νΈμμ 그리λ λͺ¨λ μΆκ°
- κ²μν μΆκ°
- κ²μνλ³ νκ·Έ μΆκ°
- header κ³ μ μ΅μ ν
- scss λͺ¨λν
- λ‘λ©νλ©΄ ꡬν
- νλ‘ν μΆκ°
- μ 체μ μΌλ‘ μ½λμ κ°λ μ±μ λμ.
- github push
...
βοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈ
- μ½λ 체κ³μ μΌλ‘ ꡬ쑰ν, λͺ¨λν
- UI μ¬κ΅¬μ±
- Performance μ΅μ ν
βοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈβοΈ
- backdrop filter : blur() μ±λ₯ μ νλ‘ μμ νμ.
- μΏ ν€λ‘ ν그리μ€νΈ λΆλ¬μμ λ all νκ·Έ λ²κ·Έ : κ²μλ¬Ό λ°μ΄ν°λ₯Ό λͺ»λΆλ¬μ΄.
γ΄ useListData.js > useEffect λΆλΆ else if λ‘ μ‘°κ±΄ νλλ₯Ό λ λ§λ¦. ( tagname === 'all' ) μΌ κ²½μ° λ¦¬μ€νΈ μ 체 μΆλ ₯.
γ΄ TagList.js > useEffect λΆλΆ ( μΏ ν€κ° === 'all ) μΌ κ²½μ° μ무κ²λ μνλ μ½λ λ£μ.
γ΄ all λ²νΌ ocClick μμ ν¨μνΈμΆμ 맀κ°λ³μ 'all' λ£μ.
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ° λͺ¨λμμ μΏ ν€ μΆκ°
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ° λͺ¨λ λ²νΌ μΆκ°
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ° μΏ ν€ μΆκ°
- λΉνμ΄μ§ error λ ΈμΆ μν€κΈ° ꡬν
- warning toast μΌλΆ ꡬν
- μ κ·Όμ± λ³΄μ
- κ²μκΈ λ΄μ© html νκ·Έλ‘ λΆλ¬μ€κΈ°
- μΏ ν€κ° μ΄μ©νμ¬ νμ΄μ§ μ 보 κΈ°λ‘νκΈ°
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ° μκ²λ³΄κΈ° ꡬν
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ°μμ λ§μ€μ νμ μΆκ°
- λ©μΈνμ΄μ§ > κ²μλ¬Ό ν¬κ²λ³΄κΈ° λͺ¨λμμ μΈλ€μΌ μΆκ°
- μλ² μμ ν
- λ²κ·Έ μμ
- λΉμ΄μλ λΌμ°ν μ£Όμ μμΈμ²λ¦¬νκΈ°
- λ©μΈνμ΄μ§ > νκ·Έλ³ κ²μλ¬Ό μ λ ¬ κΈ°λ₯ ꡬν
- νκ·Έ μ λ ¬ μκ³ λ¦¬μ¦ λ° κΈ°λ₯ ꡬν
- νκ·Έλ²νΌ ν κΈ κ΅¬ν
- github push