πŸ“— 였늘 ν•œ 일

ν† μŠ€ μ½”λ”©ν…ŒμŠ€νŠΈ

  • ν† μŠ€μ¦κΆŒμ—μ„œ 2λ…„μ°¨ μ΄ν•˜ (μ‹ μž…ν¬ν•¨) 곡채λ₯Ό λ½‘λŠ”λ‹€κ³  ν•΄μ„œ μ§€μ›ν–ˆκ³ , 였늘 μ½”λ”©ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν•˜λ©΄μ„œ λ‚΄κ°€ λΆ€μ‘±ν•œ 뢀뢄이 어떀것인지에 λŒ€ν•΄μ„œ κΉ¨λ‹«κ²Œ λ˜λŠ” 계기가 λ˜μ—ˆλ‹€. λ‚˜μ˜ μ‹€λ ₯을 평가할 수 있고, μ•žμœΌλ‘œμ˜ μ·¨μ—…μ€€λΉ„ 기간에도 도움이 될 κ²½ν—˜μ΄μ—ˆλ‹€.

Next.js ν•™μŠ΅

λ‚˜λ§Œμ˜ 포트폴리였 μ‚¬μ΄νŠΈ

  • Footer κ΅¬ν˜„
    • 기본적인 λ‚΄μš© κ΅¬ν˜„
  • Skills components κ΅¬ν˜„
  • μŠ€ν‚¬ μ»΄ν¬λ„ŒνŠΈ λ””μžμΈ μˆ˜μ •
    • μˆ˜μ •λœ λ””μžμΈμœΌλ‘œ κ΅¬ν˜„ 쀑
  • 객체 string key μ ‘κ·Ό μ‹œ compile μ—λŸ¬ λ°œμƒ
    • el[selectSkill]
    • νƒ€μž…μŠ€ν¬λ¦½νŠΈλ‘œ ν•˜λ‹ˆ νƒ€μž…μ„ μ§€μ •ν•΄μ•Όν•˜λŠ” λ²ˆκ±°λ‘œμ›€μ΄ 쑰금 생기긴 ν–ˆμ§€λ§Œ μ‹€μ œ ν˜„μ—…μ—μ„œ APIλ₯Ό 받을 λ•ŒλŠ” μ •ν™•ν•œ νƒ€μž…μ„ μ•Œ 수 μžˆμ–΄μ„œ 쒋을 것 κ°™μ§€λ§Œ 이와 같은 객체에 λ¬Έμžμ—΄λ‘œ 값을 μ°ΎμœΌλ €ν•  λ•Œ, μ‹œκ·Έλ‹ˆμ²˜λ₯Ό μ„€μ •ν•΄μ•Όν•˜λŠ” 것이 λ¬Έμ œμ˜€λ‹€.
    • 참고자료
 

TypeScriptμ—μ„œ string key둜 객체에 μ ‘κ·Όν•˜κΈ°

TypeScriptμ—μ„œ string key둜 객체에 μ ‘κ·Όν•˜κΈ°

soopdop.github.io

✍ Diary

μ΄λ²ˆμ£ΌλŠ” ν…ŒμŠ€νŠΈ 쀀비와 이λ ₯μ„œ 제좜 λ“± λ‹€μ–‘ν•œ κ²½ν—˜μ„ ν•˜κ³  μžˆμ—ˆλ‹€. 이λ ₯μ„œλŠ” 2κ³³ 정도 넣어보고 λ‚΄ 이λ ₯μ„œκ°€ 톡과가 λ˜λŠ”μ§€ 확인을 ν–ˆμ§€λ§Œ ν†΅κ³Όλ˜μ§€ μ•Šμ•˜λ‹€. μ΄λŠ” 이λ ₯μ„œμ— μž„νŒ©νŠΈκ°€ μ—†λ‹€λŠ” 것 κ°™λ‹€. 
학뢀생 μ‹œμ ˆ μ§„ν–‰ν–ˆλ˜ ν”„λ‘œμ νŠΈλ„ 이λ ₯μ„œμ— λ„£μœΌλ©΄ 쒋을 것 κ°™μ•˜κ³ , 2ν•™λ…„ 1ν•™κΈ°(17년도 2μ›”)에 μž₯ν•™κΈˆμ„ λ°›μ•˜λ˜ λ‚΄μš©κ³Ό μ‘Έμ—…ν•  λ•Œ μ „λ¬ΈλŒ€ν•™κ΅ ν˜‘νšŒμ—μ„œ 받은 상μž₯도 첨뢀해야할 것 κ°™λ‹€. 
λ‚΄κ°€ ν–ˆλ˜ 쒋은 λ‚΄μš©λ“€μ„ 쑰금 더 첨뢀해야겠닀. 
Next.js의 이둠적인 λΆ€λΆ„ 곡뢀λ₯Ό 함과 λ™μ‹œμ— λ©΄μ ‘μ—μ„œ λ‚˜μ˜¬ 수 μžˆμ„ 것 κ°™μ•„μ„œ Nextjsλ₯Ό κ³΅λΆ€ν•˜λŠ” 이유, μž₯점 등을 μ°Ύμ•„μ„œ λ‚˜λ§Œμ˜ κ²ƒμœΌλ‘œ λ§Œλ“€μ—ˆλ‹€. 그리고 μ‹€μ œλ‘œ μž‘μ—…μ„ ν•˜λ‹€λ³΄λ‹ˆ Reactλ₯Ό ν–ˆμ„ λ•Œλ³΄λ‹€ 훨씬 μ’‹λ‹€κ³  느끼고 μžˆλ‹€.

'Daily > Today I Learned' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

22.11.27_TIL  (0) 2022.11.29
22.11.26_TIL  (0) 2022.11.28
22.11.24_TIL  (0) 2022.11.25
22.11.23_TIL  (0) 2022.11.23
22.11.22_TIL  (0) 2022.11.23

+ Recent posts