Posts by Tag

rust

Rust - chapter 10-3 Validate Refrerences with Lifetimes

Rust κ³΅μ‹λ¬Έμ„œ(링크) 와 Rust 비곡식 λ²ˆμ—­ λ¬Έμ„œ(링크) 챕터 10-3 λΌμ΄ν”„νƒ€μž„μ„ μ΄μš©ν•œ 참쑰자 μœ νš¨ν™”λ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.

Rust - chapter 10-2 trait

Rust κ³΅μ‹λ¬Έμ„œ(링크) 와 Rust 비곡식 λ²ˆμ—­ λ¬Έμ„œ 챕터 10-2 traitλ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.(링크) μ›λž˜ 곡식 λ¬Έμ„œλŠ” μ˜μ–΄μΈμ§€λΌ 비곡식 λ²ˆμ—­ λ¬Έμ„œλ₯Ό μœ„μ£Όλ‘œ 보고 μžˆμ—ˆλŠ”λ° 이번 λ²ˆμ—­κΈ€μ—μ„œ μ—†λŠ” λ‚΄μš©μ΄ 곡식 λ¬Έμ„œμ— μžˆλŠ” 것을 ν™•μΈν•˜κ³  같이 λ„£μ—ˆλ‹€. μ—­μ‹œ 원문 λ¬Έμ„œλ₯Ό λ³΄λŠ” 것...

Rust - chapter 10-1 generic

Rust λ¬Έμ„œ 챕터 10-1 μ œλ„ˆλ¦­μ„ 읽고 μ •λ¦¬ν•œ 글이닀.(링크)

Rust - chapter 9 error handling

Rust λ¬Έμ„œ 챕터 9 μ—λŸ¬μ²˜λ¦¬λ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.(링크)

Rust - chapter 8 quiz

8 챕터 λ§ˆμ§€λ§‰ 정리에 ν€΄μ¦ˆκ°€ μžˆμ—ˆλ‹€. μ‰½κ² κ±°λ‹ˆ ν–ˆλŠ”λ° λ‚˜ν•œν…ŒλŠ” 생각보닀 μ–΄λ €μ› λ‹€. πŸ₯Ά ν’€κΈ°λŠ” μ§€λ‚œμ£Όμ— ν’€μ—ˆλŠ”λ° 정리차 μ˜¬λ €λ³Έλ‹€. 링크 μ΅œν•˜λ‹¨μ—μ„œ 확인이 κ°€λŠ₯ν•˜λ‹€. &, * 둜 그리고 μ†Œμœ κΆŒ λ“± ν‰μ†Œ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” κ°œλ…μ΄λ‹€ λ³΄λ‹ˆ ν™•μ‹€νžˆ λ‚―μ„€μ—ˆλ‹€.

Rust - chapter 8-1(μ»¬λ ‰μ…˜-벑터)

λ‹€λ₯Έ 언어에도 μ‘΄μž¬ν•˜λŠ” μ»¬λ ‰μ…˜μ€ λ‹€μˆ˜μ˜ 값을 μ €μž₯ν•  수 μžˆλŠ” 데이터 ꡬ쑰λ₯Ό μ§€μΉ­ν•˜λŠ” κ²½μš°κ°€ λ§Žλ‹€. λŸ¬μŠ€νŠΈμ—μ„œλŠ” λ°°μ—΄κ³Ό νŠœν”Œλ„ λ‹€μˆ˜μ˜ 값을 담을 수 μžˆμ§€λ§Œ μ»¬λ ‰μ…˜μ˜ κ²½μš°λŠ” 데이터가 νž™μ— μ €μž₯이 되며, μ΄λŠ” 컴파일 νƒ€μž„μ— κ²°μ •λ˜μ§€ μ•Šκ³  λŸ°νƒ€μž„ 쀑에 변동이 μžˆμ„ 수 μžˆλ‹€λŠ” 것을 μ˜λ―Έν•œλ‹€...

Rust - chapter 7(λͺ¨λ“ˆ)

곡식 λ¬Έμ„œ - λ²ˆμ—­κΈ€μ˜ 7번째 챕터 정리 'Hello world!' 같은 κ°„λ‹¨ν•œ λ™μž‘μ€ ν•œ 파일둜 μž‘μ„±ν•  수 μžˆμ§€λ§Œ μ½”λ“œ 규λͺ¨κ°€ 컀질 경우 μž¬μ‚¬μš©μ„±κ³Ό 쑰직화λ₯Ό μœ„ν•΄μ„œ κΈ°μ€€λŒ€λ‘œ μ½”λ“œλ₯Ό λΆ„λ¦¬ν•˜κ²Œ 되고 λŸ¬μŠ€νŠΈλŠ” λΆ„λ¦¬λœ μ½”λ“œλ“€μ„ μ‚¬μš©ν•  수 μžˆλŠ” λͺ¨λ“ˆ μ‹œμŠ€ν…œμ„ κ°€μ§€κ³  μžˆλ‹€.

Rust - chapter 3

곡식 λ¬Έμ„œ - λ²ˆμ—­κΈ€μ˜ 3번째 챕터 정리

Rust - chapter 2

곡식 λ¬Έμ„œ - λ²ˆμ—­κΈ€μ˜ 2번째 챕터 정리

Rust - Hello world

러슀트λ₯Ό μ‹œμž‘ν•˜λ©΄μ„œ ν•„μš”ν•œ 사항과 생각 간단 정리

Rust - μ‹œμž‘ν•˜κΈ°

μƒκ°ν•΄λ³΄λ‹ˆ 아직 νšŒκ³ λ‘μ„ μ•ˆ μΌλŠ”λ° κΈˆλ…„λ„μ— Rust λ₯Ό κ°€λ³κ²Œ μ–΄λ–€ 언어인지 κ²½ν—˜ν•΄λ³΄κ³  μ‹Άμ–΄μ„œ 사내에 μŠ€ν„°λ””λ₯Ό ν•˜μžκ³  ν•˜μ˜€λ‹€κ°€ POC ν•˜κ²Œ λ˜μ—ˆλ‹€. γ…Žγ…Ž;; πŸ’¦

Back to top ↑

error

Rust - chapter 9 error handling

Rust λ¬Έμ„œ 챕터 9 μ—λŸ¬μ²˜λ¦¬λ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.(링크)

Errors - React setting

React webpack μ„€μ • 쀑 λ§Œλ‚¬λ˜ μ—λŸ¬ 정리 μž‘μ„±μžμ˜ 원인을 μ •λ¦¬ν•œ κ²ƒμœΌλ‘œ 같은 μ—λŸ¬λΌλ„ 원인은 λ‹€λ₯Ό 수 μžˆλ‹€.

Errors - κ²ͺ은 μ—λŸ¬ λͺ¨μŒ

μ§€λ‚œμ£Όμ— κ²ͺμ—ˆλ˜ μ—λŸ¬ λͺ¨μŒ. 큰 μ‹œκ°„μ„ μ•ˆ 듀이고 ν•΄κ²°ν•˜μ˜€λ˜ 건듀이라 ν•œκΊΌλ²ˆμ— μž‘μ„±ν•¨. ☠️ μž‘μ„±μžκ°€ ν•΄κ²°ν–ˆλ˜ λ°©λ²•μœΌλ‘œ λͺ¨λ“  κ²½μš°κ°€ ν•΄κ²°λœλ‹€κ³  λ³Ό 수 μ—†μŒ. macOS ν™˜κ²½μ—μ„œ κ²ͺ은 μ—λŸ¬λ“€μ΄λ‹€.

Diary - Java encoding issue

Java μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ 이메일을 λ°œμ†‘ν•˜λŠ” κΈ°λŠ₯이 μžˆμ—ˆλŠ”λ° νŠΉμ • λ„λ©”μΈμ—μ„œ 메일 제λͺ©μ΄ ?????? 둜 λ‚˜μ˜€λŠ” ν˜„μƒμ„ λ°œκ²¬ν–ˆλ‹€!! 😡

Diary - Bitbucket issue

였늘 ν•œλ™μ•ˆ μˆ˜μ •ν•  일 μ—†μ–΄μ„œ 접근을 ν•˜μ§€ μ•Šκ³  있던 ν”„λ‘œμ νŠΈλ₯Ό μˆ˜μ •ν•˜κ²Œ λ˜μ—ˆλ‹€. 근데 λΆ€λͺ¨λ“ˆμ— μ ‘κ·Όν•˜λ € ν•˜λ‹ˆ κ°‘μžκΈ° μ—λŸ¬κ°€β€¦!!? (μ €μž₯μ†ŒλŠ” Bitbucket 을 μ“°κ³  μžˆλ‹€.)

SELECT DISTINCT, ORDER BY expressions must appear in select list

금일 sql λ₯Ό λ§Œμ§€λ‹€κ°€ λ§ˆμ£Όν•œ λ¬Έμ œμ΄λ‹€. 전에도 κ²ͺμ—ˆλ˜ 문제고 ν•΄κ²°ν•˜λŠ”λ° μ‹œκ°„μ΄ λ“€μ§„ μ•Šμ•˜μ§€λ§Œ ν˜Ήμ‹œ λͺ°λΌ λ©”λͺ¨ν•΄λ‘”λ‹€.

Diary, Vue - μ‚½μ§ˆ..

error 라고 ν• λ§Œν•œκ±΄ μ•„λ‹ˆμ§€λ§Œ κ·Έλƒ₯ 였늘 μ˜€νƒ€μ—μ„œ ν•œμ°Έ 해맨 것과 같은 μ’…λ₯˜μ˜ μ‚½μ§ˆμ΄λ‹€.

Diary - μ‚½μ§ˆ - Redirect

μ–΄λŠμƒˆ 6월… 좜근길이 점점 νž˜λ“€μ–΄μ§€κ³  μžˆλ‹€. πŸ˜“ μ˜€λŠ˜λ„ 어김없이 μ‚½μ§ˆν•œ λ‚΄μš©μ„ 남긴닀.

Diary - μ‚½μ§ˆ..

μž„μ‹œλ‘œ κ°œλ°œν•˜λŠ” μ„œλ²„ ν™˜κ²½μ„ κ΅¬μΆ•ν•˜λŠ” 데 μžˆμ–΄ μΈμ¦μ„œλ₯Ό μ μš©ν•  일이 μžˆμ—ˆλ‹€. κ°œλ°œμ„œλ²„μ˜ λ„λ©”μΈμ—λŠ” let’s encryptλ₯Ό λ°›μ•„ μ μš©ν•˜κ³  μžˆκΈ°μ— μ μš©ν•˜λ € ν•˜λŠ”λ° μ—λŸ¬κ°€ λ°œμƒν–ˆλ‹€.

Web - CORS, SameSite

νšŒμ‚¬μ—μ„œ ν•œλ™μ•ˆ BE μΈ‘λ©΄μ—μ„œλ§Œ μž‘μ—…μ„ ν•˜μ—¬ FE 개발 ν™˜κ²½ μ…‹νŒ… 및 λ‘œμ»¬ν™˜κ²½μ—μ„œ μš΄μ˜ν•  일 μ—†μ—ˆλ‹€. κ·ΈλŸ¬λ‹€ μ΄λ²ˆμ— ν…ŒμŠ€νŠΈ ν•  일 μžˆμ–΄ 직접 FE μͺ½ 둜컬 μ…‹νŒ… ν›„ κ΅¬λ™ν•˜λ‹ˆ ν¬λ‘¬μ—μ„œ 401 μ—λŸ¬κ°€ λ°œμƒν•¨μ„ ν™•μΈν•˜μ˜€λ‹€.πŸŒ€ 무슨 λ¬Έμ œμΈκ°€ λ³΄λ‹ˆ 크둬 SameSite κ΄€λ ¨ μ—λŸ¬μ˜€λ‹€. FE...

Nginx worker connections 였λ₯˜

μ„œλΉ„μŠ€μ— 간헐적인 500 Errorκ°€ λ°œμƒν•˜λŠ” 상황을 보게 λ˜μ—ˆλ‹€. μ²˜μŒμ—λŠ” λ‹Ήμ—°νžˆ μ„œλ²„ μ—λŸ¬μΈ 쀄 μ•Œμ•˜μ§€λ§Œ μ„œλ²„ μͺ½μ—λŠ” μš”μ²­ 자체λ₯Ό λ°›μ§€ μ•Šμ€ μƒν™©μ΄μ˜€λ‹€.

Back to top ↑

js

TypeScript μ‹œμž‘ν•˜κΈ°

곡뢀해야지.. ν•˜λ˜ TypeScriptλ₯Ό 이제 막 μ‹œμž‘ν•˜μ˜€λ‹€. μ™„μ „ μ‹ μƒμ•„μ§€λ§Œ java 같은 λŠλ‚Œμ΄ λ“ λ‹€.

Back to top ↑

λ™μž‘

JS λ³€μˆ˜ 및 scope

ES6κ°€ λ˜λ©΄μ„œ μƒˆλ‘œμš΄ λ³€μˆ˜ μ„ μ–Έ μ˜ˆμ•½μ–΄ let, constκ°€ λ“±μž₯ν•˜μ˜€λ””. 사싀 λ‚˜μ˜¨μ§€ 이제 μ˜€λž˜λ¬λ‹€κ³  ν•  수 μžˆλŠ” μ˜ˆμ•½μ–΄λ“€μΈλ° var와 같이 λ©”λͺ¨ν•˜λ € ν•œλ‹€.

Back to top ↑

functional

JS - Functional 비동기성1

ν•¨μˆ˜λ₯Ό ν•©μ„±ν•˜λ‹€λ³΄λ©΄ 쀑간에 비동기적이 뢀뢄이 μžˆμ„ 수 μžˆλ‹€. 이런 비동기 상황을 μ–΄λ–»κ²Œ λ‹€λ£° 수 μžˆλŠ”μ§€ μ μ–΄λ³΄μž. λͺ¨λ‚˜λ“œμ™€ 클레이슬리 ν•©μ„±μ˜ κ²½μš°λŠ” 아직 μž‘μ„±μžλ„ μ œλŒ€λ‘œ 이해 λͺ» ν–ˆμœΌλ©°, 직접 찾아보고 μ΄ν•΄ν•˜μ‹œκΈΈ λΆ€νƒλ“œλ¦°λ‹€.

JS - 지연평가 2

JS - 지연평가 와 μ΄μ–΄μ§€λŠ” κΈ€μž…λ‹ˆλ‹€. 핡심적인 λ‚΄μš©λ³΄λ‹€λŠ” λ‹€λ₯Έ κΈ°λŠ₯을 κ°€μ§„ ν•¨μˆ˜λ“€λ§Œ μΆ”κ°€λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

JS - μ§€μ—° 평가

κ·Έκ°„ 코딩을 ν•˜λ©΄μ„œ νš¨μœ¨μ„±μ„ 생각할 λ•Œ μ¦‰μ‹œν‰κ°€μ— λŒ€ν•΄μ„œ κ³ λ €ν•΄λ³Έ 적이 μ—†λ‹€. λͺ¨λ“ˆμ„ 뢈러올 λ•ŒλŠ” lazy-loading λ₯Ό κ·Έλ ‡κ²Œ μ‚¬μš©ν–ˆμœΌλ©΄μ„œ 지연성에 λŒ€ν•΄ μ§„μ§€ν•˜κ²Œ κ³ λ―Όν•΄λ³Έ 적이 μ—†λ‹€. 🧨 μ§€μ—° 평가에 κ΄€λ ¨ν•˜μ—¬ ν•¨μˆ˜λ₯Ό μž‘μ„±ν•œ λ©”λͺ¨.

JS - ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ°

ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° ν”νžˆ λ“£κ²Œλ˜λŠ” 기법이닀. κ΄€λ ¨ν•˜μ—¬ 기초적인 뢀뢄을 정리해본닀.

Back to top ↑

css

Diary - 1px 보닀 얇은 μ„ 

1px 보닀 얇은 선을 λ§Œλ“€μ–΄μ•Όλ˜λŠ” 일이 μžˆμ—ˆλ‹€. 아무생각 없이 0.7px 을 λ„£μ—ˆμœΌλ‚˜ μ‹€νŒ¨!

magin 쀑볡(collapse)

CSS의 margin 속성은 μ•„λž˜μ˜ μƒν™©μ—μ„œ κ²ΉμΉ˜λŠ” ν˜„μƒμ΄ λ°œμƒν•˜λ©° μ΄λŠ” 였λ₯˜κ°€ μ•„λ‹ˆλ‹€.

CSS 가상 μ„ νƒμž

가상 μ„ νƒμžλ‘œλŠ” 가상 클래슀 μ„ νƒμž(β€˜:’), 가상 μš”μ†Œ μ„ νƒμž(β€˜::’) κ°€ 있음

Back to top ↑

postgres

SQL - select for update

쑰회된 값을 기반으둜 μ—…λ°μ΄νŠΈλ₯Ό ν•  경우 λ™μ‹œμ— 쑰회될 경우 잘λͺ»λœ λ™μž‘μ„ ν•˜κ²Œ 될 수 μžˆλ‹€. 이λ₯Ό 막기 μœ„ν•΄μ„œ μ“Έ 수 μžˆλŠ” select for update ꡬ문이닀.

Postgres - coalesce, with as

μ•Œμ•„λ‘λ©΄ 생각보닀 많이 μ“°κ³  μœ μš©ν•œ SQL 정리

DB Postgres json, array κ΄€λ ¨ ν•¨μˆ˜

이제껏 κ°„λ‹¨ν•œ sql만 μž‘μ„±ν•˜λ‹€λ³΄λ‹ˆ λ°°μ—΄λ‘œ μ‘°νšŒν•˜κ±°λ‚˜ ν•˜λŠ” λ“± 일이 μ—†μ—ˆμœΌλ‚˜ μ΄λ²ˆμ— ν•„μš”ν•œ 상황이 생겨 μ„œμΉ­μ„ ν•˜λ‹€ μƒλ‹Ήνžˆ λ§Žμ€ ν•¨μˆ˜λ“€μ— λŒ€ν•΄ μ•Œκ²Œ λ˜μ—ˆλ‹€.

Postgres like 쑰건

였늘 업무도쀑 logμ„± 데이터에 λŒ€ν•΄ μ‘°νšŒν•  일 μžˆμ—ˆλ‹€. μ²˜μŒμ—λŠ” 별 생각 없이 like λ₯Ό μ‚¬μš©ν•˜μ—¬ μ‘°νšŒν•˜μ˜€μœΌλ‚˜ 10뢄이 걸렀도 μ‘°νšŒκ°€ μ•ˆλ˜λŠ” 것을 λ³Ό 수 μžˆμ—ˆλ‹€. 😡

Back to top ↑

collection

Rust - chapter 8 quiz

8 챕터 λ§ˆμ§€λ§‰ 정리에 ν€΄μ¦ˆκ°€ μžˆμ—ˆλ‹€. μ‰½κ² κ±°λ‹ˆ ν–ˆλŠ”λ° λ‚˜ν•œν…ŒλŠ” 생각보닀 μ–΄λ €μ› λ‹€. πŸ₯Ά ν’€κΈ°λŠ” μ§€λ‚œμ£Όμ— ν’€μ—ˆλŠ”λ° 정리차 μ˜¬λ €λ³Έλ‹€. 링크 μ΅œν•˜λ‹¨μ—μ„œ 확인이 κ°€λŠ₯ν•˜λ‹€. &, * 둜 그리고 μ†Œμœ κΆŒ λ“± ν‰μ†Œ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” κ°œλ…μ΄λ‹€ λ³΄λ‹ˆ ν™•μ‹€νžˆ λ‚―μ„€μ—ˆλ‹€.

Rust - chapter 8-1(μ»¬λ ‰μ…˜-벑터)

λ‹€λ₯Έ 언어에도 μ‘΄μž¬ν•˜λŠ” μ»¬λ ‰μ…˜μ€ λ‹€μˆ˜μ˜ 값을 μ €μž₯ν•  수 μžˆλŠ” 데이터 ꡬ쑰λ₯Ό μ§€μΉ­ν•˜λŠ” κ²½μš°κ°€ λ§Žλ‹€. λŸ¬μŠ€νŠΈμ—μ„œλŠ” λ°°μ—΄κ³Ό νŠœν”Œλ„ λ‹€μˆ˜μ˜ 값을 담을 수 μžˆμ§€λ§Œ μ»¬λ ‰μ…˜μ˜ κ²½μš°λŠ” 데이터가 νž™μ— μ €μž₯이 되며, μ΄λŠ” 컴파일 νƒ€μž„μ— κ²°μ •λ˜μ§€ μ•Šκ³  λŸ°νƒ€μž„ 쀑에 변동이 μžˆμ„ 수 μžˆλ‹€λŠ” 것을 μ˜λ―Έν•œλ‹€...

Back to top ↑

cache

μΊμ‹œ μ˜€μ—Όκ³Ό μΊμ‹œ 좩돌

ν•œλ™μ•ˆ κ²Œμ„λŸ¬μ Έμ„œ μ†μ—μ„œ 책을 놓고 μžˆμ—ˆλ‹€. λ‹€μ‹œ 펼쳐본 μ±…μ—μ„œ μƒˆλ‘œ μ•Œκ²Œ 된 뢀뢄을 μ •λ¦¬ν•˜λ € ν•œλ‹€.

μ›Ή μΊμ‹œ μ •μ±…

μΊμ‰¬λŠ” μ‚¬μš©μž κ²½ν—˜μ„ ν–₯상 μ‹œν‚¬ 수 있고 νŠΈλž˜ν”½ κ°μ†Œ λ“± 이점이 λ§Žμ§€λ§Œ, 개인 μ •λ³΄λ‚˜ μ‹€μ‹œκ°„ κ°±μ‹ λ˜λŠ” 정보 같은 κ²½μš°λŠ” 캐쉬λ₯Ό μ‚¬μš©ν•˜λ©΄ μ•ˆ λœλ‹€.

μ›Ή μΊμ‹œ μ’…λ₯˜

ν”νžˆλ“€ μ•Œκ³  μžˆμ§€λ§Œ λ§€ μš”μ²­λ§ˆλ‹€ 같은 자료λ₯Ό μš”μ²­ν•  경우 맀번 원본 μ„œλ²„μ—μ„œ λ‚΄λ €λ°›λŠ” 건 ꡉμž₯히 λΆˆν•„μš”ν•˜κ³  μ‚¬μš©μžμ—κ²Œ μ•…μ˜ν–₯을 μ£ΌλŠ” μš”μ†Œμ΄λ©°, 이λ₯Ό ν”Όν•˜κΈΈ μœ„ν•΄μ„œ κ·Όμ²˜μ— 사본을 μ €μž₯ν•˜μ—¬ μš”μ²­μ— λŒ€ν•œ 응닡을 ν•΄μ£ΌλŠ” μ„œλ²„λ₯Ό μΊμ‰¬μ„œλ²„λΌκ³  ν•œλ‹€.

Back to top ↑

script

Node - npm script 속성

npm 을 톡해 κ΄€λ¦¬λ˜λŠ” ν”„λ‘œμ νŠΈλ“€μ€ package.jsonνŒŒμΌμ„ μ§€λ‹ˆκ²Œ λœλ‹€. package.json 파일 λ‚΄μ—λŠ” scripts λΌλŠ” 속성이 있고, ν•΄λ‹Ή μ†μ„±μ—λŠ” μ•„λž˜μ™€ 같은 μ§€μ›ν•˜λŠ” 속성듀이 μžˆλ‹€.

Back to top ↑

class

JS - Class μ£Όμ˜μ‚¬ν•­

JS 의 Class 의 μ£Όμ˜μ‚¬ν•­μ΄λΌκΈ°λ³΄λ‹€λŠ” λ­”κ°€ 자주 μ‹€μˆ˜ν•˜λŠ” 뢀뢄에 λŒ€ν•œ κ°„λž΅ λ©”λͺ¨

Back to top ↑

selector

CSS 가상 μ„ νƒμž

가상 μ„ νƒμžλ‘œλŠ” 가상 클래슀 μ„ νƒμž(β€˜:’), 가상 μš”μ†Œ μ„ νƒμž(β€˜::’) κ°€ 있음

Back to top ↑

폭섀

좜근길 λ‚œμ΄λ„ ν—¬

μ–΄μ œ κ²¨μšΈμ™•κ΅­μ΄ λ˜μ–΄λ²„λ¦° 판ꡐλ₯Ό 보고 좜근길이 ν—˜λ‚œν•  거라고 생각은 ν–ˆμ§€λ§Œ μ—­μ‹œλ‚˜β€¦ κ·Έλ‚˜λ§ˆ μ§€ν•˜μ²  ꡬ간이 κΈΈμ–΄μ„œ λ‹€ν–‰μ΄μ˜€μ§€ λ²„μŠ€ 같은 μ°¨λŸ‰ ꡬ간이 κΈΈμ—ˆμœΌλ©΄ 영락 없이 지각 ν•  λ»”

폭섀 β˜ƒοΈ

μ•Όκ·Ό ν•˜κ³  λ‚˜μ˜€λŠ”λ° 세상이 달라져 μžˆμ—ˆλ‹€.

Back to top ↑

scope

JS λ³€μˆ˜ 및 scope

ES6κ°€ λ˜λ©΄μ„œ μƒˆλ‘œμš΄ λ³€μˆ˜ μ„ μ–Έ μ˜ˆμ•½μ–΄ let, constκ°€ λ“±μž₯ν•˜μ˜€λ””. 사싀 λ‚˜μ˜¨μ§€ 이제 μ˜€λž˜λ¬λ‹€κ³  ν•  수 μžˆλŠ” μ˜ˆμ•½μ–΄λ“€μΈλ° var와 같이 λ©”λͺ¨ν•˜λ € ν•œλ‹€.

JS scope - try catch

블둝 scope μ˜μ—­ 쀑 try - catch에 κ΄€ν•΄ μ μ–΄λ³΄κ³ μž 함 λ‹Ήμ—°ν•œ κ²°κ³Ό 일 수 μžˆμ§€λ§Œ λΈ”λŸ­ {}에 λ”°λΌμ„œ λ‹€λ₯Έ scopeλ₯Ό μ§€λ‹ˆκ²Œ 되며 μ•„λž˜μ™€ 같은 κ²°κ³Όλ₯Ό λ‚˜νƒ€λƒ„

Back to top ↑

μƒκ°μ˜ 흐름

VScode md μ˜€λ²„λ·°

VScodeμ—μ„œ 기본적으둜 μ œκ³΅ν•˜λŠ” md μ˜€λ²„λ·° κΈ°λŠ₯κ³Ό μ‹€μ œ jekyll이 ν…μŠ€νŠΈλ₯Ό μ½μ–΄μ„œ ν‘œκΈ°ν•˜λŠ” 방식이 λ‹€λ₯Έ 것 κ°™λ‹€. μ–΄μ°Œλ³΄λ©΄ λ‹Ήμ—°ν•œ κ±°κΈ°λŠ” ν•œλ°πŸ€”

좜근길 λ‚œμ΄λ„ ν—¬

μ–΄μ œ κ²¨μšΈμ™•κ΅­μ΄ λ˜μ–΄λ²„λ¦° 판ꡐλ₯Ό 보고 좜근길이 ν—˜λ‚œν•  거라고 생각은 ν–ˆμ§€λ§Œ μ—­μ‹œλ‚˜β€¦ κ·Έλ‚˜λ§ˆ μ§€ν•˜μ²  ꡬ간이 κΈΈμ–΄μ„œ λ‹€ν–‰μ΄μ˜€μ§€ λ²„μŠ€ 같은 μ°¨λŸ‰ ꡬ간이 κΈΈμ—ˆμœΌλ©΄ 영락 없이 지각 ν•  λ»”

Back to top ↑

일상

VScode md μ˜€λ²„λ·°

VScodeμ—μ„œ 기본적으둜 μ œκ³΅ν•˜λŠ” md μ˜€λ²„λ·° κΈ°λŠ₯κ³Ό μ‹€μ œ jekyll이 ν…μŠ€νŠΈλ₯Ό μ½μ–΄μ„œ ν‘œκΈ°ν•˜λŠ” 방식이 λ‹€λ₯Έ 것 κ°™λ‹€. μ–΄μ°Œλ³΄λ©΄ λ‹Ήμ—°ν•œ κ±°κΈ°λŠ” ν•œλ°πŸ€”

Back to top ↑

enum

TypeScript enum, generic

Typescirptμ—μ„œμ˜ Enumκ³Ό Generic에 λŒ€ν•΄μ„œ 간단 정리해보렀 ν•œλ‹€.

Back to top ↑

generic

Rust - chapter 10-1 generic

Rust λ¬Έμ„œ 챕터 10-1 μ œλ„ˆλ¦­μ„ 읽고 μ •λ¦¬ν•œ 글이닀.(링크)

TypeScript enum, generic

Typescirptμ—μ„œμ˜ Enumκ³Ό Generic에 λŒ€ν•΄μ„œ 간단 정리해보렀 ν•œλ‹€.

Back to top ↑

flex

CSS - Flex Item

전에 Flex Container에 λŒ€ν•΄ μ •λ¦¬ν•˜μ˜€μœΌλ‹ˆ, Flex Item에 λŒ€ν•΄ 정리해보렀 ν•œλ‹€. πŸ€“

CSS - Flex Container

CSS Flex 속성 κ·Έ μ€‘μ—μ„œλ„ Containerκ°€ κ°€μ§€λŠ” 속성에 λŒ€ν•΄ κ°„λž΅νžˆ 적어보렀 ν•œλ‹€.

Back to top ↑

http

Web - HTTP 헀더

μž‘μ—… 쀑 μš”μ²­μ— λŒ€ν•œ 헀더λ₯Ό μ„€μ •ν•  일이 μžˆμ—ˆλŠ”λ°, 문득 λŒ€μ†Œλ¬Έμž 여뢀에 λŒ€ν•œ 의문이 λ“€μ—ˆλ‹€. 전에도 ν•œ 번 μ°Ύμ•„λ΄€λ˜ 적이 μžˆμ—ˆλŠ”λ° κΉŒλ¨Ήμ—ˆκΈ°μ— λ©”λͺ¨ν•΄λ‘”λ‹€.

Http/2

HTTP/1.1을 μ‚¬μš©ν•  λ•Œμ—λŠ” λ©€ν‹°ν”Œλ ‰μ‹± 같은 기술이 μ§€μ›λ˜μ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμ— 도메인 λΆ„ν•  기법 λ“±μ˜ 기술이 ν•„μš”ν•˜μ˜€λ‹€. ν•˜μ§€λ§Œ HTTP/2의 κ²½μš°λŠ” λ©€ν‹°ν”Œλ ‰μ‹± λ“±μ˜ 기술이 μ‚¬μš©λ˜λ©° μ›Ήμ˜ μ΅œμ ν™”λ₯Ό μœ„ν•΄ 도메인 λΆ„ν•  기법 등을 μ‚¬μš©ν•  μ΄μœ κ°€ μ‚¬λΌμ§€κ²Œ λ˜μ—ˆλ‹€. HTTP/2 μ‚¬μš© μ‹œ μ›Ή...

Back to top ↑

shell

Back to top ↑

단좕킀

Back to top ↑

scss

SCSS - @mixin, @include

본래 μž‘μ„±ν•˜λ € ν•˜μ˜€λ˜ @mixin, @include에 λŒ€ν•œ 글이닀.

SCSS

본래 @mixin, @include에 λŒ€ν•΄ 적으렀 ν•˜μ˜€λŠ”λ° SCSS에 λŒ€ν•΄ κ°„λž΅νžˆ μ •λ¦¬ν•΄λ³΄μž ν•œλ‹€.

Back to top ↑

lifecycle

React - Lifecycle

React 의 LifeCycle 에 λŒ€ν•΄ μ•Œμ•„λ³΄μž. Vue 와 λΉ„μŠ·ν•˜κ²Œ 이미 λ“±λ‘λ˜μ–΄ μžˆλŠ” 훅을 톡해 μ»΄ν¬λ„ŒνŠΈμ˜ 생성과 제거 사이 μ‹œμ μ— μ›ν•˜λŠ” λ™μž‘μ„ μΆ”κ°€ν•  수 μžˆλ‹€.

Vue - Lifecycle

Vue λ₯Ό λ‚˜λ¦„ 자주 μ‚¬μš©ν•˜λŠ” 편인데 글이 μ—†λŠ” 것 κ°™μ•„ Lifecycle κ΄€λ ¨ν•˜μ—¬ λ©”λͺ¨ν•΄λ³Έλ‹€.

Back to top ↑

loading

JS - λ¬Έμ„œμ™€ λ¦¬μ†ŒμŠ€ λ‘œλ”©

λΈŒλΌμš°μ €μ—μ„œ λ¬Έμ„œλ₯Ό μ—΄ λ•Œ μž‘μ—… μ§„ν–‰ 정도에 따라 λ°œμƒν•˜λŠ” μ΄λ²€νŠΈκ°€ 있고 이λ₯Ό ν™œμš©ν•˜λ©΄ λ§Žμ€ 것을 ν•  수 μžˆλ‹€. κ°„λ‹¨ν•˜κ²Œ μž‘μ„±λ‚΄μš©μ΄ μžˆλŠ” νŽ˜μ΄μ§€μ˜ 경우 μ΄νƒˆν•  λ•Œ λ°œμƒν•˜λŠ” κ²½κ³ μ°½ 등이 μžˆκ² λ‹€. 이와 같은 λ¬Έμ„œλ₯Ό λ‘œλ”©ν•  λ•Œ λ°œμƒν•˜λŠ” μ΄λ²€νŠΈμ— λŒ€ν•œ λ©”λͺ¨.

UI/UX - λŒ€κΈ°μ€‘β³

λ‹Ήμ—°ν•œ μ΄μ•ΌκΈ°μ΄μ§€λ§Œ ν•œκ΅­ μ‚¬λžŒμ€ 빨리빨리 λ˜λŠ” 것을 μ’‹μ•„ν•œλ‹€. μ„Έκ³„μ μœΌλ‘œλ„ κ·ΈλŸ¬ν•œκ±° κ°™λ‹€. μ›Ήμ˜ λ‘œλ”©μ—μ„œλ„ λ§ˆμ°¬κ°€μ§€μ΄λ‹€. λ°˜μ‘μ΄ μ—†μœΌλ©΄ μ‚¬μš©μžλŠ” λ‹€ λ‚˜κ°„λ‹€. πŸ’€

Back to top ↑

bitbucket

CD - Bitbucket, AWS

Bitbucket, AWS CodeDeploy λ₯Ό μ΄μš©ν•œ CD 간단 정리 ν–₯ν›„ 버전 λ³€κ²½ λ“±μœΌλ‘œ 인해 λ™μž‘ 방식이 λ³€κ²½λ˜κ±°λ‚˜ λ™μž‘ ν•˜μ§€ μ•Šμ„ 수 있음!

Diary - Bitbucket issue

였늘 ν•œλ™μ•ˆ μˆ˜μ •ν•  일 μ—†μ–΄μ„œ 접근을 ν•˜μ§€ μ•Šκ³  있던 ν”„λ‘œμ νŠΈλ₯Ό μˆ˜μ •ν•˜κ²Œ λ˜μ—ˆλ‹€. 근데 λΆ€λͺ¨λ“ˆμ— μ ‘κ·Όν•˜λ € ν•˜λ‹ˆ κ°‘μžκΈ° μ—λŸ¬κ°€β€¦!!? (μ €μž₯μ†ŒλŠ” Bitbucket 을 μ“°κ³  μžˆλ‹€.)

Back to top ↑

hooks

React - 좔가적 hooks

λ¦¬μ•‘νŠΈ κ³΅μ‹λ¬Έμ„œμ—μ„œ μ œκ³΅ν•˜λŠ” κΈ°λ³Έ hooks μ™Έ 좔가적인 hooks 에 λŒ€ν•œ λ©”λͺ¨

Back to top ↑

promise

JS - Promise

JSλŠ” 기본적으둜 λ™κΈ°λ‘œ 싀행이 되며 λΉ„λ™κΈ°λ‘œ μ‹€ν–‰μ‹œν‚€κΈ° μœ„ν•΄μ„œ ν˜„μž¬λŠ” Promise κ°€ ν”νžˆ μ‚¬μš©λ˜κ³  μžˆλ‹€. 이 Promise 에 λŒ€ν•œ κ°„λž΅νžˆ λ©”λͺ¨ν•΄λ³΄λ €ν•œλ‹€.

Back to top ↑

module

Rust - chapter 7(λͺ¨λ“ˆ)

곡식 λ¬Έμ„œ - λ²ˆμ—­κΈ€μ˜ 7번째 챕터 정리 'Hello world!' 같은 κ°„λ‹¨ν•œ λ™μž‘μ€ ν•œ 파일둜 μž‘μ„±ν•  수 μžˆμ§€λ§Œ μ½”λ“œ 규λͺ¨κ°€ 컀질 경우 μž¬μ‚¬μš©μ„±κ³Ό 쑰직화λ₯Ό μœ„ν•΄μ„œ κΈ°μ€€λŒ€λ‘œ μ½”λ“œλ₯Ό λΆ„λ¦¬ν•˜κ²Œ 되고 λŸ¬μŠ€νŠΈλŠ” λΆ„λ¦¬λœ μ½”λ“œλ“€μ„ μ‚¬μš©ν•  수 μžˆλŠ” λͺ¨λ“ˆ μ‹œμŠ€ν…œμ„ κ°€μ§€κ³  μžˆλ‹€.

JS - module

JSλŠ” 처음 λ§Œλ“€μ–΄μ§ˆ λ‹Ήμ‹œ 슀크립트의 크기가 크지 μ•Šμ•˜κΈ° λ•Œλ¬Έμ— λͺ¨λ“ˆ κ΄€λ ¨ 문법이 μ—†μ—ˆλ‹€κ³  ν•œλ‹€. ν•˜μ§€λ§Œ μŠ€ν¬λ¦½νŠΈλ“€μ˜ 크기가 컀지기 μ‹œμž‘ν•˜λ©° ES6에 ν‘œμ€€μœΌλ‘œ λ“±λ‘λ˜μ—ˆκ³ , 이전에 Node.js μ—μ„œ 주둜 μ‚¬μš©ν•˜λ˜ 방법은 CommonJS 이닀.

Back to top ↑

event

JS - event

컴퓨터λ₯Ό μ‚¬μš©ν•˜λ‹€λ³΄λ©΄ ν΄λ¦­ν•˜κ³  마우슀λ₯Ό 움직이고 λ‹€μ–‘ν•œ 행동을 ν•˜κ²Œ 되고 JSμ—μ„œλŠ” μ΄λŸ¬ν•œ 행동에 λŒ€ν•΄ μ •μ˜ν•˜κ³  λ°œμƒν–ˆμ„ 경우 μ–΄λ– ν•œ λ™μž‘μ„ ν• μ§€ 등둝 ν•  수 μžˆλ‹€. μ„€λͺ…이 μ΄μƒν•œκ±° 같은데;; πŸ˜“ μ’Œμš°μ§€κ°„ μ΄λ²€νŠΈμ— λŒ€ν•œ λ©”λͺ¨.

Back to top ↑

lazy

JS - 지연평가 2

JS - 지연평가 와 μ΄μ–΄μ§€λŠ” κΈ€μž…λ‹ˆλ‹€. 핡심적인 λ‚΄μš©λ³΄λ‹€λŠ” λ‹€λ₯Έ κΈ°λŠ₯을 κ°€μ§„ ν•¨μˆ˜λ“€λ§Œ μΆ”κ°€λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

JS - μ§€μ—° 평가

κ·Έκ°„ 코딩을 ν•˜λ©΄μ„œ νš¨μœ¨μ„±μ„ 생각할 λ•Œ μ¦‰μ‹œν‰κ°€μ— λŒ€ν•΄μ„œ κ³ λ €ν•΄λ³Έ 적이 μ—†λ‹€. λͺ¨λ“ˆμ„ 뢈러올 λ•ŒλŠ” lazy-loading λ₯Ό κ·Έλ ‡κ²Œ μ‚¬μš©ν–ˆμœΌλ©΄μ„œ 지연성에 λŒ€ν•΄ μ§„μ§€ν•˜κ²Œ κ³ λ―Όν•΄λ³Έ 적이 μ—†λ‹€. 🧨 μ§€μ—° 평가에 κ΄€λ ¨ν•˜μ—¬ ν•¨μˆ˜λ₯Ό μž‘μ„±ν•œ λ©”λͺ¨.

Back to top ↑

diary

2022 회고

λœ¬κΈˆμ—†λŠ” 회고 πŸ’¦ γ…Žγ…Ž;; ν•œλ™μ•ˆ μ •λ¦¬λ‚˜ 글을 μ•ˆ μ“°λ‹€κ°€ κ°‘μžκΈ° 회고λ₯Ό μ“°μžλ‹ˆ μ’€ κ·Έλ ‡μ§€λ§Œ ν•œ ν•΄ μ •λ¦¬λŠ” ν•„μš”ν•œ 것 κ°™μ•„μ„œ ν‚€λ³΄λ“œλ₯Ό λ‘λ“œλ¦¬κ³  μžˆλ‹€. μž‘λ…„ 4μ›”λΆ€ν„° μΌμ μœΌλ‘œλ‚˜ 개인적으둜 λ°”λΉ μ„œ μž”λ””λ‚˜ 개인적인 곡뢀λ₯Ό λͺ‡ 번 빼먹게 λ˜λ”λ‹ˆ μ­‰ μ•ˆν•˜κ²Œ λ˜μ—ˆλ‹€. 뭐 κ·Έλž˜λ„ μ΄λ²ˆλ…„λ„λΆ€ν„°(음...

2021 회고

벌써 2μ›”μ΄μ§€λ§Œ 2021 회고 🧠

Back to top ↑

회고

Back to top ↑

margin

magin 쀑볡(collapse)

CSS의 margin 속성은 μ•„λž˜μ˜ μƒν™©μ—μ„œ κ²ΉμΉ˜λŠ” ν˜„μƒμ΄ λ°œμƒν•˜λ©° μ΄λŠ” 였λ₯˜κ°€ μ•„λ‹ˆλ‹€.

Back to top ↑

collapse

magin 쀑볡(collapse)

CSS의 margin 속성은 μ•„λž˜μ˜ μƒν™©μ—μ„œ κ²ΉμΉ˜λŠ” ν˜„μƒμ΄ λ°œμƒν•˜λ©° μ΄λŠ” 였λ₯˜κ°€ μ•„λ‹ˆλ‹€.

Back to top ↑

BE

Back to top ↑

deploy

Back to top ↑

padding

Back to top ↑

border

Back to top ↑

EC

Back to top ↑

μ—”μ§„

Back to top ↑

LEC

Back to top ↑

좜근

좜근길 λ‚œμ΄λ„ ν—¬

μ–΄μ œ κ²¨μšΈμ™•κ΅­μ΄ λ˜μ–΄λ²„λ¦° 판ꡐλ₯Ό 보고 좜근길이 ν—˜λ‚œν•  거라고 생각은 ν–ˆμ§€λ§Œ μ—­μ‹œλ‚˜β€¦ κ·Έλ‚˜λ§ˆ μ§€ν•˜μ²  ꡬ간이 κΈΈμ–΄μ„œ λ‹€ν–‰μ΄μ˜€μ§€ λ²„μŠ€ 같은 μ°¨λŸ‰ ꡬ간이 κΈΈμ—ˆμœΌλ©΄ 영락 없이 지각 ν•  λ»”

Back to top ↑

tips

CSS 암묡적 μ‚¬μš© κ΄€λ ¨ λ©”λͺ¨

CSSμ—μ„œλŠ” 본래의 μ˜λ„μ™€ λ‹€λ₯΄κ²Œ ν‘œκΈ°λ˜λŠ” κ±Έ νšŒν”Όν•˜λŠ” 암묡적 방법듀이 μžˆλ‹€. μ•žμ„  κΈ€κ³Ό λ§ˆμ°¬κ°€μ§€λ‘œ μ•ˆ μ“°λ©΄ κΉŒλ¨ΉμœΌλ‹ˆ λ©”λͺ¨πŸ€–

Back to top ↑

font

κΈ€κΌ΄ 계열 κ΄€λ ¨ λ©”λͺ¨

CSSλ‚˜ font의 글꼴은 계열을 κ°€μ§€κ³  ν•΄λ‹Ή 계열에 λŒ€ν•΄ 자꾸 μžŠμ–΄λ¨Ήμ–΄μ„œ λ©”λͺ¨ν•˜λ € ν•œλ‹€. 🧐

Back to top ↑

λ³€μˆ˜

JS λ³€μˆ˜ 및 scope

ES6κ°€ λ˜λ©΄μ„œ μƒˆλ‘œμš΄ λ³€μˆ˜ μ„ μ–Έ μ˜ˆμ•½μ–΄ let, constκ°€ λ“±μž₯ν•˜μ˜€λ””. 사싀 λ‚˜μ˜¨μ§€ 이제 μ˜€λž˜λ¬λ‹€κ³  ν•  수 μžˆλŠ” μ˜ˆμ•½μ–΄λ“€μΈλ° var와 같이 λ©”λͺ¨ν•˜λ € ν•œλ‹€.

Back to top ↑

position

CSS position 속성

CSSμ—μ„œ μš”μ†Œμ˜ μœ„μΉ˜λ₯Ό μ •ν•  수 μžˆλŠ” position속성에 λŒ€ν•΄ μ•Œμ•„λ΄…μ‹œλ‹€.

Back to top ↑

display

CSS position 속성

CSSμ—μ„œ μš”μ†Œμ˜ μœ„μΉ˜λ₯Ό μ •ν•  수 μžˆλŠ” position속성에 λŒ€ν•΄ μ•Œμ•„λ΄…μ‹œλ‹€.

Back to top ↑

typescript

TypeScript μ‹œμž‘ν•˜κΈ°

곡뢀해야지.. ν•˜λ˜ TypeScriptλ₯Ό 이제 막 μ‹œμž‘ν•˜μ˜€λ‹€. μ™„μ „ μ‹ μƒμ•„μ§€λ§Œ java 같은 λŠλ‚Œμ΄ λ“ λ‹€.

Back to top ↑

ES6

Arrow Function

Arrow-function도 λ‚˜μ˜¨μ§€ 였래 λμ§€λ§Œ λ‹€μ‹œ 정리λ₯Ό 해보렀 ν•œλ‹€.

Back to top ↑

arrow-function

Arrow Function

Arrow-function도 λ‚˜μ˜¨μ§€ 였래 λμ§€λ§Œ λ‹€μ‹œ 정리λ₯Ό 해보렀 ν•œλ‹€.

Back to top ↑

RDB

Postgres like 쑰건

였늘 업무도쀑 logμ„± 데이터에 λŒ€ν•΄ μ‘°νšŒν•  일 μžˆμ—ˆλ‹€. μ²˜μŒμ—λŠ” 별 생각 없이 like λ₯Ό μ‚¬μš©ν•˜μ—¬ μ‘°νšŒν•˜μ˜€μœΌλ‚˜ 10뢄이 걸렀도 μ‘°νšŒκ°€ μ•ˆλ˜λŠ” 것을 λ³Ό 수 μžˆμ—ˆλ‹€. 😡

Back to top ↑

index

Postgres like 쑰건

였늘 업무도쀑 logμ„± 데이터에 λŒ€ν•΄ μ‘°νšŒν•  일 μžˆμ—ˆλ‹€. μ²˜μŒμ—λŠ” 별 생각 없이 like λ₯Ό μ‚¬μš©ν•˜μ—¬ μ‘°νšŒν•˜μ˜€μœΌλ‚˜ 10뢄이 걸렀도 μ‘°νšŒκ°€ μ•ˆλ˜λŠ” 것을 λ³Ό 수 μžˆμ—ˆλ‹€. 😡

Back to top ↑

업무

μ—¬κΈ΄μ–΄λ”” λ‚˜λŠ” λˆ„κ΅¬?

μΆœκ·Όν•˜κ³  μ½”λ“œ μž‘μ—…μ€ 1μžλ„ μ•ˆν–ˆλŠ”λ° λ‚˜λŠ” 였늘 μ™œ 8μ‹œ λ°˜μ— μΆœκ·Όμ„ ν•˜μ—¬ 22μ‹œμ— 퇴근을 ν•˜μ˜€λŠ”κ°€β€¦β˜ οΈ

Back to top ↑

server

Nginx worker connections 였λ₯˜

μ„œλΉ„μŠ€μ— 간헐적인 500 Errorκ°€ λ°œμƒν•˜λŠ” 상황을 보게 λ˜μ—ˆλ‹€. μ²˜μŒμ—λŠ” λ‹Ήμ—°νžˆ μ„œλ²„ μ—λŸ¬μΈ 쀄 μ•Œμ•˜μ§€λ§Œ μ„œλ²„ μͺ½μ—λŠ” μš”μ²­ 자체λ₯Ό λ°›μ§€ μ•Šμ€ μƒν™©μ΄μ˜€λ‹€.

Back to top ↑

connection

Nginx worker connections 였λ₯˜

μ„œλΉ„μŠ€μ— 간헐적인 500 Errorκ°€ λ°œμƒν•˜λŠ” 상황을 보게 λ˜μ—ˆλ‹€. μ²˜μŒμ—λŠ” λ‹Ήμ—°νžˆ μ„œλ²„ μ—λŸ¬μΈ 쀄 μ•Œμ•˜μ§€λ§Œ μ„œλ²„ μͺ½μ—λŠ” μš”μ²­ 자체λ₯Ό λ°›μ§€ μ•Šμ€ μƒν™©μ΄μ˜€λ‹€.

Back to top ↑

basic

Back to top ↑

filename

Back to top ↑

directory

Back to top ↑

type alias

TypeScript type alias - interface

Typescriptμ—μ„œλŠ” νƒ€μž…λ³„μΉ­(Type Alias)와 μΈν„°νŽ˜μ΄μŠ€λ₯Ό 톡해 각 νƒ€μž…λ₯Ό μ§€μ •ν•˜μ—¬ νŽΈλ¦¬ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆλ‹€.

Back to top ↑

interface

TypeScript type alias - interface

Typescriptμ—μ„œλŠ” νƒ€μž…λ³„μΉ­(Type Alias)와 μΈν„°νŽ˜μ΄μŠ€λ₯Ό 톡해 각 νƒ€μž…λ₯Ό μ§€μ •ν•˜μ—¬ νŽΈλ¦¬ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆλ‹€.

Back to top ↑

Iteration

JS Iteration

Iteration의 사전적 μ˜λ―ΈλŠ” 반볡으둜 의미 κ·ΈλŒ€λ‘œμ΄λ‚˜ 일반적인 반볡문 for, while λ“±μ˜ λ°˜λ³΅κ³ΌλŠ” κ°œλ…μ˜ 차이가 μžˆλ‹€.

Back to top ↑

transition

Back to top ↑

transform

Back to top ↑

νƒ€μž…λ‹¨μ–Έ

TypeScript νƒ€μž…λ‹¨μ–Έ, νƒ€μž…κ°€λ“œ

Typescriptλ₯Ό μ‚¬μš©ν•˜λ‹€ 보면 νƒ€μž…μ— λŒ€ν•΄μ„œ μ• λ§€ν•΄μ§€λŠ” κ²½μš°κ°€ λ°œμƒν•œλ‹€. 이 λ•Œ μ‚¬μš© ν•  수 νƒ€μž… 단언, νƒ€μž… κ°€λ“œμ— λŒ€ν•΄ κ°„λ‹¨νžˆ 정리해 보자.

Back to top ↑

νƒ€μž…κ°€λ“œ

TypeScript νƒ€μž…λ‹¨μ–Έ, νƒ€μž…κ°€λ“œ

Typescriptλ₯Ό μ‚¬μš©ν•˜λ‹€ 보면 νƒ€μž…μ— λŒ€ν•΄μ„œ μ• λ§€ν•΄μ§€λŠ” κ²½μš°κ°€ λ°œμƒν•œλ‹€. 이 λ•Œ μ‚¬μš© ν•  수 νƒ€μž… 단언, νƒ€μž… κ°€λ“œμ— λŒ€ν•΄ κ°„λ‹¨νžˆ 정리해 보자.

Back to top ↑

animation

Back to top ↑

multi columns

CSS 닀단 (Multi Columns)

일반 블둝 λ ˆμ΄μ•„μ›ƒμ„ ν™•μž₯ν•˜μ—¬ ν•œ 블둝에 μ—¬λŸ¬ 칼럼으둜 ν…μŠ€νŠΈλ₯Ό λ„£λŠ” 것, 가동성을 확보할 수 μžˆλ‹€.

Back to top ↑

Tips

JS - κ²°ν•©μ„± 및 try-catch

JS ν‰μƒμ‹œ 자주 κΉŒλ¨ΉλŠ” κ΄€λ ¨ν•˜μ—¬ ν‰μƒμ‹œ 자주 λ†“μΉ˜λŠ” 뢀뢄에 λŒ€ν•΄ μ •λ¦¬ν•΄λ³΄λ €ν•œλ‹€.

Back to top ↑

utility types

TypeScript utility types

TypeScriptλŠ” 일반적인 μœ ν˜•λ³€ν™˜μ„ μš©μ΄ν•˜κ²Œ ν•˜λŠ” 기본적인 μœ ν‹Έλ¦¬ν‹° μœ ν˜•λ“€μ„ μ œκ³΅ν•˜κ³  μžˆλ‹€. μžμ„Έν•œ λ‚΄μš©μ€ νƒ€μž…μŠ€ν¬λ¦½νŠΈ 곡식 μœ ν‹Έλ¦¬ν‹° νƒ€μž… μ•ˆλ‚΄ λ₯Ό μ°Έκ³ ν•˜λ©΄ 도움이 될 것 κ°™μœΌλ©°, 기본적인 νƒ€μž… λͺ‡κ°€μ§€λ₯Ό μ†Œκ°œν•œλ‹€.

Back to top ↑

Number Object

JS - Number Object

JSλŠ” IEEE 754에 μ •μ˜λœ 64bit λΆ€λ™μ†Œμˆ˜μ μœΌλ‘œ μ •μˆ˜μ™€ μ‹€μˆ˜ ꡬ뢄 없이 수λ₯Ό μ²˜λ¦¬ν•œλ‹€. IEEE λΆ€λ™μ†Œμˆ˜μ 

Back to top ↑

unicode

JS - Unicode

JSμ—μ„œλŠ” \u0031와 같은 λ°©μ‹μœΌλ‘œ μœ λ‹ˆμ½”λ“œλ₯Ό μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ‹€. 본래 ES5μ—μ„œλŠ” μ•„λž˜μ™€ 같은 λ²”μœ„ 밖에 μ§€μ›ν•˜μ§€ μ•Šμ•˜μœΌλ‚˜ 4자리 이상을 2κ°€μ§€ μœ λ‹ˆμ½”λ“œ 값을 이어 λΆ™μ—¬μ„œ μ§€μ›ν•˜λŠ” 방식을 μ œκ³΅ν–ˆκ³  이λ₯Ό Surrogate pair라고 ν•œλ‹€.

Back to top ↑

μš°μ„ μˆœμœ„

CSS - μš°μ„ μˆœμœ„ 계산

CSSλ₯Ό μ‚¬μš©ν•˜λ‹€ 보면 νŠΉμ •μš”μ†Œλ₯Ό μ§€μ •ν•˜λŠ” 속성이 κ²ΉμΉ  μˆ˜κ°€ μžˆλ‹€. 그럴 경우 μš°μ„ μˆœμœ„λ₯Ό κ³„μ‚°ν•˜μ—¬ κ°€μž₯ 높은 μš°μ„ μˆœμœ„λ₯Ό μ§€λ‹ˆλŠ” 속성을 μ μš©ν•˜κ²Œ λœλ‹€.

Back to top ↑

browser

λΈŒλΌμš°μ € μ•„ν‚€ν…μ²˜

μš°λ¦¬κ°€ 웹을 μ†μ‰½κ²Œ μ ‘μ†ν•˜κ³  μ‚¬μš©ν•  수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” λΈŒλΌμš°μ €μ˜ μ•„ν‚€ν…μ²˜μ— λŒ€ν•΄ κ°„λž΅νžˆ 정리해보렀 ν•œλ‹€.

Back to top ↑

getter

JS getter, setter

JS의 ES5μ—μ„œλ„ getter, setterλŠ” μ‘΄μž¬ν•˜μ˜€μœΌλ‚˜ ES6둜 μ˜€λ©΄μ„œ μŠ€νŽ™μ˜ 변동이 μžˆμ—ˆλ‹€. 이에 λŒ€ν•΄ κ°„λž΅νžˆ μ •λ¦¬ν•œλ‹€.

Back to top ↑

setter

JS getter, setter

JS의 ES5μ—μ„œλ„ getter, setterλŠ” μ‘΄μž¬ν•˜μ˜€μœΌλ‚˜ ES6둜 μ˜€λ©΄μ„œ μŠ€νŽ™μ˜ 변동이 μžˆμ—ˆλ‹€. 이에 λŒ€ν•΄ κ°„λž΅νžˆ μ •λ¦¬ν•œλ‹€.

Back to top ↑

template literal

JS template literal

ν˜„μž¬ JSμ—μ„œλŠ” ****μ΄λΌλŠ” 기호λ₯Ό μ‚¬μš©ν•˜μ—¬ λ¬Έμžμ—΄κ³Ό ν‘œν˜„μ‹μ„ μ‚¬μš©ν•œ λ¬Έμžμ—΄μ„ μž‘μ„±ν•  수 μžˆλ‹€. 이λ₯Ό Template Literal`이라고 ν•˜λŠ”λ° 이λ₯Ό μ‚¬μš©ν•˜λŠ” ν•¨μˆ˜ 방법에 λŒ€ν•΄ μ •λ¦¬ν•˜λ € ν•œλ‹€.

Back to top ↑

nload

nload

λ¦¬λˆ…μŠ€ λ“±μ˜ CLI ν™˜κ²½μ—μ„œ 기본적인 netstat λ“±κ³Ό λͺ…λ Ήμ–΄λ‘œ λ„€νŠΈμ›Œν¬ μƒνƒœμ˜ 확인 κ°€λŠ₯ν•˜λ‚˜ μ‹€μ‹œκ°„μœΌλ‘œ ν™•μΈν•˜κΈ°μ—λŠ” μ–΄λ €μš΄ 뢀뢄이 μžˆλ‹€.

Back to top ↑

IntelliJ

Back to top ↑

VSCode

Back to top ↑

sql

일상

μΆœκ·Όν•˜μ—¬ ν•˜λ£¨ 쒅일 sql만 보고 λ§Œμ§„ 것 κ°™λ‹€. λ©ν•˜λ‹€β€¦πŸ’¬ μ˜ˆμ „μ— κ°„λ‹¨ν•œ JPAλ₯Ό 써봀을 땐 κ·Έκ±Έ mybatis둜 λ°”κΎΈλ©΄μ„œ 별 어렀움을 λͺ» λŠκΌˆλŠ”λ° μ§„μ§œ mybatisλ₯Ό μ œλŒ€λ‘œ μ“°κ³  DB ꡬ쑰가 μ–΄λ €μ›Œμ§€λ©΄ ν˜„μž¬ λ‚΄ μˆ˜μ€€μ—μ„œλŠ” 머리가 터진닀….

Back to top ↑

label

js 반볡문 λΉ μ Έλ‚˜μ˜€κΈ°

기본적인 문법인 λ°˜λ³΅λ¬Έμ—μ„œ νŠΉμ • 쑰건일 λ•Œ λ‹€μŒ 순회둜 λ„˜μ–΄κ°€κ±°λ‚˜ μˆœνšŒμ—μ„œ λΉ μ Έλ‚˜μ™€μ•Ό λ˜λŠ” 경우λ₯Ό ν•„μ—°μ μœΌλ‘œ λ§Œλ‚˜κ²Œ λœλ‹€. jsμ—μ„œλŠ” for, whileλ“± λ‹€μ–‘ν•œ 문법을 μ œκ³΅ν•˜μ§€λ§Œ μ—¬κΈ°μ„œ λΉ μ Έλ‚˜μ˜€λŠ” 방법 쀑 λ ˆμ΄λΈ”μ„ μ‚¬μš©ν•˜λŠ” 법에 λŒ€ν•΄ 적어보렀 ν•œλ‹€.

Back to top ↑

d.ts

TS - DefinitelyTyped

TSμ—μ„œ μ™ΈλΆ€ 라이브러리λ₯Ό κ°€μ Έλ‹€ μ“Έ 경우 ν•΄λ‹Ή λΌμ΄λΈŒλŸ¬λ¦¬μ— νƒ€μž…μ΄ μ •μ˜ λ˜μ–΄ μžˆλ‹€λ©΄ λ¬Έμ œκ°€ μ—†κ² μ§€λ§Œ 보톡 JS둜 μ§œμ—¬μ§„ λ’€ 관리가 λ˜μ§€ μ•Šμ•˜λ‹€λ§Œ νƒ€μž…μ •μ˜κ°€ μ•ˆλ˜μ–΄ μžˆμ„ κ²½μš°κ°€ λ§Žλ‹€. μ΄λŸ¬ν•œ 상황을 배경으둜 λ‚˜μ˜¨ ν”„λ‘œμ νŠΈκ°€ DefinitelyTyped 이닀.

Back to top ↑

flat

JS - flat()

JS ES2019λΆ€ν„° μ‚¬μš©μ΄ κ°€λŠ₯ν•œ λ©”μ†Œλ“œ 쀑 ν•˜λ‚˜μ— λŒ€ν•΄ 적어보렀 ν•œλ‹€.

Back to top ↑

HTML5

HTML5

HTML5에 λŒ€ν•΄ κ°„λž΅ 정리

Back to top ↑

Math

JS - Math Object

Math object λ‚΄ μžˆλŠ” λ‚΄μž₯ ν•¨μˆ˜ 정리

Back to top ↑

GC

JS - GC (Garbage Collector)

생각해보면 μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μž‘μ„±ν•˜λ©° 무수히 λ§Žμ€ 객체, λ³€μˆ˜ 등을 μ„ μ–Έν•˜κ³  이λ₯Ό λ©”λͺ¨λ¦¬μ—μ„œ ν•΄μ œν•˜λŠ” μž‘μ—…μ„ λŒ€μ²΄λ‘œ ν•˜μ§€ μ•Šμ•˜λ‹€. μžμ—°μŠ€λŸ½κ²Œ 생각할 수 μžˆμ§€λ§Œ μ΄λŠ” JAVA와 λ§ˆμ°¬κ°€μ§€λ‘œ κ°€λΉ„μ§€ 컬렉터가 μ—΄μ‹¬νžˆ μΌν•˜κ³  μžˆλŠ” κΉŒλ‹­μ΄λ‹€. GC(Garbage Collector)에 λŒ€ν•΄ κ°„λ‹¨νžˆ...

Back to top ↑

BEM

CSS - BEM

HTML Class 이름을 지을 λ•Œ λ§ˆλ‹€ λ§Žμ€ 고민을 ν•˜λŠ”κ±° κ°™λ‹€.

Back to top ↑

generator

JS - Generator κ°„λž΅ 정리

일반적인 ν•¨μˆ˜λŠ” 값을 ν•˜λ‚˜λ§Œ λ°˜ν™˜ν•œλ‹€. ν•˜μ§€λ§Œ μ—¬λŸ¬ 값을 λ°˜ν™˜ ν•  수 μžˆλŠ” ν•¨μˆ˜κ°€ Generator ν•¨μˆ˜μ΄λ‹€.

Back to top ↑

symbol

Back to top ↑

samesite

Cookie - SameSite

Chrome λΈŒλΌμš°μ €μ—μ„œ SameSite κ΄€λ ¨ν•˜μ—¬ Cookieκ°€ μ°¨λ‹¨λ˜μ–΄ 둜컬 개발 ν™˜κ²½μ—μ„œ μ •μƒλ™μž‘ ν•˜μ§€ λͺ»ν•˜λŠ” 일이 λ°œμƒν•˜μ˜€λ‹€.

Back to top ↑

map

JS - Map 객체

JS의 객체 쀑 [ν‚€, κ°’] ν˜•νƒœλ‘œ 값을 담을 수 μžˆλŠ” Map 객체에 λŒ€ν•œ λ©”λͺ¨λ‹€.

Back to top ↑

μ„±λŠ₯

Back to top ↑

set

JS - Set 객체

JS의 객체 쀑 [κ°’] ν˜•νƒœλ‘œ 값을 담을 수 μžˆλŠ” Set 객체에 λŒ€ν•œ λ©”λͺ¨

Back to top ↑

blob

Web - File λ‹€μš΄λ‘œλ“œ

BEμ—μ„œ 파일의 정보λ₯Ό μ£Όκ³  FEμ—μ„œ ν•΄λ‹Ή 데이터λ₯Ό λ°›μ•„ λ‹€μš΄λ‘œλ“œ ν•  경우 κ²ͺ을 수 μžˆλŠ” λ¬Έμ œμ μ— λŒ€ν•΄ λ©”λͺ¨ν•œλ‹€.

Back to top ↑

download

Web - File λ‹€μš΄λ‘œλ“œ

BEμ—μ„œ 파일의 정보λ₯Ό μ£Όκ³  FEμ—μ„œ ν•΄λ‹Ή 데이터λ₯Ό λ°›μ•„ λ‹€μš΄λ‘œλ“œ ν•  경우 κ²ͺ을 수 μžˆλŠ” λ¬Έμ œμ μ— λŒ€ν•΄ λ©”λͺ¨ν•œλ‹€.

Back to top ↑

contructor

Back to top ↑

custom

Vue 2.6.x & TS - Custom Type

μƒκ°ν•΄λ³΄λ‹ˆ κ·Έλ™μ•ˆ Vue 에 λŒ€ν•΄μ„œλŠ” λ©”λͺ¨ν•œ 적은 ν•œ λ²ˆλ„ μ—†λ‹€. πŸ˜“ κ·Έλž˜μ„œ μ“°λŠ” 것 μ•„λ‹ˆμ§€λ§Œ 막상 λ©”λͺ¨ν• λ €κ³  λ³΄λ‹ˆ 생각났닀. μ’Œμš°μ§€κ°„ Vue 2.6.x λ²„μ „μ—μ„œ TS Custom에 κ΄€ν•œ λ©”λͺ¨μ΄λ‹€.

Back to top ↑

ssl

Diary - μ‚½μ§ˆ..

μž„μ‹œλ‘œ κ°œλ°œν•˜λŠ” μ„œλ²„ ν™˜κ²½μ„ κ΅¬μΆ•ν•˜λŠ” 데 μžˆμ–΄ μΈμ¦μ„œλ₯Ό μ μš©ν•  일이 μžˆμ—ˆλ‹€. κ°œλ°œμ„œλ²„μ˜ λ„λ©”μΈμ—λŠ” let’s encryptλ₯Ό λ°›μ•„ μ μš©ν•˜κ³  μžˆκΈ°μ— μ μš©ν•˜λ € ν•˜λŠ”λ° μ—λŸ¬κ°€ λ°œμƒν–ˆλ‹€.

Back to top ↑

proxy

JS - Proxy

JSμ—μ„œ νŠΉμ • 객체λ₯Ό Wrapping ν•˜μ—¬ κΈ°λ³Έ κΈ°λŠ₯을 μˆ˜μ •ν•  수 μžˆλŠ” Proxy 객체에 λŒ€ν•œ λ©”λͺ¨

Back to top ↑

this

JS - this

JS λ₯Ό μ‚¬μš©ν•˜λ©΄μ„œ ν—·κ°ˆλ¦¬λŠ” λΆ€λΆ„ 쀑 ν•˜λ‚˜λŠ” 단연코 this 일 것 이라고 μƒκ°ν•œλ‹€. 이에 κ°„λ‹¨νžˆ λ©”λͺ¨λ₯Ό 남긴닀.

Back to top ↑

redirect

Diary - μ‚½μ§ˆ - Redirect

μ–΄λŠμƒˆ 6월… 좜근길이 점점 νž˜λ“€μ–΄μ§€κ³  μžˆλ‹€. πŸ˜“ μ˜€λŠ˜λ„ 어김없이 μ‚½μ§ˆν•œ λ‚΄μš©μ„ 남긴닀.

Back to top ↑

component

Vue - dynamic component

Vue λ₯Ό μ‚¬μš©ν•˜λ‹€λ³΄λ©΄ μ’…μ’… μ»΄ν¬λ„ŒνŠΈλ₯Ό λ°”κΎΈκ³  싢을 λ•Œλ‚˜ λ°”κΏ”μ•Ό 될 λ•Œκ°€ μžˆλ‹€. 근데 이게 router λ₯Ό κ±°μ³μ„œ μ΄λ™λ˜λŠ” 그런 사항은 μ•„λ‹Œ κ²½μš°κ°€ μžˆλ‹€.

Back to top ↑

dynamic

Vue - dynamic component

Vue λ₯Ό μ‚¬μš©ν•˜λ‹€λ³΄λ©΄ μ’…μ’… μ»΄ν¬λ„ŒνŠΈλ₯Ό λ°”κΎΈκ³  싢을 λ•Œλ‚˜ λ°”κΏ”μ•Ό 될 λ•Œκ°€ μžˆλ‹€. 근데 이게 router λ₯Ό κ±°μ³μ„œ μ΄λ™λ˜λŠ” 그런 사항은 μ•„λ‹Œ κ²½μš°κ°€ μžˆλ‹€.

Back to top ↑

variable

JS, CSS - CSS λ³€μˆ˜ μ‚¬μš©

CSS μ—μ„œλ„ λ³€μˆ˜λ₯Ό μ‚¬μš© ν•  λ•Œκ°€ 많이 μžˆλ‹€. μΌκ΄„μ μœΌλ‘œ λ³€κ²½λ˜κ±°λ‚˜ ν•˜λ©΄ 일일이 λ‹€ λ°”κΏ€ ν•„μš”λ₯Ό λœμ–΄μ£Όκ³  ν•˜λŠ” λ“±μ˜ 이점이 있기 λ•Œλ¬Έμ΄λ‹€. 그리고 JS μ—μ„œλ„ νŠΉμ • 상황에 이 값을 λ³€λ™ν•˜κ³  싢을 수 μžˆλ‹€. 그럴 λ•Œ μ ‘κ·Όν•˜λŠ” 방법이닀.

Back to top ↑

date

Postgresql - Date, Time

DB μ—μ„œ 값을 μΆ”μΆœν•˜κ±°λ‚˜ μœ νš¨ν•œ 값을 μ°Ύκ±°λ‚˜ ν•˜λ©΄ 생각보닀 μ‹œκ°„ κ΄€λ ¨ν•˜μ—¬ 많이 μ“°λŠ” 것 κ°™λ‹€. κ·Έ μ€‘μ—μ„œ μ’€ ν—·κ°ˆλ¦¬λŠ” ν•¨μˆ˜μ— λŒ€ν•΄ 적어두렀 ν•œλ‹€.

Back to top ↑

μ‹œν—˜

Diary - μ •.처.κΈ° μ‹€κΈ°

학ꡐ 닀닐 λ•Œ λ„ˆλ¬΄ λ†€μ•˜λŠ”μ§€ μ •.처.κΈ°. μ‹œν—˜μ„ 이제 μ€€λΉ„ν•˜κ³  μžˆλ‹€.

Back to top ↑

jsonb

SELECT DISTINCT, ORDER BY expressions must appear in select list

금일 sql λ₯Ό λ§Œμ§€λ‹€κ°€ λ§ˆμ£Όν•œ λ¬Έμ œμ΄λ‹€. 전에도 κ²ͺμ—ˆλ˜ 문제고 ν•΄κ²°ν•˜λŠ”λ° μ‹œκ°„μ΄ λ“€μ§„ μ•Šμ•˜μ§€λ§Œ ν˜Ήμ‹œ λͺ°λΌ λ©”λͺ¨ν•΄λ‘”λ‹€.

Back to top ↑

cra

React - CRA

React CRA λ‚΄μš© λ©”λͺ¨, Vue-CLI 의 create 와 같이 κΈ°λ³Έ μ…‹νŒ…μ„ μ‰½κ²Œ ν•΄μ£ΌλŠ” 도ꡬ

Back to top ↑

json

JS - JSON

JSON (JavaScript Object Notation) 은 κ°’μ΄λ‚˜ 객체λ₯Ό λ‚˜νƒ€λ‚΄λŠ” 포맷으둜, RFC 4627 에 μ •μ˜λ˜μ–΄ μžˆλ‹€. 데이터 κ΅ν™˜μ„ λͺ©μ μœΌλ‘œ 많이 μ‚¬μš©λ˜κ³  μžˆλŠ” 포맷이닀. μ˜ˆμ „μ— 생각없이 λ”₯μΉ΄ν”Όλ₯Ό ν•˜λ €κ³  많이 μΌμ—ˆλ‹€.. γ…Žγ…Ž; μ•Œμ•„λ‘λ©΄ 쒋은 λ©”μ„œλ“œλ“€μ„ κ°€μ§€κ³  μžˆλ‹€.

Back to top ↑

recursive

JS - μž¬κ·€ 깊이 μ œν•œ

λͺ¨λ˜ JavaScript νŠœν† λ¦¬μ–Ό 을 보닀가 κΉŠμ΄μ— λŒ€ν•œ μ œν•œμ— λŒ€ν•΄ μ•Œκ²Œ λ˜μ–΄ λ©”λͺ¨

Back to top ↑

encoding

Diary - Java encoding issue

Java μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ 이메일을 λ°œμ†‘ν•˜λŠ” κΈ°λŠ₯이 μžˆμ—ˆλŠ”λ° νŠΉμ • λ„λ©”μΈμ—μ„œ 메일 제λͺ©μ΄ ?????? 둜 λ‚˜μ˜€λŠ” ν˜„μƒμ„ λ°œκ²¬ν–ˆλ‹€!! 😡

Back to top ↑

routing

Back to top ↑

function

JS - fucntion

κ°μ²΄μ—λŠ” ν”„λ‘œνΌν‹°κ°€ μžˆλ‹€. JS μ—μ„œ ν•¨μˆ˜λŠ” 객체인데 그럼 ν”„λ‘œνΌν‹°λŠ”? 이에 λŒ€ν•œ κ°„λž΅ λ©”λͺ¨

Back to top ↑

property

JS - fucntion

κ°μ²΄μ—λŠ” ν”„λ‘œνΌν‹°κ°€ μžˆλ‹€. JS μ—μ„œ ν•¨μˆ˜λŠ” 객체인데 그럼 ν”„λ‘œνΌν‹°λŠ”? 이에 λŒ€ν•œ κ°„λž΅ λ©”λͺ¨

Back to top ↑

tricks

Diary - 1px 보닀 얇은 μ„ 

1px 보닀 얇은 선을 λ§Œλ“€μ–΄μ•Όλ˜λŠ” 일이 μžˆμ—ˆλ‹€. 아무생각 없이 0.7px 을 λ„£μ—ˆμœΌλ‚˜ μ‹€νŒ¨!

Back to top ↑

headers

Web - HTTP 헀더

μž‘μ—… 쀑 μš”μ²­μ— λŒ€ν•œ 헀더λ₯Ό μ„€μ •ν•  일이 μžˆμ—ˆλŠ”λ°, 문득 λŒ€μ†Œλ¬Έμž 여뢀에 λŒ€ν•œ 의문이 λ“€μ—ˆλ‹€. 전에도 ν•œ 번 μ°Ύμ•„λ΄€λ˜ 적이 μžˆμ—ˆλŠ”λ° κΉŒλ¨Ήμ—ˆκΈ°μ— λ©”λͺ¨ν•΄λ‘”λ‹€.

Back to top ↑

npm

Node - npm script 속성

npm 을 톡해 κ΄€λ¦¬λ˜λŠ” ν”„λ‘œμ νŠΈλ“€μ€ package.jsonνŒŒμΌμ„ μ§€λ‹ˆκ²Œ λœλ‹€. package.json 파일 λ‚΄μ—λŠ” scripts λΌλŠ” 속성이 있고, ν•΄λ‹Ή μ†μ„±μ—λŠ” μ•„λž˜μ™€ 같은 μ§€μ›ν•˜λŠ” 속성듀이 μžˆλ‹€.

Back to top ↑

cross-cutting concerns

Back to top ↑

Component

React - Controlled/Uncontrolled Component

FE μ˜μ—­μ—μ„œ 빼놓을 수 μ—†λŠ” 뢀뢄은 μƒνƒœκ΄€λ¦¬μΈ 것 κ°™λ‹€. κ·ΈλŸ¬ν•œ 뢀뢄에 μžˆμ–΄ React λ₯Ό ν•™μŠ΅ν•˜λ˜ 쀑 μ•Œκ²Œλœ μ»΄ν¬λ„ŒνŠΈ κ°œλ…μ„ λ©”λͺ¨ν•œλ‹€.

Back to top ↑

decorator

JS - Decorator

λ¨Έμ§€μ•Šμ€ 과거에 νš‘λ‹¨κ΄€μ‹¬μ‚¬μ— λŒ€ν•΄ λ„μ μ˜€λ‹€. κ΄€λ ¨ν•˜μ—¬ JSμ—μ„œλŠ” Proxy 객체와, Decorator 등을 μ‚¬μš©ν•˜μ—¬ λΉ„μŠ·ν•œ 점이 μžˆλŠ” 것 κ°™μ•„ λ©”λͺ¨ν•œλ‹€. Decorator만 πŸ’¦

Back to top ↑

optimize

Back to top ↑

webpack

Webpack - 기초

λͺ¨λ˜ν”„λ ˆμž„μ›Œν¬(?) Vue, React둜 μž‘μ„±λœ νŒŒμΌμ„ λ°”λ‘œ λΈŒλΌμš°μ €μ— 쀄 λ•Œ λΈŒλΌμš°μ €λŠ” μ œλŒ€λ‘œ μΈμ‹ν•˜μ§€ λͺ»ν•˜κΈ°μ—(JSXλ‚˜ ESNext λ“±..) buildλ₯Ό ν•œ 결과물을 λΈŒλΌμš°μ €μ—κ²Œ μ „λ‹¬ν•˜κ³  이 λ™μž‘μ—μ„œ 많이 μ‚¬μš©λ˜κ³  μžˆλŠ” λ²ˆλ“€λŸ¬κ°€ Webpack 이닀.

Back to top ↑

explain

Postgresql - explain

업무 쀑에 νŠΉμ • νŽ˜μ΄μ§€ 데이터가 μ•ˆ λ‚˜μ˜¨λ‹€λŠ” μ΄μŠˆκ°€ λ“€μ–΄μ™”λ‹€. 무언인고 확인 ν•΄λ³΄λ‹ˆ 데이터λ₯Ό κ°€μ Έμ˜€λŠ” 속도가 7s κ±Έλ¦¬λŠ” κ±Έ 확인할 수 μžˆμ—ˆλ‹€. πŸ’¦

Back to top ↑

collate

Postgresql - collate

업무 쀑 정렬이 μ΄μƒν•˜λ‹€λŠ” μ΄μŠˆκ°€ λ“€μ–΄μ™”λ‹€. λ³΄μ•„ν•˜λ‹ˆ 쿼리둜 μ •λ ¬(order by)ν•˜μ—¬ 쑰회 μ€‘μ΄μ˜€λ‹€. λ¬Έμ œκ°€ μ—†μ–΄ λ³΄μ˜€λ‹€.

Back to top ↑

husky

Node - husky, lint-staged

CI/CD λ₯Ό μ„€μ •ν•˜λŠ” 과정에 μžˆμ–΄μ„œ μ €μž₯μ†Œ μ½”λ“œλ₯Ό build ν•  λ•Œ lint μ—μ„œ μ—λŸ¬κ°€ λ°œμƒν•˜λŠ” 뢀뢄이 μžˆμ—ˆλ‹€. CI/CD νŒŒμ΄ν”„λΌμΈμ΄ κΉ¨μ Έμ„œ λ‹€μ‹œ 돌릴 경우 μ‹œκ°„μ΄ μ•„κΉŒμ›Œμ„œ husky 와 lint-staged λ₯Ό λ™λ‘ν•˜κ²Œ λ˜μ—ˆλ‹€.

Back to top ↑

lint-staged

Node - husky, lint-staged

CI/CD λ₯Ό μ„€μ •ν•˜λŠ” 과정에 μžˆμ–΄μ„œ μ €μž₯μ†Œ μ½”λ“œλ₯Ό build ν•  λ•Œ lint μ—μ„œ μ—λŸ¬κ°€ λ°œμƒν•˜λŠ” 뢀뢄이 μžˆμ—ˆλ‹€. CI/CD νŒŒμ΄ν”„λΌμΈμ΄ κΉ¨μ Έμ„œ λ‹€μ‹œ 돌릴 경우 μ‹œκ°„μ΄ μ•„κΉŒμ›Œμ„œ husky 와 lint-staged λ₯Ό λ™λ‘ν•˜κ²Œ λ˜μ—ˆλ‹€.

Back to top ↑

AWS

CD - Bitbucket, AWS

Bitbucket, AWS CodeDeploy λ₯Ό μ΄μš©ν•œ CD 간단 정리 ν–₯ν›„ 버전 λ³€κ²½ λ“±μœΌλ‘œ 인해 λ™μž‘ 방식이 λ³€κ²½λ˜κ±°λ‚˜ λ™μž‘ ν•˜μ§€ μ•Šμ„ 수 있음!

Back to top ↑

private

JS - private, protected

μžλ°”λ₯Ό μ‚¬μš©ν•΄λ³΄μ‹  뢄듀이라면 μ ‘κ·Όμ œμ–΄μž(Access Modifier)λ₯Ό κΈ°μ–΅ν•˜μ‹€ 것이닀. 이런 κΈ°λŠ₯이 μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œλ„ 슬슬 λ„μž…λ˜λ €λŠ” 것 κ°™λ‹€.

Back to top ↑

protected

JS - private, protected

μžλ°”λ₯Ό μ‚¬μš©ν•΄λ³΄μ‹  뢄듀이라면 μ ‘κ·Όμ œμ–΄μž(Access Modifier)λ₯Ό κΈ°μ–΅ν•˜μ‹€ 것이닀. 이런 κΈ°λŠ₯이 μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œλ„ 슬슬 λ„μž…λ˜λ €λŠ” 것 κ°™λ‹€.

Back to top ↑

bit

JS - bit μ—°μ‚°μž

μ–΄λ–»κ²Œ 보면 κ°€μž₯ 근본적이라고 ν•  수 μžˆλŠ” λΉ„νŠΈ μ—°μ‚°μžμ— λŒ€ν•΄ λ©”λͺ¨ν•˜λ €ν•œλ‹€. κ°„λ‹¨ν•˜κ²Œ λ°μ΄ν„°μ˜ κΈ°λ³Έ λ‹¨μœ„ Byte λŠ” 8bit κ°€ λͺ¨μ—¬μ„œ μ΄λ£¨λŠ” λ‹¨μœ„μ΄κ³ , 1bit 의 값은 0, 1 이닀.

Back to top ↑

createPortal

React - createPortal, forwardRef

React의 createPortal, forwardRef API 에 λŒ€ν•œ λ©”λͺ¨ 개인적인 λ©”λͺ¨μΈμ§€λΌ μžμ„Έν•œ λ‚΄μš©μ€ μ•„λž˜μ˜ κ³΅μ‹λ¬Έμ„œλ₯Ό λ³΄λŠ” 것이 이둭닀.

Back to top ↑

forwardRef

React - createPortal, forwardRef

React의 createPortal, forwardRef API 에 λŒ€ν•œ λ©”λͺ¨ 개인적인 λ©”λͺ¨μΈμ§€λΌ μžμ„Έν•œ λ‚΄μš©μ€ μ•„λž˜μ˜ κ³΅μ‹λ¬Έμ„œλ₯Ό λ³΄λŠ” 것이 이둭닀.

Back to top ↑

specification

Web - λͺ…μ„Έμ„œ λͺ¨μŒ

사싀 막 곡뢀λ₯Ό ν•œ μ‹œμ μ—μ„œλŠ” λͺ…μ„Έμ„œλ₯Ό μ°Ύμ•„λ³΄λŠ” 일은 λ³„λ‘œ μ—†λŠ” κ±° κ°™λ‹€. μ–΄λŠμ •λ„ μ‹œμ μ—μ„œ ν•„μš”μ˜ μ˜ν•΄ μ°Ύμ•„λ³΄λŠ” 일이 λ°œμƒν–ˆλ˜ 것 κ°™λ‹€.

Back to top ↑

DOM

JS - DOM

Vue.js λ‚˜ React.js λ“±μ˜ ν”„λ ˆμž„μ›Œν¬μ„ 톡해 js 에 μ ‘ν•˜κ²Œ 되면 개인적인 생각에 DOM 객체λ₯Ό μ‚¬μš©ν•  일이 λ§Žμ§€ μ•Šμ€ 것 κ°™λ‹€. 그런 μ˜λ―Έμ—μ„œ DOM(Document Object Model)에 λŒ€ν•΄ κ°„λ‹¨ν•˜κ²Œ μ •λ¦¬ν•΄λ³΄λ €ν•œλ‹€.

Back to top ↑

node

Back to top ↑

arraybuffer

JS - ArrayBuffer

μ•„μ§κΉŒμ§€ μ‚¬μš©ν•΄λ³Έμ μ€ μ—†μ§€λ§Œ κ°„κ°„νžˆ μ ‘ν•΄λ΄€λ˜ ArrayBuffer 에 λŒ€ν•œ κ°„λž΅ λ©”λͺ¨

Back to top ↑

library

Diary - react λΌμ΄λΈŒλŸ¬λ¦¬λ“€

Vue, React 의 차이점 쀑 ν•˜λ‚˜λ₯Ό 꼽으라면 νŠΉμ • κΈ°λŠ₯을 νŽΈλ¦¬ν•˜κ²Œ μ΄μš©ν•˜κ³ μž ν•  λ•Œ μ‚¬μš©ν•  수 μžˆλŠ” μ„ νƒμ§€μ˜ 폭도 ν•˜λ‚˜ ν¬ν•¨λ˜λŠ”κ±° κ°™λ‹€. πŸ˜‚ React λ₯Ό μ“°κ²Œ 될 경우 선택지가 λ§Žλ‹€. μž₯점이자 단점이라고 μƒκ°ν•œλ‹€.

Back to top ↑

typedarray

JS - TypedArray

μ €λ²ˆμ— 잠깐 ArrayBuffer 에 λŒ€ν•΄ μž‘μ„±ν•˜λ©΄μ„œ μ–ΈκΈ‰ν•œ TypedArray μ˜€λΈŒμ νŠΈμ— 정리글이닀. 이 μ—­μ‹œ 아직 μ‚¬μš©ν•΄λ³Έ 적이 μ—†κΈ°λŠ” ν•˜μ§€λ§Œ μ•Œκ²Œλ˜μ—ˆμœΌλ‹ˆ λ©”λͺ¨

Back to top ↑

codedeploy

AWS - CodeDeploy Error

본래 개인적으둜 GCPλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμ—ˆμ§€λ§Œ(λ”±νžˆ 뭘 ν•œκ±° μ•„λ‹ˆμ§€λ§Œ μΈμŠ€ν„΄μŠ€ ν•˜λ‚˜μ— λ§Œλ“€κ³  DNS μ’€ μ“°λ‹€κ°€ μ‹œκ°„μ΄ λ‹€ 가버렸닀…) 무료 ν¬λ ˆλ”§λ„ λ‹€ λ–¨μ–΄μ§„ 참에 νšŒμ‚¬μ—μ„œλ„ AWSλ₯Ό μ΄μš©μ€‘μ΄κΈ°μ— AWSλ₯Ό μ‚¬μš©ν•΄λ³΄κ³ μž ν•˜μ˜€λ‹€. Lightsail둜 μΈμŠ€ν„΄μŠ€λ₯Ό ν•˜λ‚˜ μƒμ„±ν•˜κ³  CodeDep...

Back to top ↑

troubleshooting

AWS - CodeDeploy Error

본래 개인적으둜 GCPλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμ—ˆμ§€λ§Œ(λ”±νžˆ 뭘 ν•œκ±° μ•„λ‹ˆμ§€λ§Œ μΈμŠ€ν„΄μŠ€ ν•˜λ‚˜μ— λ§Œλ“€κ³  DNS μ’€ μ“°λ‹€κ°€ μ‹œκ°„μ΄ λ‹€ 가버렸닀…) 무료 ν¬λ ˆλ”§λ„ λ‹€ λ–¨μ–΄μ§„ 참에 νšŒμ‚¬μ—μ„œλ„ AWSλ₯Ό μ΄μš©μ€‘μ΄κΈ°μ— AWSλ₯Ό μ‚¬μš©ν•΄λ³΄κ³ μž ν•˜μ˜€λ‹€. Lightsail둜 μΈμŠ€ν„΄μŠ€λ₯Ό ν•˜λ‚˜ μƒμ„±ν•˜κ³  CodeDep...

Back to top ↑

dataview

JS - DataView

ArrayBuffer λ₯Ό view ν•˜λŠ” λ‹€λ₯Έ 방법인 DataView 객체에 λŒ€ν•œ λ©”λͺ¨

Back to top ↑

web-workers

JS - Web Workers

JS 라고 μΉ΄ν…Œκ³ λ¦¬μ— λ„£κΈ°λŠ” ν•˜μ˜€μ§€λ§Œ Web workers λŠ” JSκ°€ μ•„λ‹ˆλΌ Web API 이닀. ν•˜λ‚˜μ˜ μŠ€λ ˆλ“œμ—μ„œ λ™μž‘ν•˜λŠ” JSμ—μ„œ 볡수의 μŠ€λ ˆλ“œλ‘œ λΉ„λ™κΈ°λ‘œ μ‹€ν–‰ν•  수 μžˆλŠ” 방법 쀑 ν•˜λ‚˜μ΄λ‹€.

Back to top ↑

document

JS - λ¬Έμ„œμ™€ λ¦¬μ†ŒμŠ€ λ‘œλ”©

λΈŒλΌμš°μ €μ—μ„œ λ¬Έμ„œλ₯Ό μ—΄ λ•Œ μž‘μ—… μ§„ν–‰ 정도에 따라 λ°œμƒν•˜λŠ” μ΄λ²€νŠΈκ°€ 있고 이λ₯Ό ν™œμš©ν•˜λ©΄ λ§Žμ€ 것을 ν•  수 μžˆλ‹€. κ°„λ‹¨ν•˜κ²Œ μž‘μ„±λ‚΄μš©μ΄ μžˆλŠ” νŽ˜μ΄μ§€μ˜ 경우 μ΄νƒˆν•  λ•Œ λ°œμƒν•˜λŠ” κ²½κ³ μ°½ 등이 μžˆκ² λ‹€. 이와 같은 λ¬Έμ„œλ₯Ό λ‘œλ”©ν•  λ•Œ λ°œμƒν•˜λŠ” μ΄λ²€νŠΈμ— λŒ€ν•œ λ©”λͺ¨.

Back to top ↑

readyState

JS - readyState, defer, async..

μž‘μΌμ— μž‘μ„±λœ JS - λ¬Έμ„œμ™€ λ¦¬μ†ŒμŠ€ λ‘œλ”©κ³Ό ν•΄λ‹Ή 글은 μˆœμˆ˜ν•˜κ²Œ λͺ¨λ˜ JavaScript νŠœν† λ¦¬μ–Ό - λ¬Έμ„œμ™€ λ¦¬μ†ŒμŠ€ λ‘œλ”©λ₯Ό 보고 개인적으둜 μ •λ¦¬ν•œ κΈ€λ‘œ μžμ„Έν•œ λ‚΄μš©μ€ 쒌츑의 링크λ₯Ό ν†΅ν•΄μ„œ λ³΄μ‹œλŠ”κ²Œ 더 μ’‹μŠ΅λ‹ˆλ‹€.

Back to top ↑

fetch

JS - fetch

10μ›” 말에 λ‹€μΉ˜κ³  λΆ€ν„° μƒν™œνŒ¨ν„΄μ΄ κΌ¬μ΄λ”λ‹ˆ μˆœμ‹κ°„μ— 2달 κ°€λŸ‰ 흐λ₯Έκ±° κ°™λ‹€. κ·Έλƒ₯ κ²Œμ„λŸ¬μ‘Œλ‹€.. πŸ„ 연말이 λ˜λ‹ˆ 번뜩 정신이 듀더라.. γ…Žγ…Ž; πŸ’¦

Back to top ↑

proposals

JS - ECMAScript proposals

StateOfJs Survey λ₯Ό ν•˜λ˜ 도쀑 생각보닀 λͺ¨λ₯΄λŠ” κΈ°λŠ₯이 많길래 찾아보닀가 μ˜€λžœλ§Œμ— TC39 - Finished proposal λ₯Ό λ“€μ–΄κ°€λ΄€λ‹€. πŸš€

Back to top ↑

tc39

JS - ECMAScript proposals

StateOfJs Survey λ₯Ό ν•˜λ˜ 도쀑 생각보닀 λͺ¨λ₯΄λŠ” κΈ°λŠ₯이 많길래 찾아보닀가 μ˜€λžœλ§Œμ— TC39 - Finished proposal λ₯Ό λ“€μ–΄κ°€λ΄€λ‹€. πŸš€

Back to top ↑

ecma

JS - ECMAScript proposals

StateOfJs Survey λ₯Ό ν•˜λ˜ 도쀑 생각보닀 λͺ¨λ₯΄λŠ” κΈ°λŠ₯이 많길래 찾아보닀가 μ˜€λžœλ§Œμ— TC39 - Finished proposal λ₯Ό λ“€μ–΄κ°€λ΄€λ‹€. πŸš€

Back to top ↑

iterable

JS - iterable μΉœν•΄μ§€κΈ°

μ „κ°œμ—°μ‚°μž, μ œλ„ˆλ ˆμ΄ν„°.. 기쑴에 μ•Œλ˜ κ°œλ…μ΄μ§€λ§Œ μ΄ν„°λŸ¬λΈ”μ˜ κ΄€μ μ—μ„œλŠ” 생각해본적이 μ—†λŠ”κ±° κ°™μ•„ μ •λ¦¬ν•˜λŠ” λ©”λͺ¨.

Back to top ↑

iterator

JS - iterable μΉœν•΄μ§€κΈ°

μ „κ°œμ—°μ‚°μž, μ œλ„ˆλ ˆμ΄ν„°.. 기쑴에 μ•Œλ˜ κ°œλ…μ΄μ§€λ§Œ μ΄ν„°λŸ¬λΈ”μ˜ κ΄€μ μ—μ„œλŠ” 생각해본적이 μ—†λŠ”κ±° κ°™μ•„ μ •λ¦¬ν•˜λŠ” λ©”λͺ¨.

Back to top ↑

vim

Vim - μ„ΈνŒ…

μ–΄μ œ 였늘 μ„œλ²„μ—μ„œ νŒŒμΌμ„ μ—΄μ–΄μ„œ 확인할 일이 λ§Žμ•˜μ—ˆλŠ”λ° 에디터가 λ„ˆλ¬΄ λ°‹λ°‹ν•œκ±° κ°™μ•„μ„œ κ°„λ‹¨ν•˜κ²Œ μΆ”κ°€ μ…‹νŒ…ν–ˆλ‹€. Vim 을 주둜 μ‚¬μš©ν•˜μ‹œλŠ” 뢄듀보면 VSCode λž‘ μ „ν˜€ μ•ˆ κΏ€λ¦¬λ˜λ° κ·Έ μ •λ„κΉŒμ§€λŠ” λͺ»ν•˜κ² κ³  색깔 λ„£κ³  인덴트 μ„€μ • μ •λ„λ§Œ ν•˜μ˜€λ‹€. ☠️ ꡬ글링 μ΅œμƒλ‹¨μ— 정리가 잘 λ˜μ–΄...

Back to top ↑

ownership

Back to top ↑

async

JS - Functional 비동기성1

ν•¨μˆ˜λ₯Ό ν•©μ„±ν•˜λ‹€λ³΄λ©΄ 쀑간에 비동기적이 뢀뢄이 μžˆμ„ 수 μžˆλ‹€. 이런 비동기 상황을 μ–΄λ–»κ²Œ λ‹€λ£° 수 μžˆλŠ”μ§€ μ μ–΄λ³΄μž. λͺ¨λ‚˜λ“œμ™€ 클레이슬리 ν•©μ„±μ˜ κ²½μš°λŠ” 아직 μž‘μ„±μžλ„ μ œλŒ€λ‘œ 이해 λͺ» ν–ˆμœΌλ©°, 직접 찾아보고 μ΄ν•΄ν•˜μ‹œκΈΈ λΆ€νƒλ“œλ¦°λ‹€.

Back to top ↑

structure

Back to top ↑

vetor

Rust - chapter 8-1(μ»¬λ ‰μ…˜-벑터)

λ‹€λ₯Έ 언어에도 μ‘΄μž¬ν•˜λŠ” μ»¬λ ‰μ…˜μ€ λ‹€μˆ˜μ˜ 값을 μ €μž₯ν•  수 μžˆλŠ” 데이터 ꡬ쑰λ₯Ό μ§€μΉ­ν•˜λŠ” κ²½μš°κ°€ λ§Žλ‹€. λŸ¬μŠ€νŠΈμ—μ„œλŠ” λ°°μ—΄κ³Ό νŠœν”Œλ„ λ‹€μˆ˜μ˜ 값을 담을 수 μžˆμ§€λ§Œ μ»¬λ ‰μ…˜μ˜ κ²½μš°λŠ” 데이터가 νž™μ— μ €μž₯이 되며, μ΄λŠ” 컴파일 νƒ€μž„μ— κ²°μ •λ˜μ§€ μ•Šκ³  λŸ°νƒ€μž„ 쀑에 변동이 μžˆμ„ 수 μžˆλ‹€λŠ” 것을 μ˜λ―Έν•œλ‹€...

Back to top ↑

string

Back to top ↑

hashmap

Back to top ↑

clean code

Book - Clean Code

κΈ‰μž‘μŠ€λ ˆ λ­” 책인가 μ‹ΆκΈ°λŠ” ν•˜μ§€λ§Œ 사두고 μΈν…Œλ¦¬μ–΄μš©μœΌλ‘œ λ‚‘μ•„κ°€κ³  μžˆλŠ” 책듀이 λ§Žμ•„μ„œ ν•˜λ£¨μ— μ‘°κΈˆμ”©μ΄λΌλ„ μ½μ–΄λ³΄κΈ°λ‘œ μƒκ°ν–ˆλ‹€. πŸ”₯ μž‘μ‹¬μ‚ΌμΌμ΄ 될 μˆ˜λ„ μžˆμ§€λ§Œ 일단 μ‹œμž‘ν•΄λ³΄μž πŸ˜“

Back to top ↑

book

Book - Clean Code

κΈ‰μž‘μŠ€λ ˆ λ­” 책인가 μ‹ΆκΈ°λŠ” ν•˜μ§€λ§Œ 사두고 μΈν…Œλ¦¬μ–΄μš©μœΌλ‘œ λ‚‘μ•„κ°€κ³  μžˆλŠ” 책듀이 λ§Žμ•„μ„œ ν•˜λ£¨μ— μ‘°κΈˆμ”©μ΄λΌλ„ μ½μ–΄λ³΄κΈ°λ‘œ μƒκ°ν–ˆλ‹€. πŸ”₯ μž‘μ‹¬μ‚ΌμΌμ΄ 될 μˆ˜λ„ μžˆμ§€λ§Œ 일단 μ‹œμž‘ν•΄λ³΄μž πŸ˜“

Back to top ↑

naming

Book - Clean Code

κΈ‰μž‘μŠ€λ ˆ λ­” 책인가 μ‹ΆκΈ°λŠ” ν•˜μ§€λ§Œ 사두고 μΈν…Œλ¦¬μ–΄μš©μœΌλ‘œ λ‚‘μ•„κ°€κ³  μžˆλŠ” 책듀이 λ§Žμ•„μ„œ ν•˜λ£¨μ— μ‘°κΈˆμ”©μ΄λΌλ„ μ½μ–΄λ³΄κΈ°λ‘œ μƒκ°ν–ˆλ‹€. πŸ”₯ μž‘μ‹¬μ‚ΌμΌμ΄ 될 μˆ˜λ„ μžˆμ§€λ§Œ 일단 μ‹œμž‘ν•΄λ³΄μž πŸ˜“

Back to top ↑

quiz

Rust - chapter 8 quiz

8 챕터 λ§ˆμ§€λ§‰ 정리에 ν€΄μ¦ˆκ°€ μžˆμ—ˆλ‹€. μ‰½κ² κ±°λ‹ˆ ν–ˆλŠ”λ° λ‚˜ν•œν…ŒλŠ” 생각보닀 μ–΄λ €μ› λ‹€. πŸ₯Ά ν’€κΈ°λŠ” μ§€λ‚œμ£Όμ— ν’€μ—ˆλŠ”λ° 정리차 μ˜¬λ €λ³Έλ‹€. 링크 μ΅œν•˜λ‹¨μ—μ„œ 확인이 κ°€λŠ₯ν•˜λ‹€. &, * 둜 그리고 μ†Œμœ κΆŒ λ“± ν‰μ†Œ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” κ°œλ…μ΄λ‹€ λ³΄λ‹ˆ ν™•μ‹€νžˆ λ‚―μ„€μ—ˆλ‹€.

Back to top ↑

trait

Rust - chapter 10-2 trait

Rust κ³΅μ‹λ¬Έμ„œ(링크) 와 Rust 비곡식 λ²ˆμ—­ λ¬Έμ„œ 챕터 10-2 traitλ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.(링크) μ›λž˜ 곡식 λ¬Έμ„œλŠ” μ˜μ–΄μΈμ§€λΌ 비곡식 λ²ˆμ—­ λ¬Έμ„œλ₯Ό μœ„μ£Όλ‘œ 보고 μžˆμ—ˆλŠ”λ° 이번 λ²ˆμ—­κΈ€μ—μ„œ μ—†λŠ” λ‚΄μš©μ΄ 곡식 λ¬Έμ„œμ— μžˆλŠ” 것을 ν™•μΈν•˜κ³  같이 λ„£μ—ˆλ‹€. μ—­μ‹œ 원문 λ¬Έμ„œλ₯Ό λ³΄λŠ” 것...

Back to top ↑

lifetimes

Rust - chapter 10-3 Validate Refrerences with Lifetimes

Rust κ³΅μ‹λ¬Έμ„œ(링크) 와 Rust 비곡식 λ²ˆμ—­ λ¬Έμ„œ(링크) 챕터 10-3 λΌμ΄ν”„νƒ€μž„μ„ μ΄μš©ν•œ 참쑰자 μœ νš¨ν™”λ₯Ό 읽고 μ •λ¦¬ν•œ 글이닀.

Back to top ↑

μ •λ³΄μ²˜λ¦¬κΈ°μ‚¬

Back to top ↑