profile
Je vais l'essayer

useEffect (feat. clean-up)

useEffect λ₯Ό μ‚¬μš©ν•  λ•Œ `μ΄μ „μ˜ 값을 κ°€μ Έμ˜€λŠ” ν˜„μƒ` 이 λ°œμƒν•  λ•Œ > React 의 useEffect λŠ” ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ 라이프 사이클, 생λͺ…μ£ΌκΈ° λ©”μ„œλ“œμ™€ μ™„μ „ 같은 κ°œλ…μ΄ μ•„λ‹ˆλ‹€. `componentDidMount` 와 μœ μ‚¬ν•˜κ²Œ κ΅¬ν˜„ν•  수 μžˆλŠ” 것

2022λ…„ 5μ›” 11일
Β·
0개의 λŒ“κΈ€
Β·

ν”„λ‘œμ„ΈμŠ€μ™€ μŠ€λ ˆλ“œ μ΄ν•΄ν•˜κΈ°

λ‚΄κ°€ μ΄ν•΄ν•˜λ €κ³  μ •λ¦¬ν•˜λŠ” ν”„λ‘œμ„ΈμŠ€μ™€ μŠ€λ ˆλ“œ... ν”„λ‘œμ„ΈμŠ€λ₯Ό λ¨Όμ € μ΄ν•΄ν•΄λ³΄λ €ν•˜κΈ° 전에, ν”„λ‘œκ·Έλž¨ μ΄λΌλŠ” 것에 λŒ€ν•΄ λ¨Όμ € μ•Œμ•„λ³΄μž > ## ν”„λ‘œκ·Έλž¨ ν”„λ‘œκ·Έλž¨μ΄λž€, `μž‘μ—…μ„ μœ„ν•΄ μ‹€ν–‰ν•  수 μžˆλŠ” 파일` 을 λ§ν•œλ‹€. 더 μ‰½κ²Œ μ΄ν•΄ν•˜μžλ©΄ ν”„λ‘œκ·Έλž¨μ€ 파일이 μ €μž₯ μž₯μΉ˜μ—λŠ” μ €μž₯

2022λ…„ 5μ›” 1일
Β·
0개의 λŒ“κΈ€
Β·

μΊμ‹œ / μΊμ‹±μ΄λž€?

λ™μΌν•œ 데이터에 λ°˜λ³΅ν•΄μ„œ μ ‘κ·Όν•΄μ•Ό ν•˜κ±°λ‚˜ λ§Žμ€ 연산이 ν•„μš”ν•œ μΌμΌλ•Œ, κ²°κ³Όλ₯Ό λΉ λ₯΄κ²Œ μ΄μš©ν•˜κ³ μž μ„±λŠ₯이 쒋은 ν˜Ήμ€ κ°€κΉŒμš΄ 곳에 μ €μž₯ν•˜λŠ” 것즉 μΊμ‹œλŠ” μ»΄ν“¨ν„°μ˜ μ„±λŠ₯을 ν–₯상 μ‹œν‚€κΈ° μœ„ν•΄ μ‚¬μš©λ˜λŠ” λ©”λͺ¨λ¦¬λ₯Ό λ§ν•œλ‹€μ£ΌκΈ°μ–΅μž₯μΉ˜μ™€ CPU 사이에 μœ„μΉ˜ν•˜κ³ , 자주 μ‚¬μš©ν•˜λŠ” 데이터λ₯Ό κΈ°μ–΅

2022λ…„ 4μ›” 25일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[React] ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈμ™€ ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ 차이

React μ—μ„œ μ»΄ν¬λ„ŒνŠΈλ₯Ό λ§Œλ“€ λ•Œ ν•¨μˆ˜ν˜•, ν΄λž˜μŠ€ν˜• 총 2가지 방식이 μžˆλ‹€.κΈ°μ‘΄μ—λŠ” ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‚¬μš©ν–ˆμ§€λ§Œ, react v 16.8 μ΄ν›„λ‘œ Hook 이 μ§€μ›λ˜λ©° ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλ‘œ μ‚¬μš©ν•  것을 κΆŒν•˜κ³  μžˆλ‹€μ΄ 두가지 λ°©μ‹μ˜ 차이점을 μ•Œμ•„λ³΄μžclass ν‚€μ›Œλ“œκ°€ ν•„μš”

2022λ…„ 4μ›” 25일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

React 라이프 μ‚¬μ΄ν΄μ΄λž€

λ¦¬μ•‘νŠΈ ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ—μ„œλ§Œ μ‚¬μš©ν•  수 μžˆλŠ” lifeCycleλ¦¬μ•‘νŠΈμ—μ„œ μ»΄ν¬λ„Œν„°λŠ” μ—¬λŸ¬ μ’…λ₯˜μ˜ 생λͺ…μ£ΌκΈ° λ©”μ„œλ“œ λ₯Ό 가지며 이 λ©”μ„œλ“œλ₯Ό 톡해 μ˜€λ²„λΌμ΄λ”©ν•˜μ—¬ νŠΉμ • μ‹œμ μ— μ½”λ“œλ₯Ό μ‹€ν–‰λ˜λ„λ‘ μ„€μ •ν•  수 μžˆλ‹€.μ˜€λ²„λΌμ΄λ”© : μƒμ†ν•΄μ„œ μž¬μ •μ˜ ν•˜λŠ” κ²ƒπŸ“ŒπŸ“ŒπŸ“Œ React lif

2022λ…„ 4μ›” 25일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - Sorting Algorithm - Bubble Sort

μ •λ ¬ (sorting) 은 데이터듀을 νŠΉμ • μˆœμ„œμ— 따라 μž¬λ°°μΉ˜ν•˜λŠ” ν”„λ‘œμ„ΈμŠ€λ₯Ό μ˜λ―Έλ²„λΈ” μ •λ ¬, 선택 μ •λ ¬, μ‚½μž… μ •λ ¬, 퀡 μ •λ ¬, 병합 μ •λ ¬ 등이 μžˆλ‹€λ‹¨μˆœ (κ΅¬ν˜„μ΄ 간단) ν•˜μ§€λ§Œ λΉ„νš¨μœ¨μ μΈ μ•Œκ³ λ¦¬μ¦˜πŸ“Œ 버블 μ •λ ¬ (Bubble sort), 선택 μ •λ ¬ (Selection

2022λ…„ 4μ›” 15일
Β·
0개의 λŒ“κΈ€
Β·

[JS] - Big-O

Big-O λŠ” μ•Œκ³ λ¦¬μ¦˜μ˜ νš¨μœ¨μ„±μ„ λ‚˜νƒ€λ‚΄λŠ” μ§€ν‘œBig-O λ₯Ό μ΄μš©ν•˜μ—¬ μ•Œκ³ λ¦¬μ¦˜μ˜ μ„±λŠ₯을 νŒλ‹¨λ³΄ν†΅ μ•Œκ³ λ¦¬μ¦˜μ˜ μ‹œκ°„ λ³΅μž‘λ„μ™€ 곡간 λ³΅μž‘λ„λ₯Ό λ‚˜νƒ€λ‚΄λŠ”λ° 주둜 μ‚¬μš©λœλ‹€ μ•Œκ³ λ¦¬μ¦˜μ˜ μ‹€ν–‰ 속도 μ˜λ―Έμ–Όλ§ˆλ‚˜ 빨리 μ‹€ν–‰λ˜λŠ”κ°€?μ•Œκ³ λ¦¬μ¦˜μ΄ μ‚¬μš©ν•˜λŠ” λ©”λͺ¨λ¦¬ μ‚¬μ΄μ¦ˆμ–Όλ§ˆλ‚˜ λ§Žμ€ μ €μž₯ 곡간이 ν•„

2022λ…„ 4μ›” 15일
Β·
0개의 λŒ“κΈ€
Β·

[JS] - 얕은 볡사와 κΉŠμ€ 볡사

μ›μ‹œκ°’NumberStringBooleanNullUndefinedμ°Έμ‘°κ°’ObjectSymbolμ›μ‹œκ°’μ€ λ‹¨μˆœ 데이터, κΈ°λ³Έ μžλ£Œν˜•μ„ μ˜λ―Έλ³€μˆ˜μ— μ›μ‹œκ°’μ„ μ €μž₯ν•˜λ©΄ λ³€μˆ˜μ˜ λ©”λͺ¨λ¦¬ 곡간에 μ‹€μ œ 데이터 값이 μ €μž₯ν• λ‹Ήλœ λ³€μˆ˜λ₯Ό μ‘°μž‘ν•˜κ³ μž ν•˜λ©΄, μ €μž₯된 μ‹€μ œ 값이 μ‘°μž‘μ°Έμ‘°κ°’μ€ μ—¬λŸ¬ 자

2022λ…„ 4μ›” 14일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

Web Storage & Cookie

μš°μ„  κ·Έ 전에 HTTP ν”„λ‘œν† μ½œμ„ 짚고 λ„˜μ–΄κ°€μž.비연결지ν–₯ : ν΄λΌμ΄μ–ΈνŠΈκ°€ μ„œλ²„μ—κ²Œ Request λ₯Ό 보내고 μ„œλ²„κ°€ ν΄λΌμ΄μ–ΈνŠΈμ—κ²Œ Response λ₯Ό 보내면 접속 μ’…λ£Œλ¬΄μƒνƒœ (stateless) : 데이터λ₯Ό μ£Όκ³  λ°›κΈ° μœ„ν•œ 각각의 데이터 μš”μ²­μ΄ λ…λ¦½μ μœΌλ‘œ 관리, 즉 이

2022λ…„ 4μ›” 13일
Β·
0개의 λŒ“κΈ€
Β·

크둜슀 λΈŒλΌμš°μ§•

μ›Ή νŽ˜μ΄μ§€ μ œμž‘ μ‹œ λͺ¨λ“  λΈŒλΌμš°μ €μ—μ„œ 깨지지 μ•Šκ³  μ˜λ„ν•œ λŒ€λ‘œ λ‚˜μ˜€κ²Œ ν•˜λŠ” μž‘μ—…HTML, CSS, Javascript μž‘μ„± μ‹œ W3C의 μ›Ή κ·œκ²©μ— λ§žλŠ” 코딩을 ν•¨μœΌλ‘œμ¨ μ–΄λŠ λΈŒλΌμš°μ €λ‚˜ κΈ°κΈ°μ—μ„œλ„ μ‚¬μ΄νŠΈκ°€ μ˜λ„λœ λŒ€λ‘œ 보여지고 μž‘λ™λ˜λŠ” κΈ°λ²•λΈŒλΌμš°μ €λ§ˆλ‹€ λ Œλ”λ§ 엔진이 λ‹€λ₯΄

2022λ…„ 4μ›” 12일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

CSR / SSR, SPA / MPA, PWA

λ Œλ”λ§(Rendering) 방식은 CSR(Client Side Rendering) κ³Ό SSR(Server Side Rendering) 으둜 λ‚˜λ‰˜κ²Œ λœλ‹€.body μ•ˆμ— div ν•˜λ‚˜λ§Œ μ‘΄μž¬ν•œλ‹€. μ΄λ ‡κ²Œ λΌˆλŒ€λ§Œ λ°›κ³ , λ‹€μ–‘ν•˜κ²Œ μ‘΄μž¬ν•˜λŠ” νƒœκ·Έλ“€μ€ html 파일과 ν•¨κ»˜ λ‹€μš΄λ°›μ€

2022λ…„ 4μ›” 12일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - prototype

prototype : ν΄λž˜μŠ€λ‚˜ 객체의 λ‚΄μš© 볡사 없이도 μƒμ†μ˜ 효과λ₯Ό κ΅¬ν˜„ν•  수 있게 ν•΄μ£ΌλŠ” 방법Javascript λŠ” ν”„λ‘œν† νƒ€μž… 기반 μ–Έμ–΄ πŸ‘‰πŸ» λͺ¨λ“  객체듀이 λ©”μ„œλ“œμ™€ 속성듀을 상속 λ°›κΈ° μœ„ν•œ ν…œν”Œλ¦ΏμœΌλ‘œμ¨ ν”„λ‘œν† νƒ€μž… 객체λ₯Ό κ°€μ§„λ‹€λŠ” 의미prototype 은 직접

2022λ…„ 4μ›” 12일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - ES6

what is ES6? es6 λΆ€ν„°λŠ” λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈλΌκ³  λΆ€λ₯Έλ‹€. es5 은 ν”„λ‘œν† νƒ€μž…μœΌλ‘œ μž‘μ„±, es6 λŠ” ν΄λž˜μŠ€λ°©μ‹μœΌλ‘œ μž‘μ„±ν•œλ‹€. es6 λŠ” 바벨 둜 μ»΄νŒŒμΌν•˜λ©΄ ν•˜μœ„λ²„μ „μœΌλ‘œ ν˜Έν™˜ κ°€λŠ₯ν•œ μ½”λ“œλ‘œ λ³€ν™˜ν•΄μ€€λ‹€. 🧐 ES6 에 μΆ”κ°€λœ 문법 1️⃣ let κ³Ό cons

2022λ…„ 4μ›” 12일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - var, let, const

ES5 κΉŒμ§€λŠ” var 둜 λ³€μˆ˜ 선언이 κ°€λŠ₯ν–ˆμ§€λ§Œ, var 의 μ—¬λŸ¬ 문제, ν•œκ³„μ μœΌλ‘œ 인해 ES6 λΆ€ν„°λŠ” const 와 let 이 λ‚˜μ˜€κ²Œ λ˜μ—ˆλ‹€.λ³€μˆ˜μ˜ μž¬μ„ μ–Έκ³Ό ν˜Έμ΄μŠ€νŒ…μ„ λ°©μ§€ν•˜κΈ° μœ„ν•΄μ–΄λ–€ ν•˜λ‚˜μ˜ 값을 μ €μž₯ν•˜κΈ° μœ„ν•΄ ν™•λ³΄ν•œ λ©”λͺ¨λ¦¬ 곡간 자체. κ·Έ λ©”λͺ¨λ¦¬ 곡간을 μ‹λ³„ν•˜κΈ°

2022λ…„ 4μ›” 11일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - 비동기 μ²˜λ¦¬μ— λŒ€ν•œ 이해 (μ½œλ°±ν•¨μˆ˜, promise, async/await)

비동기? νŠΉμ • μ½”λ“œμ˜ 연산이 끝날 λ•ŒκΉŒμ§€ μ½”λ“œμ˜ 싀행을 λ©ˆμΆ”μ§€ μ•Šκ³  λ‹€μŒ μ½”λ“œλ₯Ό λ¨Όμ € μ‹€ν–‰ν•˜λŠ” 방식 > ### πŸ€” 비동기 μ²˜λ¦¬λŠ” μ™œ ν•„μš”ν•œκ°€? 데이터λ₯Ό μ„œλ²„λ‘œλΆ€ν„° λ°›μ•„μ˜€λŠ” 앱을 λ§Œλ“ λ‹€κ³  κ°€μ •ν•  λ•Œ, ν•΄λ‹Ή 데이터λ₯Ό λΏŒλ €μ€˜μ•Όν•˜λ―€λ‘œ 맨 μ²˜μŒμ— μ„œλ²„λ‘œλΆ€ν„° 데이터λ₯Ό λ°›μ•„μ˜€λŠ”

2022λ…„ 4μ›” 8일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - 동기와 λΉ„λ™κΈ°λ°©μ‹μ˜ 차이점

좜처 : https://learnjs.vlpt.us/async/μ„œλ²„μ—μ„œ μš”μ²­μ„ 보낸 ν›„ 응닡을 λ°›μ•„μ•Όλ§Œ λ‹€μŒ λ™μž‘μ΄ μ΄λ£¨μ–΄μ§€λŠ” 방식λͺ¨λ“  일은 순차적으둜 μ§„ν–‰λ˜λ©°, μ–΄λ–€ μž‘μ—…μ΄ μ‹€ν–‰ 쀑이라면 λ‹€μŒ μž‘μ—…μ€ λŒ€κΈ°ν•˜κ²Œ λœλ‹€.직렬적으둜 ν…ŒμŠ€ν¬λ₯Ό μˆ˜ν–‰ν•œλ‹€.μ„œλ²„μ—μ„œ μš”μ²­μ„

2022λ…„ 4μ›” 5일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - ν΄λ‘œμ € (closure)

🌟 λ‚΄λΆ€ ν•¨μˆ˜κ°€ μ™ΈλΆ€ ν•¨μˆ˜μ˜ μ»¨ν…μŠ€νŠΈμ— μ ‘κ·Όν•  수 μžˆλŠ” 것을 κ°€λ¦¬ν‚¨λ‹€ν΄λ‘œμ €λŠ” νŠΉμ • μƒν™©μ—μ„œ λ°œμƒν•˜λŠ” ν™˜κ²½μ΄κ³  ν•¨μˆ˜λŠ” 이 ν˜„μƒμ΄ λ‚˜νƒ€λ‚˜κΈ° μœ„ν•œ 쑰건에 ν•΄λ‹Ήν•œλ‹€ν•¨μˆ˜ λ‚΄μ—μ„œ ν•¨μˆ˜λ₯Ό μ„ μ–Έν•˜κ³  μ‚¬μš©ν•˜λŠ” 것. πŸ“Œ ν΄λ‘œμ €λ₯Ό μ΄ν•΄ν•˜κΈ° μœ„ν•΄μ„œλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ–΄λ–»κ²Œ λ³€μˆ˜μ˜ μœ νš¨λ²”μœ„

2022λ…„ 4μ›” 4일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[PROJECT] GREAM

ν•œμ •νŒ 거래 ν”Œλž«νΌ μ‚¬μ΄νŠΈμΈ KREAM ν™ˆνŽ˜μ΄μ§€ λ₯Ό λͺ¨ν‹°λΈŒλ‘œ, κ·Έλ¦Ό 거래 μ‚¬μ΄νŠΈλ‘œ μž¬κ΅¬μ„±ν•˜μ—¬ GREAM μ΄λΌλŠ” ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜μ˜€λ‹€.\- ν”„λ‘œμ νŠΈ κΈ°κ°„\- ν”„λ‘œμ νŠΈ κ³„νš1μ£Όμ°¨ μŠ€ν”„λ¦°νŠΈ : κ°œλ°œν™˜κ²½ μ΄ˆκΈ°μ„ΈνŒ…, νŒ€μ›λ§ˆλ‹€ ν•΄λ‹Ή ν”„λ‘œμ νŠΈμ—μ„œ κΌ­ 이루고 싢은 개인만의 λͺ©ν‘œλ₯Ό

2022λ…„ 4μ›” 4일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

[JS] - μŠ€μ½”ν”„ (scope)

Scope ? > 🌟 각 μƒμˆ˜λ‚˜ λ³€μˆ˜ λ“±μ˜ μš”μ†Œλ“€μ΄ ν—ˆμš©λœ μ˜μ—­, λ²”μœ„ λ³€μˆ˜μ˜ 접근성을 κ΄€λ¦¬ν•˜λŠ” κ°œλ…μ΄λ©°, μ „μ—­ (global) κ³Ό 지역 (local), 2개의 λ²”μœ„κ°€ μ‘΄μž¬ν•œλ‹€ 1️⃣ μ „μ—­ (global) μŠ€μ½”ν”„ λ³€μˆ˜κ°€ μ „μ—­ λ²”μœ„μ—μ„œ μ„ μ–Έλœ 경우 μ–΄λ–€ λΈ”λ‘μ—μ„œλ„ μ ‘

2022λ…„ 3μ›” 31일
Β·
0개의 λŒ“κΈ€
Β·

wecode κ·Έ ν›„κΈ° πŸ‘©πŸ»β€πŸ’»

λ‚˜λŠ” 어릴 λ•ŒλΆ€ν„° μ’€ λ…νŠΉν–ˆλ˜ 것 κ°™λ‹€. 어릴 적뢀터 κ·Έμ € ν•΄μ•Όν•˜λ‹ˆκΉŒ 곡뢀λ₯Ό ν–ˆλ˜ μΉœκ΅¬λ“€, 아무 κΈ°λŒ€λ„ κΏˆλ„ μ—†μ–΄ 늘 고민을 μ•ˆκ³  μ‚΄μ•˜λ˜ μΉœκ΅¬λ“€ μ‚¬μ΄μ—μ„œ λ‚˜λŠ” ν•˜κ³  싢은 게 λ§Žμ•„ λ©”λͺ¨μž₯에 늘 ν•˜κ³  싢은 것, λ‚΄κ°€ μ’‹μ•„ν•˜λŠ” 것을 λ‚˜μ—΄ν•˜κ³€ ν–ˆμ—ˆλ‹€.여행이 μ’‹μ•„μ„œ, 그리고 λ‚΄

2022λ…„ 3μ›” 31일
Β·
1개의 λŒ“κΈ€
Β·