λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

전체 κΈ€

(79)
[λ‚΄λ³΄λ‚΄λ²ˆ] Next.js docs - next/image (v12.1.1) λ‚΄λ³΄λ‚΄λ²ˆ(λ‚΄κ°€ 보렀고 λ‚΄κ°€ λ²ˆμ—­ν•œ...) Next.js docs 2022λ…„ 4μ›” 15일 κΈ°μ€€ Next.js 곡식 λ¬Έμ„œλ‘œ μ—…λ°μ΄νŠΈν–ˆλ‹€. (v12.1.1) 이전 버전 λ¬Έμ„œλŠ” μ•„λž˜μ—μ„œ 확인할 수 μžˆλ‹€. 2021.04.01 - [Next.js] - [λ‚΄λ³΄λ‚΄λ²ˆ] Next.js docs - next/image β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 혼자 κ³΅μ‹λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•΄κ°€λ©° λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ ) Next.js κ³΅μ‹λ¬Έμ„œ ν™•μΈν•˜κΈ°>> next/image | Next.js Enable Image Optimization w..
CSS Modules 클래슀λͺ… λ„£λŠ” 법 Today I learned μΉ΄ν…Œκ³ λ¦¬μ— 있긴 ν•˜μ§€λ§Œ Today에 배운건 μ•„λ‹ˆκ³ ... Next.js κ΄€λ ¨ νŠœν† λ¦¬μ–Όλ³΄λ‹€κ°€ μ˜ˆμ „μ— κ³ λ―Όν•˜κ³  μ°Ύμ•„λ΄€λ˜ 뢀뢄이 μƒκ°λ‚˜μ„œ μ–Όλ₯Έ κΈ€λ‘œ 남겨본닀. μ§€λ‚œ μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈ λ•Œ CSS Modulesλ₯Ό μ‚¬μš©ν–ˆλŠ”λ° 클래슀 λͺ…을 μ—¬λŸ¬ 개 λ„£λŠ” 것과 κ΄€λ ¨ν•˜μ—¬ μ°Ύμ•„λ³Έ 적이 μžˆμ—ˆλ‹€. (기쑴에 μž‘μ„±ν–ˆλ˜ μ½”λ“œμ—μ„œ 보고 μ˜¬λ¦¬λŠ” 것이기 λ•Œλ¬Έμ— 더 μ •ν™•ν•œ 방법에 λŒ€ν•΄μ„œλŠ” λ¬Έμ„œλ₯Ό μ°Ύμ•„λ³΄κ±°λ‚˜ μΆ”κ°€μ μœΌλ‘œ κ²€μƒ‰ν•΄λ³΄λŠ” 것을 κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€. ) 1. 클래슀 λͺ…이 ν•˜λ‚˜ 일 λ•Œ - style.className 방식 - style['class-name'] 방식 2. 클래슀 λͺ…이 λ‘κ°œ 이상일 λ•Œ - {`${style.className1} ${style.className2}`} / {`${style['class-n..
[λ‚΄λ³΄λ‚΄λ²ˆ] How to choose between Next.js CSR, SSR, SSG, and ISR λ‚΄λ³΄λ‚΄λ²ˆ(λ‚΄κ°€ 보렀고 λ‚΄κ°€ λ²ˆμ—­ν•œ...) 아티클 β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 개인적인 곡뢀 λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ ν•΄λ‹Ή 아티클을 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ 글을 μ½μ–΄λ³΄μ‹œκ³  도움을 μ–»μœΌμ…¨λ‹€λ©΄ 아티클 μ €μžμ˜ λΈ”λ‘œκ·Έμ—μ„œ μ’‹μ•„μš”λ„ λˆŒλŸ¬μ£Όμ„Έμš”.) How to choose between Next.js CSR, SSR, SSG, and ISR by Theodorus Clarence 원문 읽기 >> How to choose between Next.js CSR, SSR, SSG, and ISR | theodorusclarence.com 4 Me..
[λ‚΄λ³΄λ‚΄λ²ˆ] Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) λ‚΄λ³΄λ‚΄λ²ˆ(λ‚΄κ°€ 보렀고 λ‚΄κ°€ λ²ˆμ—­ν•œ...) 아티클 β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 개인적인 곡뢀 λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ ν•΄λ‹Ή 아티클을 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ 글을 μ½μ–΄λ³΄μ‹œκ³  도움을 μ–»μœΌμ…¨λ‹€λ©΄ 아티클 μ €μžμ˜ λΈ”λ‘œκ·Έμ—μ„œ μ’‹μ•„μš”λ„ λˆŒλŸ¬μ£Όμ„Έμš”.) Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) by Theodorus Clarence 원문 읽기 >> Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) | theodorusclarence...
[λ‚΄λ³΄λ‚΄λ²ˆ] Interfaces | Kotlin Kotlin을 κ³΅λΆ€ν•˜λ©΄μ„œ 상속에 λŒ€ν•œ 뢀뢄을 κ³΅λΆ€ν•˜κ³ μž 곡식 λ¬Έμ„œλ₯Ό 직접 λ²ˆμ—­ν–ˆλ‹€. ν•΄λ‹Ή λ¬Έμ„œλŠ” 2022λ…„ 3μ›” 3일자 곡식 λ¬Έμ„œμ΄λ‹€. 쀑간쀑간 πŸ‘€ ν‘œμ‹œκ°€ μžˆλŠ” λ¬Έμž₯μ΄λ‚˜ μ†Œμ œλͺ©μ€ λ²ˆμ—­μ΄ λΆ€μ •ν™•ν•  수 있으며 κ΅¬κΈ€μ΄λ‚˜ 파파고 λ²ˆμ—­κΈ°μ˜ 도움을 λ°›μ•˜λ‹€. Kotlin κ³΅μ‹λ¬Έμ„œ ν™•μΈν•˜κΈ° ➑️ Interfaces | Kotlin kotlinlang.org β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 혼자 κ³΅μ‹λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•΄κ°€λ©° λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ ) Interfaces in Kotlin can contain declaratio..
[λ‚΄λ³΄λ‚΄λ²ˆ] Properties | Kotin Kotlin을 κ³΅λΆ€ν•˜λ©΄μ„œ 상속에 λŒ€ν•œ 뢀뢄을 κ³΅λΆ€ν•˜κ³ μž 곡식 λ¬Έμ„œλ₯Ό 직접 λ²ˆμ—­ν–ˆλ‹€. ν•΄λ‹Ή λ¬Έμ„œλŠ” 2022λ…„ 3μ›” 3일자 곡식 λ¬Έμ„œμ΄λ‹€. 쀑간쀑간 πŸ‘€ ν‘œμ‹œκ°€ μžˆλŠ” λ¬Έμž₯μ΄λ‚˜ μ†Œμ œλͺ©μ€ λ²ˆμ—­μ΄ λΆ€μ •ν™•ν•  수 있으며 κ΅¬κΈ€μ΄λ‚˜ 파파고 λ²ˆμ—­κΈ°μ˜ 도움을 λ°›μ•˜λ‹€. Kotlin κ³΅μ‹λ¬Έμ„œ ν™•μΈν•˜κΈ° ➑️ Properties | Kotlin kotlinlang.org β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 혼자 κ³΅μ‹λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•΄κ°€λ©° λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ ) Declaring properties Properties in Kotlin c..
[λ‚΄λ³΄λ‚΄λ²ˆ] Classes | Kotlin Kotlin을 κ³΅λΆ€ν•˜λ©΄μ„œ 상속에 λŒ€ν•œ 뢀뢄을 κ³΅λΆ€ν•˜κ³ μž 곡식 λ¬Έμ„œλ₯Ό 직접 λ²ˆμ—­ν–ˆλ‹€. ν•΄λ‹Ή λ¬Έμ„œλŠ” 2022λ…„ 3μ›” 3일자 곡식 λ¬Έμ„œμ΄λ‹€. Kotlin κ³΅μ‹λ¬Έμ„œ ν™•μΈν•˜κΈ° ➑️ Classes | Kotlin kotlinlang.org β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 혼자 κ³΅μ‹λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•΄κ°€λ©° λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ ) Classes in Kotlin are declared using the keyword class: μ½”ν‹€λ¦°μ˜ ν΄λž˜μŠ€λŠ” class ν‚€μ›Œλ“œλ₯Ό μ‚¬μš©ν•˜μ—¬ μ„ μ–Έλœλ‹€: class Person { /*.....
[λ‚΄λ³΄λ‚΄λ²ˆ] Inheritance | Kotlin Kotlin을 κ³΅λΆ€ν•˜λ©΄μ„œ 상속에 λŒ€ν•œ 뢀뢄을 κ³΅λΆ€ν•˜κ³ μž 곡식 λ¬Έμ„œλ₯Ό 직접 λ²ˆμ—­ν–ˆλ‹€. ν•΄λ‹Ή λ¬Έμ„œλŠ” 2022λ…„ 3μ›” 2일자 곡식 λ¬Έμ„œμ΄λ‹€. Kotlin κ³΅μ‹λ¬Έμ„œ ν™•μΈν•˜κΈ° ➑️ Inheritance | Kotlin kotlinlang.org β€» μ˜μ–΄ μ „κ³΅μžλ„ ν•΄μ™Έ μœ ν•™νŒŒλ„ μ•„λ‹ˆκΈ°μ— λ²ˆμ—­μ—λŠ” μ˜μ—­, μ˜€μ—­, ꡬ글 λ²ˆμ—­μ΄ 무수히 λ§Žμ„ 수 있으며, 혼자 κ³΅μ‹λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•΄κ°€λ©° λ²ˆμ—­ν•˜λ‹€ λ³΄λ‹ˆ μ˜€νƒ€λ„ λ§Žμ„ 수 μžˆλ‹€. μ •ν™•ν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό 직접 μ‚΄νŽ΄λ³΄κ±°λ‚˜ λ‹€λ₯Έ 정보듀을 더 μ°Ύμ•„λ³΄λŠ” 것을 μΆ”μ²œν•œλ‹€. (ν•˜μ§€λ§Œ λŒ“κΈ€ ν”Όλ“œλ°±λ„ ν™˜μ˜ν•©λ‹ˆλ‹€πŸ˜ƒ ) All classes in Kotlin have a common superclass, Any, which is the default superclass for a class with no..