profile
Front-end developer πŸ‘©β€πŸ’»βœ
post-thumbnail

λ³€ν™”ν•˜λŠ” μ†Œν”„νŠΈμ›¨μ–΄μ™€ λ¦¬νŽ™ν† λ§

λ³€ν•œλ‹€!λŒ€λΆ€λΆ„μ˜ μ†Œν”„νŠΈμ›¨μ–΄λŠ” ν˜„μ‹€μ˜ 문제λ₯Ό ν•΄κ²°ν•˜κΈ° μœ„ν•œ μ†”λ£¨μ…˜μœΌλ‘œ λ§Œλ“€μ–΄μ§„λ‹€.μ—¬κΈ°μ„œμ˜ ν˜„μ‹€μ€? 맀번 λ³€ν•˜κ²Œ λœλ‹€!λ‹Ήμ—°νžˆ ν˜„μ‹€μ˜ λ¬Έμ œκ°€ λ°”λ€Œλ‹ˆκΉŒ, ν˜„μ‹€μ˜ 문제λ₯Ό ν•΄κ²°ν•˜λŠ” μ†Œν”„νŠΈμ›¨μ–΄λ„ λ°”λ€Œμ–΄μ•Ό ν•œλ‹€!κ·Έλž˜μ„œ! μ†Œν”„νŠΈμ›¨μ–΄λŠ” ꡉμž₯히 자주 , 그리고 μ§€μ†μ μœΌλ‘œ λ°”λ€Œκ²Œ λœλ‹€.λ‹Ήμ—°

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

μ±„νŒ… μ•± λ§Œλ“€κΈ°

πŸ“±μ ‘μ† ν›„ μ±„νŒ…ν•΄μ„œ serverκ°€ λ©”μ‹œμ§€λ₯Ό 받은 λ’€,λ©”μ‹œμ§€λ₯Ό 각 μ‚¬μš©μžλ“€μ—κ²Œ λ³΄λ‚΄λŠ” λ°©μ‹μ˜ μ±„νŒ… μ•± λ§Œλ“€κΈ°~!πŸ“² μ„œλ²„ 생성은 μ²˜μŒμ΄λ‹€! μ„œλ²„λ‹¨μ΄ μ–΄λ–»κ²Œ λŒμ•„κ°€λŠ”μ§€ μ•„μ£Ό κ°„λ‹¨ν•˜κ² μ§€λ§Œ μ•Œμ•„λ³΄λŠ” 과정을 μ‚΄νŽ΄λ³΄κΈ° μœ„ν•΄ 앱을 λ§Œλ“œλŠ” μ‹œκ°„μ„ κ°€μ Έλ΄€λ‹€. (μ•„μ£Ό μΌλΆ€λΆ„μ΄κ² μ§€λ§Œ..

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

곡 νŠ€κΈ°κΈ° πŸ€πŸ

곡을 κ·Έλ¦΄λ•ŒλŠ” 항상 쀑심점을 κΈ°μ€€μœΌλ‘œ 곡에 x , y 값을 μž‘λŠ”λ‹€. => 쀑심점이 곡의 μ‹€μ œ μœ„μΉ˜ (νšŒμƒ‰ 점)λ°˜μ§€λ¦„μ΄ ꡉμž₯히 μ€‘μš”!λ°˜μ§€λ¦„μ„ x, y 값에닀가 + , - ν•΄μ€˜μ•Ό μ‹€μ œλ‘œ 곡이 λΈŒλΌμš°μ €μ— λ‹Ώμ•˜λŠ”μ§€ μ•Œ 수 있음.κ·Έλž˜μ„œ 곡에 x , y값을 λΉ„κ΅ν•˜λŠ” 것이 μ•„λ‹ˆ

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

μ „μ—­ λ³€μˆ˜μ˜ 문제점

μ „μ—­ λ³€μˆ˜μ˜ λ¬΄λΆ„λ³„ν•œ μ‚¬μš©μ€ μœ„ν—˜ν•˜λ‹€!μ „μ—­ λ³€μˆ˜λ₯Ό λ°˜λ“œμ‹œ μ‚¬μš©ν•΄μ•Ό ν•  이유 λͺ»μ°Ύμ•˜λ‹€λ©΄ 지역 λ³€μˆ˜λ₯Ό μ‚¬μš©ν•΄μ•Ό ν•œλ‹€.λ³€μˆ˜λŠ” 선언에 μ˜ν•΄ μƒμ„±λ˜κ³  할당을 톡해 값을 κ°–κ³ , μ–Έμ  κ°€ μ†Œλ©Έν•œλ‹€.= λ³€μˆ˜λŠ” 생λͺ… μ£ΌκΈ°(life cycle)κ°€ μžˆλ‹€.λ³€μˆ˜μ— 생λͺ… μ£ΌκΈ°κ°€ μ—†λ‹€λ©΄?ν•œλ²ˆ μ„ 

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

μŠ€μ½”ν”„(scope)

μŠ€μ½”ν”„(μœ νš¨λ²”μœ„)λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό ν¬ν•¨ν•œ λͺ¨λ“  ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ˜ 기본적이며 μ€‘μš”ν•œ κ°œλ…μ΄λ‹€!μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μŠ€μ½”ν”„λŠ” λ‹€λ₯Έ μ–Έμ–΄μ˜ μŠ€μ½”ν”„μ™€ κ΅¬λ³„λ˜λŠ” νŠΉμ§•μ΄ μžˆμœΌλ―€λ‘œ 주의 ν•„μš”var ν‚€μ›Œλ“œλ‘œ μ„ μ–Έν•œ λ³€μˆ˜μ™€ let or const ν‚€μ›Œλ“œλ‘œ μ„ μ–Έν•œ λ³€μˆ˜μ˜ μŠ€μ½”ν”„λ„ λ‹€λ₯΄κ²Œ λ™μž‘

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

this

thisλŠ” μžμ‹ μ΄ μ†ν•œ 객체 λ˜λŠ” μžμ‹ μ΄ 생성할 μΈμŠ€ν„΄μŠ€λ₯Ό κ°€λ¦¬ν‚€λŠ” 자기 μ°Έμ‘° λ³€μˆ˜(self-referencing variable)이닀.thisλ₯Ό 톡해 μžμ‹ μ΄ μ†ν•œ 객체 λ˜λŠ” μžμ‹ μ΄ 생성할 μΈμŠ€ν„΄μŠ€μ˜ ν”„λ‘œνΌν‹°λ‚˜ λ©”μ„œλ“œλ₯Ό μ°Έμ‘°ν•  수 μžˆλ‹€.객체 μƒμ„±ν•˜μ§€ μ•ŠλŠ” 일반 ν•¨μˆ˜μ—μ„œ

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

ν”„λ‘œνΌν‹° μ–΄νŠΈλ¦¬λ·°νŠΈ (property attribute)

μžλ°”μŠ€ν¬λ¦½νŠΈ μ—”μ§„μ˜ κ΅¬ν˜„ μ•Œκ³ λ¦¬μ¦˜μ„ μ„€λͺ…ν•˜κΈ° μœ„ν•΄ ECMAScript μ‚¬μ–‘μ—μ„œ μ‚¬μš©ν•˜λŠ” μ˜μ‚¬ ν”„λ‘œνΌν‹°(pseudo property)와 μ˜μ‚¬ λ©”μ„œλ“œ(pseudo method)이닀.ECMAscript 사양에 λ“±μž₯ν•˜λŠ” 이쀑 λŒ€κ΄„ν˜Έ (\[...])둜 감싼 이름듀이 λ‚΄λΆ€ 슬둯과

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

생성기 ν•¨μˆ˜ (Generator function)

ν•¨μˆ˜λŠ” μ–΄λ–€ 계산, 처리λ₯Ό ν•˜λŠ” μ½”λ“œμ˜ 묢음.ν•¨μˆ˜λŠ” 인자λ₯Ό 받을 수 있고, 인자 받은 값을 가지고 μ–΄λ–€ 계산을 μˆ˜ν–‰ν•œ λ‹€μŒμ— κ²°κ³Όλ₯Ό ν˜ΈμΆœν•œ μͺ½μ— λ°˜ν™˜ν•΄μ£ΌλŠ” μ—­ν• !μ½”λ“œμ˜ 묢음인 것, 인자λ₯Ό λ°›λŠ” 것, 값을 λ°˜ν™˜ν•˜λŠ” 것 κ°™λ‹€! (μ•ˆλ°›μ„ 수 도 있음 ν•¨μˆ˜μ˜ μ˜΅μ…˜μ‚¬ν•­μ΄λ‹ˆκΉŒ~!

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

function

πŸ“ myFnV1 : 값이 μ•„λ‹ˆλΌ λ‹¨μˆœνžˆ ν•¨μˆ˜ -> λ¬Έ(ν•¨μˆ˜ μ •μ˜λ¬Έμ—λŠ” μ„Έλ―Έμ½œλ‘ μœΌλ‘œ λλ‚˜μ§€ μ•ŠμŒ)πŸ“ myFnV2 : 읡λͺ…ν•¨μˆ˜λ‘œμ„œ ν•¨μˆ˜λ₯Ό κ°’μœΌλ‘œ μ·¨κΈ‰ν•΄μ„œ λŒ€μž…λ¬ΈμœΌλ‘œ λ“±μž₯ -> 식(식은 μ„Έλ―Έμ½œλ‘ μœΌλ‘œ 끝남): ν•¨μˆ˜κ°€ λ§Œλ“€μ–΄μ§€μžλ§ˆμž μ¦‰μ‹œ ν•œ 번 μ‹€ν–‰ν•˜λŠ” ν•¨μˆ˜πŸ“ μ‹€ν–‰ν•˜λŠ”

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

Hacker News Client app 02 : JavaScript

Hacker News Client app 02 : JavaScript

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

Hacker News Client app 01 : JavaScript

Hacker News Client app 01 : JavaScript

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

Promise.all, Promise.race

πŸ“ 🐢끝 -> πŸ―μ‹œμž‘ ->🐯끝-> πŸ°μ‹œμž‘λ˜λŠ” ν˜•μ‹μœΌλ‘œ 진행.즉 ν•œκΊΌλ²ˆμ— μ§„ν–‰λ˜λŠ” 것이 μ•„λ‹ˆλΌ, ν•˜λ‚˜μ”© 처리λ₯Ό 함.λ§Œμ•½ μ—¬λŸ¬κ°œμ˜ Promiseλ₯Ό λ™μ‹œμ— μ²˜λ¦¬ν•˜κ³  μ‹Άλ‹€λ©΄ ?? => Promise.all μ΄λΌλŠ” ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•˜μž!πŸ“ λ°°μ—΄ μ•ˆμ— Promise(= ge

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

async / await

async / await promiseλ₯Ό 더 κ°„κ²°ν•˜κ³  κ°„νŽΈν•˜κ³ ,λ™κΈ°μ μœΌλ‘œ μ‹€ν–‰λ˜λŠ” κ²ƒμ²˜λŸΌ 보이게 λ§Œλ“€μ–΄μ£ΌλŠ” 것. μƒˆλ‘œμš΄ 것이 μΆ”κ°€λœ 것이 μ•„λ‹ˆλΌ, 기쑴에 μ‘΄μž¬ν•˜λŠ” promiseμœ„μ— 쑰금 더 κ°„νŽΈν•œ APIλ₯Ό μ œκ³΅ν•œλ‹€. κΉ”λ”ν•˜κ²Œ promiseλ₯Ό μ‚¬μš©ν•  수 μžˆλŠ” 방법, κ·Έλ ‡

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

Promise

Promise

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

비동기 처리 닀루기

동기적 ( Synchronous ) μž‘μ—…μ΄ 순차적으둜 μ§„ν–‰λ˜λŠ” 것. 정해진 μˆœμ„œμ— 맞게 μ½”λ“œ μ‹€ν–‰. μž‘μ—…μ„ λ™κΈ°μ μœΌλ‘œ μ²˜λ¦¬ν•˜κ²Œ λœλ‹€λ©΄, ν•œ μž‘μ—…μ΄ 끝날 λ•Œ κΉŒμ§€ λ‹€λ₯Έ μž‘μ—…μ„ ν•  수 μ—†μŒ. 1번이 λλ‚˜μ•Ό 2번이 μ‹œμž‘λ¨. ( 1끝-> 2끝-> 3끝-> 4 ) ν˜Έμ΄μŠ€νŒ…(h

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

REST API

HTTP 기반으둜 ν΄λΌμ΄μ–ΈνŠΈκ°€ μ„œλ²„μ˜ λ¦¬μ†ŒμŠ€μ— μ ‘κ·Όν•˜λŠ” 방식을 κ·œμ •ν•œ 아킀텍쳐.HTTP ν”„λ‘œν† μ½œμ„ μ˜λ„μ— 맞게 λ””μžμΈ ν•˜λ„λ‘ μœ λ„.REST의 κΈ°λ³Έ 원칙을 μ„±μ‹€νžˆ 지킨 μ„œλΉ„μŠ€λ””μžμΈ = 'RESTFul'REST API : RESTλ₯Ό 기반으둜 μ„œλΉ„μŠ€ APIλ₯Ό κ΅¬ν˜„ν•œ 것.RE

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

JSON

ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ κ°„μ˜ HTTP 톡신을 μœ„ν•œ ν…μŠ€νŠΈ 데이터 포맷.μžλ°”μŠ€ν¬λ¦½νŠΈμ— μ’…μ†λ˜μ§€ μ•Šμ€ μ–Έμ–΄ λ…λ¦½ν˜• 데이터 포맷.λŒ€λΆ€λΆ„μ˜ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ—μ„œ μ‚¬μš©κ°€λŠ₯.객체 λ¦¬ν„°λŸ΄κ³Ό μœ μ‚¬ν•˜κ²Œ ν‚€, κ°’μœΌλ‘œ κ΅¬μ„±λœ 순수 ν…μŠ€νŠΈ.ν‚€ -> λ°˜λ“œμ‹œ ν°λ”°μ˜΄ν‘œ.κ°’ -> 객체 λ¦¬ν„°λŸ΄κ³Ό 같은 ν‘œκΈ°

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

Ajax

μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•΄μ„œ λΈŒλΌμš°μ €κ°€ μ„œλ²„μ—κ²Œ 비동기 λ°©μ‹μœΌλ‘œ 데이터λ₯Ό μš”μ²­ν•˜κ³ , μ„œλ²„κ°€ μ‘λ‹΅ν•œ 데이터λ₯Ό μˆ˜μ‹ ν•˜μ—¬ μ›ΉνŽ˜μ΄μ§€λ₯Ό λ™μ μœΌλ‘œ κ°±μ‹ ν•˜λŠ” ν”„λ‘œκ·Έλž˜λ° 방식.λΈŒλΌμš°μ €μ—μ„œ μ œκ³΅ν•˜λŠ” Web API인 XMLHttpRequest객체λ₯Ό 기반으둜 λ™μž‘. (XMLHttpRequest

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

JavaScript의 흐름

LiveScriptλ„€μŠ€μΌ€μ΄ν”„λΌκ³  ν•˜λŠ” λΈŒλΌμš°μ €μ— 졜초둜 νƒ‘μž¬λœ 버전.μ•„μ£Ό μž‘μ€ λΈŒλΌμš°μ €μ—μ„œ λ™μž‘ν•˜λ©΄μ„œ HTML을 κ°„λ‹¨νžˆ μ‘°μž‘ν•˜κΈ° μœ„ν•œ λͺ©μ .μŠ€νŽ™ λ§Žμ§€ μ•Šμ•˜μŒ. JScriptμΈν„°λ„·μ΅μŠ€ν”Œλ‘œλŸ¬μ— 슀크립트 μ–Έμ–΄λ‘œ νƒ‘μž¬. JavaScriptEcmaλΌλŠ” ν‘œμ€€λ‹¨μ²΄μ—μ„œ Jav

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