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

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์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
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๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript - Logical Operators ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž

๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋Š” ๋ณดํ†ต Boolean(๋…ผ๋ฆฌ์ ) ๊ฐ’๊ณผ ํ•จ๊ป˜ ์“ฐ์ด๋ฉฐ ๋ถˆ๋ฆฌ์–ธ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.&&๊ณผ || ์—ฐ์‚ฐ์ž๋Š” ์‚ฌ์‹ค ํ”ผ์—ฐ์‚ฐ์ž ์ค‘ ํ•˜๋‚˜์˜ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.๋ถˆ๋ฆฌ์–ธ ์™ธ์˜ ๋‹ค๋ฅธ ๊ฐ’๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋ฉด ๋ถˆ๋ฆฌ์–ธ ๊ฐ’์ด ์•„๋‹Œ ๊ฒƒ์„ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค.์™ผ์ชฝ๋ถ€ํ„ฐ true ๊ฐ’์„ ์ฐพ๋Š”๋‹ค.true ๊ฐ’์„ ์ฐพ์œผ

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

์˜ˆ์ œ

์˜ค๋ธŒ์ ํŠธ๋ฅผ ํ™œ์šฉํ•œ ๊ณ„์‚ฐ๊ธฐ

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

JavaScript - Function ํ•จ์ˆ˜

function(ํ•จ์ˆ˜)์ด๋ž€?์ฝ”๋“œ๋ฅผ ์บก์Šํ™” ํ•˜์—ฌ ์—ฌ๋Ÿฌ๋ฒˆ ๋ฐ˜๋ณต์ ์œผ๋กœ ์‹คํ–‰ ๊ฐ€๋Šฅํ† ๋ก ํ•ด์ค€๋‹ค.= ์ฝ”๋“œ์˜ ์žฌ์‚ฌ์šฉ์„ฑfunction(ํ•จ์ˆ˜) ์„ ์–ธํ•˜๊ธฐargument(์ธ์ˆ˜)๋ž€?ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋™์•ˆ ์–ด๋–ค ์ •๋ณด๋ฅผ ํ•จ์ˆ˜์—๊ฒŒ ๋ณด๋‚ผ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ์—ฌ๋Ÿฌ๊ฐœ๋ฅผ ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค.๊ฒฐ๊ณผnico/10dal

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

JavaScript - Object ๊ฐ์ฒด

object๋Š” property๋ฅผ ๊ฐ€์ง„ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•ด์ฃผ๋ฉฐ, { } ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. const player = { name : tomato, color : red, food : true, }; console.log(player); property๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฐฉ๋ฒ•์€ 2

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

์˜ค๋Š˜์€ ์‰ฌ์–ด๊ฐ‘๋‹ˆ๋‹ค๐Ÿ‘

๐Ÿฅ๐Ÿฅ๐Ÿฅ

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

JavaScript - Arrays ๋ฐฐ์—ด

๋ฐฐ์—ด์€ ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๊ฐ’์œผ๋กœ ๊ฐ’์€ ์š”์†Œ(element) ์ˆœ์„œ๋Š” ์ธ๋ฑ์Šค(index)๋ผ๊ณ  ํ‘œํ˜„ํ•œ๋‹ค.๋ฐฐ์—ด ์ •์˜๋Š” ๋Œ€๊ด„ํ˜ธ\[](square bracket)๋กœ ํ•˜๊ณ , ๊ฐ๊ฐ์˜ ์š”์†Œ(elemet)๋Š” ,(comma)๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค.๋ฐฐ์—ด์˜ ์ˆœ์„œ๋Š” 1์ด ์•„๋‹Œ 0๋ถ€ํ„ฐ ์‹œ์ž‘๋œ๋‹ค. 0 1 2 3

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

JavaScript - Variables ๋ณ€์ˆ˜

๋ณ€์ˆ˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•œ ์ปจํ…Œ์ด๋„ˆ = ๋ฐ์ดํ„ฐ ๊ฐ’ ์ €์žฅCamel Case์‹๋ณ„์ž๊ฐ€ ์—ฌ๋Ÿฌ ๋‹จ์–ด๋กœ ์ด๋ฃจ์–ด์งˆ ๊ฒฝ์šฐ์— ์ฒซ ๋ฒˆ์งธ ๋‹จ์–ด๋Š” ๋ชจ๋‘ ์†Œ๋ฌธ์ž๋กœ ์ž‘์„ฑํ•˜๊ณ , ๊ทธ๋‹ค์Œ ๋‹จ์–ด๋ถ€ํ„ฐ๋Š” ์ฒซ ๋ฌธ์ž๋งŒ ๋Œ€๋ฌธ์ž๋กœ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ์‹\*๊ด€ํ–‰์ ์œผ๋กœ Camel Case ๋ฐฉ์‹์„ ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค.Under

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