π©βπ» Today I Learned π βΎ API μ€κ³ νμ λ§μ§λ§ apiμ€κ³ νμλ₯Ό λ§μ³€λ€. κ°μ μ±ν
λ°©μ΄μ¬λ κ·Έλ£Ήμ±ν
λ°©κ³Ό 1:1 μ±ν
λ°©μ λν λ΄μ©λ λ¬λΌμ§κ³ μ μ λ₯Ό μ κ³ νλ κΈ°λ₯λ λ£μΌλ©΄μ νμλ κΈΈμ΄μ§κ³ μκ°ν΄μΌν κ²λ€λ λ§μλ€. λ¨μν μ κ³ κΈ°λ₯λ§μ λ£λλ€κ³ λμ΄ μλλΌ κΈ°μ€μ μ νκ³ μ΄νμ μ΄λ»κ² μ μ λ₯Ό μ²λ¦¬ν κ²μΈκ°μ λν μ΄μΌκΈ°λ€μ νλ©΄μ κ²°κ΅μ μΈλ ₯μ λνκ² λμμ§λ§. μμΌλ‘ λ°μ μμΌλκ°λ©΄ λμ§ μκ² λλ©° νμλ₯Ό λ§λ¬΄λ¦¬νλ€. βΎ React-Query React Queryλ₯Ό μ°λ λ²μ λ°°μ λ€. μ½λλ₯Ό μ μΌλ©΄μ λ¨Έλ¦ΏμμΌλ‘ μ~ νλ©° μ΄ν΄λ₯Ό νμ§λ§ κ°λ
μ μΈ λΆλΆμ λ€μ μ 리ν΄μΌν νμκ° μμ κ² κ°λ€. λ°μ΄ν° fetchλ₯Ό μ¬λ¬λ² λ°μμ€λ μν©μμ λ§€λ² νμ΄μ§λ₯Ό λλλ€ λλ§λ€ λ°μ΄ν°λ₯Ό μλ‘ λ°μλ..
π©βπ» Today I Learned π βΎ λκΌ¬μ€μ 리μ‘νΈ λ€μ΄ν°λΈ κ°μ - μνμ± λ§λ€κΈ° 50% λ¬μ± μκ°λ³΄λ€ μ΄λ ΅κ³ , κ°μκΈ° νμ
μ€ν¬λ¦½νΈκΉμ§ λΌμ¬λλκΉ λ μ μ μ΄ μλ€. π
μ€λ λ€ μμ±ν μ μμ κ±°λΌκ³ μκ°νλλ° γ
γ
βΎ νμ κΈμ μ μΌλ‘!!! λΆμ μ μΌλ‘ μκ°νλ€κ³ ν΄μ λ κ² νλλ μλ€!! μ΄μ°¨νΌ ν κ±°λΌλ©΄ κΈμ μ μΌλ‘! μ΄λν λμμ΄ λ κ²μ΄λΌλ μκ°μΌλ‘! λ§€μ¬ λΆμ μ μ΄λ©΄ λ¬΄μ¨ μ¬λ―Έλ‘ μ΄μκ°λ©°~ λ κ²λ μ λ κ²μ΄λ€! μΈμ ν 건 μΈμ νκ³ ! μμΌλ©΄μ! νμ΄ν
!!!!!
π©βπ» Today I Learned π βΎ λμ΄ μλ νμ API μ€κ³ν κ² λ§μμ μ΄λ² μ£Όλ μ¬λ¬ μ°¨λ‘ νμλ₯Ό μ‘μλ€. λ³μμ΄λ¦μ μ§μΌλ©΄μλ μ§μ§ λ€μν μ΄μΌκΈ°λ₯Ό νκ³ κ³ λ―Όμ νκ³ μ€κ³λ₯Ό μ΄λ»κ² ν΄μΌν μ§ κ³ λ―Όλ κ±°λνλ©° λμμΈλ μ΄μ§ λ°λκ³ γ
γ
...μΆ©λΆν κ³ λ―Όνλ©΄μ λ§λ€μ΄κ°λκ² κ°μλ° κ³μν΄μ μμ ν λΆλΆμ΄ λμ¨λ€. γ
γ
γ
... ⾠리μ‘νΈ λ€μ΄ν°λΈ μ± νλ‘μ νΈ API μ€κ³κ° μ€λ°μ λμ΄κ°λ©΄μ λ μ΄μ‘°ν΄μ§κΈ° μμνλ€. μ΄λ° κΈ°λΆ λ무 μ«λ€!! μ΄ κΈ°λΆμ μμ κΈ° μν΄μ κ°μλ₯Ό λ΄€λ€!! γ
... μ΄ κ°μλ₯Ό λλ΄κ³ λλ©΄ νλ‘μ νΈ λΉλμ λν μ΄μ‘°ν¨μ΄ μ¬λΌμ‘μΌλ©΄ μ’κ² λ€! μ΄ λͺ¨λ°μΌμ± μμ μ λ§λ€κ³ μΆλ€!! βΎ μλ°μ€ν¬λ¦½νΈ μμ΄ν¨μ μ½λ© ν
μ€νΈλ₯Ό 곡λΆνλ©΄μ λ¨μν λ¬Έμ λ€λ§ νμ΄μμλ보λ€. μμ νμ, μμ΄μ΄λ° λ¨μ΄..
π©βπ» Today I Learned π βΎ API μ€κ³ response, request λ₯Ό μ μΌλ©΄μ κΈ°μ‘΄μ μ€κ³νλ λ΄μ©λ€μ λν μλ¬Έκ³Ό μ΄λ»κ² ꡬ쑰λ₯Ό μ§€ κ²μΈκ°μ λν κ³ λ―Όμ΄ κ±°λλμλ€. ν λ²λ ν΄λ³΄μ§ μμ react nativeλΌμ μ ννκ² ν μ μμ΄μ!! λΌκ³ λ°±μλκ°λ°μλ€μκ² λ§νμ§ λͺ» ν΄μ μ°λ¬Όμλ¬Όπ νμ λ΄μ©μ ν λ
Έμ
μ μ΄μ¬ν μ κ³ μλ€! - ReactNative νΈμ¬μλ κ΄λ ¨ νλ‘ νΈμμ μ²λ¦¬ - νν°λ§λ 1:1 λ§€μΉ κ²°κ³Όλ¬Όμ λ€λ₯Έ νμ΄μ§μμ λμ΄μλ κ³μ λνλμλ κ²μΌλ‘ - λλ€ κ·Έλ£Ήμ± λͺ©λ‘ μκ°κ΄λ ¨ν΄μ νλ£¨μ£ΌκΈ°λ‘ νμν΄μ£Όλ κ²? - κ·Έλ£Ήμ±μ μ°Έμ¬ν λ alertμ°½ νμλ‘ λμμ£ΌκΈ° βΎ ReactNative κ°μ λ£κΈ° navigationκ³Ό style-components μ μ©μ μμΌλ΄€λλ°..
π©βπ» Today I Learned π βΎ μκ°μ΄ λ§μμ§λ€ κ°μ κ³Όμ λ₯Ό νλλΌλ μκ°νλ ν¬μΈνΈκ° μ¬λλ§λ€ λ€λ₯΄λ€λ μ μ΄ μ κΈ°νλ€. μ€λ₯λ₯Ό λ§λλ ν¬μΈνΈκ° λΉμ·νλ€λ μ λ λλλ€. λ΄κ° κ²ͺμλ μ€λ₯λ₯Ό λ€λ₯Έ μ¬λλ€λ κ²ͺλꡬλλΌλ μκ°μ. μλ°±λ² κ΅¬κΈλ§νλ©΄μ λ΅μ μ°Ύμ μ μμλ κ²μ κ·Έλ° μ¬λλ€μ΄ λ§λ€λ μ΄μΌκΈ΄λ°. μμΌ μ κΈ°νλ€. κΆκΈν ν¬μΈνΈλ λ€λ₯΄λ€λ μ μ΄ λλ‘μλ λ νλ² λ°°μ°κ² ν΄μ€λ€. βΎ μκ³ λ¦¬μ¦ κ·Έλ₯ λ¬Έμ νμ΄λ‘λ§ λ§μ£Όνλ μκ³ λ¦¬μ¦μλ λ°μ μ΄ μλ€λ λλμ΄ λ€μ΄μ λμμ κ°μλ₯Ό μ°Ύμλ΄€λ€. μκ³ λ³΄λ©΄ λ무λ μ κΈ°νλ° λͺ¨λ₯΄κ³ 보면 λ΅λ΅ν΄μ§λ λ§λ²~ π λ
ΈνΈ νκΈ°λ νμλ€ νμ!!!!
π Today I Learned π©βπ» βΎ κ±Έμκ±Έμλ§λ€ μ€λ₯λ₯Ό λ§μ£Όνλ€ λ
Έλ§λ μ½λμ React-Native κ°μλ₯Ό λ£λλ°, λ² μ΄μ§ν κΈ°μ΄ λΆλΆμ 곡λΆνλλ° νλνλ ν¨ν€μ§λ₯Ό μ€μΉν λλ§λ€ μ€λ₯κ° λλ€ π κ³μν΄μ ꡬκΈλ§μ νλ€. ꡬκΈλ§μ λμ μΉκ΅¬. 1μκ° μ»·μΌλ‘ λλΌ μ μκ² λ€! μΆμλ μμ
μ΄ 2-3μκ°μΌλ‘ λμ΄λ¨ π€£ λ§μ£Όνλ μ€λ₯λ λ€ μ 리ν΄μΌμ§ ~λΌκ³ λ€μ§νλ©΄μ κ·Έ μκ°μ λ λμ΄λκ² λμλ€. βΎ μ½λ©ν
μ€νΈ νλ‘κ·Έλλ¨Έμ€λ‘ μ½λ© ν
μ€νΈ 곡λΆλ₯Ό νλλ° λ 벨 1μ μ¬λ°κ²νλλ° λ 벨 2λ κ°μκΈ° μ΄λλ λ λ²¨μ΄ λκ±°κ°λ€. λ 벨1μ λλΈμ§κ° κ½€λμλλ° λ 벨2λ μ’μ²λΌ μ§λκ° μ λκ°μ μ½λ© ν
μ€νΈλ μ΄λ»κ² 곡λΆν΄μΌ ν κΉ?λΌλ κ·Όλ³Έμ μΈ κΆκΈμ¦μ΄ μκ²Όλ€. λ 벨 1 νλ―μ΄ νλ©΄ μ λ κ² κ°λ€. βΎ λ©΄μ κ³΅λΆ κΉ..
Happy Birthday to myself π μ¦κ±°μ΄ μμΌμ΄λ€. νμ§λ§ λ μ½λλ₯Ό λλ±μ΄κ³ μλ€.... κ·Έλ¦¬κ³ λ¬Έμ λ ν΄κ²°λμ§ μλλ€. π€·π»ββοΈ π΅ νν΄μμ λ§μ§λ§μΌλ‘ νλ μ€μ νλ‘μ νΈμμ μμ¬μ λ μ λ€μ΄ λ§μ§λ§ κ·Έ μ€μμλ κ°μΈμ μΌλ‘ μ λ§ μμ½κ² μκ°νλ λΆλΆμ΄ λκΈκ³Ό λλκΈ μ
λ ₯μ°½λΆλΆμ΄λ€. μ»΄ν¬λνΈλ₯Ό μ¬μ¬μ©ν΄μ ꡬννλ κ±Έ κ³ννμλλ°, κ·Έ λΆλΆμ΄ μκ°λ§νΌ μ λλ‘ λμ§ μμμ κ²°κ΅μ λ°λ‘ λΆλ¦¬ν΄μ ꡬνμ νμλ€. κ·Έ μμ¬μμ΄ λ¨μμ μ½λλ₯Ό λ€μ μμ ν΄λ³΄λ €κ³ μ’
μΌ λΆμ‘κ³ μμλλ° μ¬μ ν μ λλ€. propsμ λ¬Έμ μΌκ² κ°λ€λ μκ°μ΄ λ€μ΄μ ν΄κ²°μ±
μ μκ°ν΄λ³΄λλ°... ν λμκ°μ΄ λμ΄κ°μ λ¨Έλ¦Ώμμ΄ νμκ² λ³νλ€. λλκΈ μ
λ ₯μ°½μ΄ μΌμ§λ κ² μ€μΌμ΄ - μ
λ ₯μ°½μ λ«λ κ²κΉμ§λ μ€μΌμ΄- κ·Έλ¦¬κ³ λ€μ λλκΈ..
π©π»βπ» Today I Learned π β¨ μ€λ ν μΌ Next.js κ°μ λ£κΈ° reactμ κ±°μ λΉμ·νλ€κ³ ν μ μμ§λ§ κ·Έλλ μ΄ν΄νμ§ λͺ»νλ λΆλΆμ΄ μλ€λ μκ°μ νμ€ν νκΈ° μν΄μ next.js κ°μλ₯Ό λ€μλ€. νλ‘μ νΈμ λ€μ΄κ°μΌν νμ΄μ§μ κΈ°λ₯μ μ 리νκ³ κ°λ¨νκ² μμ΄μ΄νλ μμ λ§λ€μ΄μ μ΄μ μλλ₯Ό λ΄μ λ·°μ κΈ°λ₯μ λ§λ€λ €κ³ νλ€!! μμμμ!! π λͺ¨μ λ©΄μ κ°λ°μμ€λ° λ§μΈλ! κ°λ°μμ€λ° λλ΅! λ΅λ³μ λͺ»ν μ§λ¬Έμ μμμ§λ§ 무μΈκ° μ λλμ§ μμ λ΅μ νκ±°λ μ‘°κΈ λ μμΈνκ² κΈ°μ μ μΈ λΆλΆμ νμ΄μ λλ΅νμ§ λͺ»νλ€λ νΌλλ°±μ λ°μλ€! λ
Όλ¦¬μ μ°νκ² λ§ν μ μλ κ·Έλ° μ°μ΅μ ν΄μΌνλ€!! μ½λ©ν
μ€νΈ νμλ², λλ λ
μ. μκ³ λ¦¬μ¦λ¬Έμ νλ€λ³΄λ©΄ λ λ§λλ μκ³ λ¦¬μ¦ μ€ νλμΈλ° μ€μΌ μ΅μνμ§κ° μλκ±°λ..
π©π»βπ» Today I Learned π β¨ μ€λ ν μΌ μ½λ©ν
μ€νΈ ν΄λν΄λβ¦μ λͺ¨λ₯΄κ² λ€ γ
γ
γ
μΌμμμμμμμμ κΎΈμ€νκ² μ΅κ³€λ°!!! μ§μ§ κΎΈμ€ννλ©΄ λκΉ?β¦ γ
γ
NEXT.jsλ₯Ό κΈνκ² νλμμΌλ‘ 곡λΆλ₯Ό ν΄λ΄€λ€. ν¬ν μ ν μμκ² μ§? ν μμλ€μμμ!!! π κΈ°μ λ©΄μ λλΉ κ³΅λΆ!!! λ΄μΌ λͺ¨μλ©΄μ μ΄ μλ€ νλ¬λ¬λ¬λ¬λ¬β¦ β¨ λ΄μΌ ν μΌ NextronμΌλ‘ νλ‘μ νΈ~ κ³μ λ§λ€κΈ°~~~ μλ‘μ΄ κ²μ λμ νλ 건 μ¬λ°μΌλ©΄μλ λ κΈ΄μ₯κ°μ μ€λ€ μ½λ©ν
μ€νΈ νκΈ° λͺ¨μλ©΄μ νΌλλ°± λ°μκ±° κ³ μΉκΈ°!
π©π»βπ» Today I Learned π β¨ μ€λ ν μΌ μ΄λ ₯μ μλ΄ λ©ν λμ μ°½μ°¬μ΄ λ΄κ²¨μλ νΌλλ°±μ κ·Έμ κΈ°λΆμ΄ μ’μλ€. νΌλλ°±μ λ°μμ μ΄μ§ μμ ν΄μ μ΄λ ₯μ μμ±! μ½λ©ν
μ€νΈ 곡λΆμ°μ°μ°μ°μ°μ°μ°μ°μ°μ° π΅ β¨ λ΄μΌ ν μΌ νλ‘μ νΈ lazy loading κ³Ό ν
μ€νΈ μ½λ μ§κΈ°λ₯Ό ν μμ μ΄λ€!! μ΄ μμμ§~~~~~!! μ½λ© ν
μ€νΈ κ³΅λΆ κΈ°μ λ©΄μ 곡λΆ!! μμμΌλΆν° λͺ¨μλ©΄μ μ΄ μμλ μμ μ΄λ€!!! β¨ κΈμμΌλ΄λ΄ λͺΈμ΄ μ μ’μμ λ»μ΄μκ³ , μ€λλ 겨μ°κ²¨μ° μ€μ μ μΌμ΄λμ μ μ μ°¨λ¦¬κ³ μ΄λ ₯μ μλ΄μ λ°κ³ , λ€μ λ»μμλ€β¦γ
컨λμ
κ΄λ¦¬ μν΄μΌνλλ°β¦.
π©π»βπ» Today I Learned π β¨ μ€λ ν μΌ μ΄λ ₯μ νΉκ° ν λ§νμβ¦β¦.μ§μ§β¦μ€νλ?β¦.. μ΄λ ₯μ μμ + μμ + μμ β¦ μ μ κΈΈμ μμ΄κ°λ λλμ΄λ€. β¨ λ΄μΌ ν μΌ μ΄λ ₯μ μλ΄ ν! λ‘μΌνμΉμμ λ³Έ μ±μ©κ³΅κ³ μ λ€ μ§μνκΈ°!! κΈ°μ λ©΄μ 곡λΆνκΈ° β¨ λ¨λ€ μλμ μΌν¬μΌλΉνμ§ λ§μ. λλ λλ§μ κΈΈμ΄ μκ³ , λ΄κ° μ€λΉκ° λμ΄ μλ€λ©΄ κΈ°νλ μ€κΈ° λ§λ ¨μ΄λ€!! μ‘°λ°μ¬ λΌ νμ μλ€. λλ ν μ μλ€. κ·Έλμ μ΄μ¬ν νμΌλκΉ! λλ ν μ μλ€! ν μ μλ€! ππ»π
π©π»βπ» Today I Learned π β¨ μ€λ ν μΌ μ΄λ ₯μ λ€λ¬κΈ° νν΄μμ νλ νλ‘μ νΈ κ΅¬ν μ΄μΌκΈ°λ₯Ό μ 리νλ©΄μ μΌλ§λ μμ¬μ΄ μκ°λ§ λ€λμ§ π μ λ μ΄μ¬ν μνκ² κ°μ μκ°λ§ λλκ±΄μ§ κ·Έλλ μ΄κ² μ§μ§ μ΅μ μ΄λ€!!μ΄λ¬λ©° νλλ° λ€ μμ½κΈ°λ§νλ€. κΈ°μ λ©΄μ 50λ¬Έλ΅ κ³΅λΆ μ»΄ν¨ν° κ΄λ ¨ μμμ΄ λ§μ΄ λΆμ‘±νλ€. ꡬνλ§ κ³μνκ³ κΈ°μ΄μ μΈ μ§μλΆλΆμ λ§μ΄ μ½νλ€λ μκ°μ΄ λ¨λ°μ λ€μλ€. 50λ¬Έλ΅μμ 곡λΆνμ§ μκ³ λ΅ν μ μλ 건 λ°νμλ λͺ»νλκ² κ°λ€. λ νμ!! μ½λ© ν
μ€νΈ μνμ μΈ μ κ·Ό?..μλ λ³΄ν΅ μ½ν
κ° λ€ μνμ μΈ μ κ·Όμ΄μ§π μ€λλ μλ‘μ΄ μν κ°λ
μ λ°°μ λ€β¦.γ
β¦. forλ¬Έμ κ·Έλ§μ°κ³ μΆμλ° λ²μ΄ λ μκ° μλ€. λ μΈλ ¨λκ² μ½λλ₯Ό μ°κ³ μΆλ€!!! β¨ λ΄μΌ ν μΌ μ΄λ ₯μ νΉκ° + μμ μ½λ© ..
'TIL' νκ·Έμ κΈ λͺ©λ‘ (2 Page)
λ¨μΆν€
λ΄ λΈλ‘κ·Έ
λ΄ λΈλ‘κ·Έ - κ΄λ¦¬μ ν μ ν |
Q
Q
|
μ κΈ μ°κΈ° |
W
W
|
λΈλ‘κ·Έ κ²μκΈ
κΈ μμ (κΆν μλ κ²½μ°) |
E
E
|
λκΈ μμμΌλ‘ μ΄λ |
C
C
|
λͺ¨λ μμ
μ΄ νμ΄μ§μ URL λ³΅μ¬ |
S
S
|
맨 μλ‘ μ΄λ |
T
T
|
ν°μ€ν 리 ν μ΄λ |
H
H
|
λ¨μΆν€ μλ΄ |
Shift + /
β§ + /
|
* λ¨μΆν€λ νκΈ/μλ¬Έ λμλ¬Έμλ‘ μ΄μ© κ°λ₯νλ©°, ν°μ€ν 리 κΈ°λ³Έ λλ©μΈμμλ§ λμν©λλ€.