profile
UI/UX ๋””์ž์ธ์„ ๊ณต๋ถ€ํ•˜๋Š” ํผ๋ธ”๋ฆฌ์…” ์ž…๋‹ˆ๋‹ค (โ—'โ—ก'โ—)

์ •์‚ผ๊ฐํ˜• ๋ณ„์ฐ๊ธฐ

์ •์‚ผ๊ฐํ˜• ๋ชจ์–‘์˜ ๋ณ„์„ ์ฐ์–ด๋ณด์„ธ์š”.!codepeneun-hye-kim/embed/wvXqWej?default-tab=html%2Cresult

2022๋…„ 11์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์†Œ์ˆ˜ ๊ตฌํ•˜๊ธฐ

1 ~ 255 ๊นŒ์ง€์˜ ์†Œ์ˆ˜๋ฅผ ๊ตฌํ•˜์„ธ์š”.โ€ป ์†Œ์ˆ˜: ์•ฝ์ˆ˜๊ฐ€ 1, ์ž๊ธฐ์ž์‹  ๋ฐ–์— ์—†๋Š” ์ˆ˜ 1์€ ์†Œ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.!codepeneun-hye-kim/embed/dyKNmbd?default-tab=html%2Cresult

2022๋…„ 11์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JavaScript ๊ณ„์‚ฐ๊ธฐ ๋งŒ๋“ค๊ธฐ

2๊ฐœ์˜ ์ •์ˆ˜๋ฅผ ์ž…๋ ฅ ๋ฐ›์•„ ์‚ฌ์น™์—ฐ์‚ฐ์„ ํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.!codepeneun-hye-kim/embed/eYKzqGq?default-tab=html%2Cresult

2022๋…„ 11์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JavaScript ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•œ ๊ตฌ๊ตฌ๋‹จ

๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ 2๋‹จ๋ถ€ํ„ฐ 9๋‹จ๊นŒ์ง€ ๊ตฌ๊ตฌ๋‹จ์„ ์ถœ๋ ฅํ•˜์„ธ์š”.!codepeneun-hye-kim/embed/oNyLrmg?default-tab=html%2Cresult

2022๋…„ 11์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JavaScript ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•œ ๋ณ„์ฐ๊ธฐ

๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•œ ๋ณ„์ฐ๊ธฐ 5์ค„์„ ์ถœ๋ ฅํ•˜์„ธ์š”.console์„ ํ™•์ธํ•˜์„ธ์š” :)!codepeneun-hye-kim/embed/xxzOopB?default-tab=html%2Cresult

2022๋…„ 11์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[ React ]

JSX๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™•์žฅํ•œ ๋ฌธ๋ฒ•์œผ๋กœ HTML๋ฌธ๋ฒ•๊ณผ ํก์‚ฌํ•œ ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— UI ์ž‘์—…์‹œ ๋ณด๋‹ค ์‹œ๊ฐ์ ์œผ๋กœ ํŽธ๋ฆฌํ•˜๊ฒŒ ์ž‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค.!codepeneun-hye-kim/embed/OJZPbON?default-tab=html%2Cresultbabel์ด๋ž€ ์ž๋ฐ”์Šคํฌ

2022๋…„ 9์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๐Ÿ‘€

https://www.zerocho.com/category/JavaScript/post/59a8e9cb15ac0000182794fahttps://ko.javascript.info/settimeout-setinterval

2022๋…„ 8์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Ajax

http://www.tcpschool.com/ajax/ajax_intro_basic

2022๋…„ 5์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Content-Type

Content-Type์€ ์‘๋‹ต ๋‚ด์šฉ์˜ ํƒ€์ž…์ด ๋ฌด์—‡์ธ์ง€ ๋ฐ˜ํ™˜ํ•˜๊ฑฐ๋‚˜ POST๋ฅผ ํ•  ๋•Œ Body์— ๋„ฃ๋Š” ๊ฐ’์ด ์–ด๋–ค ๋ฐ์ดํ„ฐ ํƒ€์ž…์ธ์ง€๋ฅผ ๋ช…์‹œํ•˜๋Š” ๋“ฑ ์ปจํ…์ธ  ์œ ํ˜•์ด ์‹ค์ œ๋กœ ๋ฌด์—‡์ธ์ง€๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์—ญํ• ์„ ํ•œ๋‹ค. ์ด ๊ฐ’์€ ํ‘œ์ค€ mime-type ์ค‘ ํ•˜๋‚˜์— ์†ํ•œ๋‹ค.์Šคํ„ฐ๋”” ํ™œ๋™์„ ์œ„ํ•ด ๊ธฐ๋ก

2022๋…„ 5์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JSON

๐Ÿ’ก JSON(JavaScript Object Notation)์ด๋ž€? JSON์€ ์‚ฌ๋žŒ์ด ์ฝ์„ ์ˆ˜ ์žˆ๋Š” ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜์˜ ๋ฐ์ดํ„ฐ ๊ตํ™˜ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค. > JSON์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™•์žฅํ•˜์—ฌ ๋งŒ๋“ค์–ด์กŒ์Šต๋‹ˆ๋‹ค. JSON์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด ํ‘œ๊ธฐ๋ฒ•์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค. JSON์€ ์‚ฌ๋žŒ๊ณผ ๊ธฐ๊ณ„๊ฐ€

2022๋…„ 5์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

HTTP Method

์ž์›(Resource): URIํ–‰์œ„(Verb): HTTP Method ๐ŸŽํ‘œํ˜„(Representations)ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์›น ์„œ๋ฒ„์—๊ฒŒ ์‚ฌ์šฉ์ž ์š”์ฒญ์˜ ๋ชฉ์ ์ด๋‚˜ ์ข…๋ฅ˜๋ฅผ ์•Œ๋ฆฌ๋Š” ์ˆ˜๋‹จโญ๏ธ ์ฃผ์š” ๋ฉ”์†Œ๋“œ 5๊ฐ€์ง€GET : ๋ฆฌ์†Œ์Šค ์กฐํšŒPOST : ์š”์ฒญ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ, ์ฃผ๋กœ ๋ฐ์ดํ„ฐ ๋“ฑ๋ก์—

2022๋…„ 5์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

MVC ํŒจํ„ด

MVC(modelโ€“viewโ€“controller)๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๋””์ž์ธ ํŒจํ„ด์ž…๋‹ˆ๋‹ค.์ด ํŒจํ„ด์„ ์„ฑ๊ณต์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉด, ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋กœ๋ถ€ํ„ฐ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ๋ถ„๋ฆฌํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์‹œ๊ฐ์  ์š”์†Œ๋‚˜ ๊ทธ ์ด๋ฉด์—์„œ ์‹คํ–‰๋˜๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ์„œ๋กœ ์˜ํ–ฅ ์—†์ด

2022๋…„ 5์›” 15์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - ๋‚ ์”จ์ •๋ณด API

๐Ÿคทโ€โ™€๏ธ ์™œ API ์ •๋ณด๊ฐ€ ๋ณด์ด์ง€ ์•Š์„๊นŒ? https://api.openweathermap.org/data/2.5/weather?lat=37.3900688&lon=127.1140152&appid=2834387742b25d5393a21e88fee8246a !code

2022๋…„ 4์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - parentNode / parentElement / stringify / parse / forEach / filter

parentNode๊ฐ€ ParentElement๋ณด๋‹ค ์ƒ์œ„ ๊ฐœ๋…์ด๋‹ค.Node๋Š” ์•„๋ฌด DOM ๊ฐ์ฒด๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค.ex) ๋‚ด์žฅ DOM ์—˜๋ฆฌ๋จผํŠธ(document, document.body...)๋ถ€๋ชจ Node๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ  ๋ถ€๋ชจ๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ null์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. Element๋Š” No

2022๋…„ 4์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Form / Input / preventDefault / localStorage

์ •๋ณด๋ฅผ ์ œ์ถœํ•˜๊ธฐ ์œ„ํ•œ ๋Œ€ํ™”ํ˜• ์ปจํŠธ๋กค์„ ํฌํ•จํ•˜๋Š” ๋ฌธ์„œ ๊ตฌํš์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์ž…๋ ฅ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์ž…๋ ฅ ํ•„๋“œ!codepeneun-hye-kim/embed/xxpEaNQ?default-tab=html%2Cresulttext: type์†์„ฑ์˜ ๊ธฐ๋ณธ๊ฐ’, ํ•œ ์ค„๋กœ ๋œ ํ…์ŠคํŠธ ํ•„๋“œpssw

2022๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Round / Ceil / Floor / Random / Length

์ˆ˜ํ•™์ ์ธ ์ƒ์ˆ˜์™€ ํ•จ์ˆ˜๋ฅผ ์œ„ํ•œ ์†์„ฑ๊ณผ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ง„ ๋‚ด์žฅ ๊ฐ์ฒด์ฃผ์–ด์ง„ ์ˆซ์ž๋ฅผ ๋ฐ˜์˜ฌ๋ฆผํ•œ ์ˆ˜์™€ ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์ •์ˆ˜ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. -> ๋ฐ˜์˜ฌ๋ฆผ์ฃผ์–ด์ง„ ์ˆซ์ž๋ณด๋‹ค ํฌ๊ฑฐ๋‚˜ ๊ฐ™์€ ์ˆซ์ž ์ค‘ ๊ฐ€์žฅ ์ ์€ ์ •์ˆ˜ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. -> ์˜ฌ๋ฆผ์ฃผ์–ด์ง„ ์ˆซ์ž์™€ ๊ฐ™๊ฑฐ๋‚˜ ์ž‘์€ ์ˆซ์ž ์ค‘ ๊ฐ€์žฅ ํฐ ์ •์ˆ˜๋ฅผ ๋ฐ˜

2022๋…„ 3์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Interval / Timeout / Date

๐Ÿ’ก setInterval์ด๋ž€? ํŠน์ • ์ฃผ๊ธฐ๋งˆ๋‹ค ๋ฐ˜๋ณตํ•˜์—ฌ ํ˜ธ์ถœ, ๋ฐ”๋กœ ์‹คํ–‰๋˜์ง€ ์•Š๊ณ  n์ดˆ ํ›„ ์ฒซ ์‹œ์ž‘์ด ๋˜๊ณ  ๊ณ„์† n์ดˆ๋งˆ๋‹ค ๋ฐ˜๋ณตํ•œ๋‹ค. 1. ๊ตฌ๋ฌธ 2. ์‹คํ–‰ํ•˜๊ธฐ !codepen[eun-hye-kim/embed/qBpEPZo?default-tab=html%2Cresult

2022๋…„ 3์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์˜ˆ์ œํ’€์ด

๋ณ€์ˆ˜๋ช…์€ ์ง๊ด€์ ์œผ๋กœ ์•Œ์•„ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ์†Œ์Šค์˜ ์œ ์ง€๋ณด์ˆ˜ ๋ฐ ์ฝ”๋“œ ๊ฐ€๋…์„ฑ์— ์ข‹์Šต๋‹ˆ๋‹ค. a, b ๊ฐ™์€ ์˜๋ฏธ์—†๋Š” ๋ณ€์ˆ˜๋ช… ๋ณด๋‹ค๋Š” count(cnt), sum, total ๋“ฑ์˜ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์ž‘์„ฑํ•˜๋Š” ์Šต๊ด€์„ ๋“ค์—ฌ์ฃผ์„ธ์š”.์ธ๋ฑ์Šค ๋ณ€์ˆ˜ (์ž‘์„ฑํ•˜์‹  ์†Œ์Šค์—์„œ๋Š” ๋ณ€์ˆ˜๋ช… โ€˜aโ€™)๋Š”

2022๋…„ 3์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Event

์–ด๋–ค ํ–‰์œ„๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž์™€ ์›นํŽ˜์ด์ง€๊ฐ€ ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ํ†ตํ•˜์—ฌ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒ์‹œ ์›ํ•˜๋Š” ํ•จ์ˆ˜์— ์—ฐ๊ฒฐํ•˜์—ฌ ์‹คํ–‰ ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค.google์— element html element mdn ๊ฒ€์ƒ‰, Web APIs๋ผ๋Š” ๋ฌธ์žฅ์ด ํฌํ•จ๋œ๊ธ€ ์ฐพ๊ธฐ

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Document

์›น ํŽ˜์ด์ง€ ๊ทธ ์ž์ฒด๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, document๋ฅผ ํ†ตํ•ด ์›น ํŽ˜์ด์ง€์— ์กด์žฌํ•˜๋Š” ๋‹ค์–‘ํ•œ HTML ์š”์†Œ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค.๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌ๋œ ๊ฐ์ฒด์˜ ์†์„ฑ์„ ์ถœ๋ ฅ์š”์†Œ๋ฅผ JSON๊ณผ ๊ฐ™์€ ํŠธ๋ฆฌ ๊ตฌ์กฐ๋กœ ์ถœ๋ ฅํŠน์ • id๋ฅผ ๊ฐ€์ง„ ํ•˜๋‚˜์˜ element๋ฅผ ๋ฐ˜ํ™˜id์— ์ ‘๊ทผํ•ด์„œ ๊ฐ’ ๋ฐ”๊พธ๊ธฐํŠน์ • c

2022๋…„ 2์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท