๋ชฉ๋กJavaScript (140)

๐Ÿค ์€์ง€log ๐Ÿค

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค:Javascript] ํŠน์ • ๋ฌธ์ž ์ œ๊ฑฐํ•˜๊ธฐ

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.0 - ํŠน์ • ๋ฌธ์ž ์ œ๊ฑฐํ•˜๊ธฐ ๐Ÿ’š ๋ฌธ์ œ์„ค๋ช… ๋ฌธ์ž์—ด my_string๊ณผ ๋ฌธ์ž letter์ด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. my_string์—์„œ letter๋ฅผ ์ œ๊ฑฐํ•œ ๋ฌธ์ž์—ด์„ returnํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ๐Ÿ’š ์ œํ•œ์กฐ๊ฑด 1 ≤ my_string์˜ ๊ธธ์ด ≤ 100 letter์€ ๊ธธ์ด๊ฐ€ 1์ธ ์˜๋ฌธ์ž์ž…๋‹ˆ๋‹ค. my_string๊ณผ letter์€ ์•ŒํŒŒ๋ฒณ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€๋ฌธ์ž์™€ ์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ’š ํ’€์ด function solution(my_string, letter) { const answer = my_string.replaceAll(letter,"") return answer; } โœ… ๋ฌธ์ž์—ด์—์„œ ํŠน์ •๊ธ€์ž๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  ๋‚˜๋จธ์ง€๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ธฐ replace() ๋กœ ์ ์šฉํ•ด๋ณด์•˜๋Š”๋ฐ..

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค:Javascript] ๋จธ์“ฑ์ด๋ณด๋‹ค ํ‚ค ํฐ ์‚ฌ๋žŒ

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.0 - ๋จธ์“ฑ์ด๋ณด๋‹ค ํ‚ค ํฐ ์‚ฌ๋žŒ ๐Ÿ’š ๋ฌธ์ œ์„ค๋ช… ๋จธ์“ฑ์ด๋Š” ํ•™๊ต์—์„œ ํ‚ค ์ˆœ์œผ๋กœ ์ค„์„ ์„ค ๋•Œ ๋ช‡ ๋ฒˆ์งธ๋กœ ์„œ์•ผ ํ•˜๋Š”์ง€ ๊ถ๊ธˆํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ๋จธ์“ฑ์ด๋„ค ๋ฐ˜ ์นœ๊ตฌ๋“ค์˜ ํ‚ค๊ฐ€ ๋‹ด๊ธด ์ •์ˆ˜ ๋ฐฐ์—ด array์™€ ๋จธ์“ฑ์ด์˜ ํ‚ค height๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ๋จธ์“ฑ์ด๋ณด๋‹ค ํ‚ค ํฐ ์‚ฌ๋žŒ ์ˆ˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด๋ณด์„ธ์š”. ๐Ÿ’š ์ œํ•œ์กฐ๊ฑด 1 ≤ array์˜ ๊ธธ์ด ≤ 100 1 ≤ height ≤ 200 1 ≤ array์˜ ์›์†Œ ≤ 200 ๐Ÿ’š ํ’€์ด function solution(array, height) { const answer = array.filter(i => i > height).length return answer; } โœ… ๋ฐฐ์—ด์—์„œ ๋ณ€์ˆ˜๋ณด๋‹ค ํฐ ์ˆซ์ž์˜ ๊ฐœ์ˆ˜ ์ฐพ๊ธฐ array.filter() ..

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค:Javascript] ์ ์˜ ์œ„์น˜ ๊ตฌํ•˜๊ธฐ

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.0 - ์ ์˜ ์œ„์น˜ ๊ตฌํ•˜๊ธฐ ๐Ÿ’š ๋ฌธ์ œ์„ค๋ช… ์‚ฌ๋ถ„๋ฉด์€ ํ•œ ํ‰๋ฉด์„ x์ถ•๊ณผ y์ถ•์„ ๊ธฐ์ค€์œผ๋กœ ๋‚˜๋ˆˆ ๋„ค ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. ์‚ฌ๋ถ„๋ฉด์€ ์•„๋ž˜์™€ ๊ฐ™์ด 1๋ถ€ํ„ฐ 4๊นŒ์ง€ ๋ฒˆํ˜ธ๋ฅผ๋งค๊น๋‹ˆ๋‹ค. x ์ขŒํ‘œ์™€ y ์ขŒํ‘œ๊ฐ€ ๋ชจ๋‘ ์–‘์ˆ˜์ด๋ฉด ์ œ1์‚ฌ๋ถ„๋ฉด์— ์†ํ•ฉ๋‹ˆ๋‹ค. x ์ขŒํ‘œ๊ฐ€ ์Œ์ˆ˜, y ์ขŒํ‘œ๊ฐ€ ์–‘์ˆ˜์ด๋ฉด ์ œ2์‚ฌ๋ถ„๋ฉด์— ์†ํ•ฉ๋‹ˆ๋‹ค. x ์ขŒํ‘œ์™€ y ์ขŒํ‘œ๊ฐ€ ๋ชจ๋‘ ์Œ์ˆ˜์ด๋ฉด ์ œ3์‚ฌ๋ถ„๋ฉด์— ์†ํ•ฉ๋‹ˆ๋‹ค. x ์ขŒํ‘œ๊ฐ€ ์–‘์ˆ˜, y ์ขŒํ‘œ๊ฐ€ ์Œ์ˆ˜์ด๋ฉด ์ œ4์‚ฌ๋ถ„๋ฉด์— ์†ํ•ฉ๋‹ˆ๋‹ค. x ์ขŒํ‘œ (x,y)๋ฅผ ์ฐจ๋ก€๋Œ€๋กœ ๋‹ด์€ ์ •์ˆ˜ ๋ฐฐ์—ด dot์ด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. ์ขŒํ‘œ dot์ด ์‚ฌ๋ถ„๋ฉด ์ค‘ ์–ด๋””์— ์†ํ•˜๋Š”์ง€ 1, 2, 3, 4 ์ค‘ ํ•˜๋‚˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ๐Ÿ’š ์ œํ•œ์กฐ๊ฑด dot์˜ ๊ธธ์ด = 2 dot[0]์€ x์ขŒํ‘œ๋ฅผ, dot[1]์€ y์ขŒํ‘œ๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค ..

REST API

๐ŸŽฃ REST API : ํ”„๋ก ํŠธ์—”๋“œ ์›น์—์„œ ์„œ๋ฒ„์— ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๊ฑฐ๋‚˜ (๋ฐฐ๋‹ฌ์•ฑ์—์„œ ์„œ๋ฒ„์— ์ฃผ๋ฌธ์„ ๋„ฃ๊ฑฐ๋‚˜ ๋“ฑ) ์ด๋Ÿฐ ์„œ๋น„์Šค๋“ค์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๊ฒƒ์ด REST ๋ž€ ํ˜•์‹์˜ API ์ด๋‹ค. ๊ฐ ์š”์ฒญ์ด ์–ด๋–ค ๋™์ž‘์ด๋‚˜ ์ •๋ณด๋ฅผ ์œ„ํ•œ๊ฒƒ์ธ์ง€๋ฅผ ๊ทธ ์š”์ฒญ์˜ ๋ชจ์Šต ์ž์ฒด๋กœ ์ถ”๋ก ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. - ๋ ˆ์ŠคํŠธํ’€ํ•˜๊ฒŒ ๋งŒ๋“  API๋Š” ์š”์ฒญ์„ ๋ณด๋‚ด๋Š” ์ฃผ์†Œ๋งŒ์œผ๋กœ๋„ ๋Œ€๋žต ์ด๊ฒŒ ๋ญ˜ ํ•˜๋Š” ์š”์ฒญ์ธ์ง€ ํŒŒ์•…์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์„œ๋ฒ„์— REST API๋กœ ์š”์ฒญ์„ ๋ณด๋‚ผ๋•Œ๋Š” HTTP๋ผ๋Š” ๊ทœ์•ฝ์— ๋”ฐ๋ผ ์‹ ํ˜ธ๋ฅผ ์ „์†กํ•œ๋‹ค. ๐ŸŽฃ REST API ์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ฉ”์†Œ๋“œ : GET : ๋ฐ์ดํ„ฐ๋ฅผ Read, ์กฐํšŒ POST : Create, ์ƒˆ๋กœ์šด ์ •๋ณด ์ถ”๊ฐ€ DELETE : Delete, ์ •๋ณด ์‚ญ์ œ PUT : Update, ์ •๋ณด๋ฅผ ํ†ต์งธ๋กœ ๋ณ€๊ฒฝํ• ๋•Œ PATCH : Update, ์ •๋ณด๋ฅผ ์ผ๋ถ€๋งŒ ๋ณ€..

๐ŸŠ Grammar 2022. 10. 23. 14:49
jQuery ์™€ AJAX

jQuery : ์—ฌ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž‘๋™ํ•˜๋Š” ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ HTML ๋ฌธ์„œ ํƒ์ƒ‰ ๋ฐ ์กฐ์ž‘, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ Ajax์™€ ๊ฐ™์€ ์ž‘์—…์„ ํ›จ์”ฌ ๋” ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Using jQuery with a CDN : AJAX ( Asynchronous JavaScript and XML ) : ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•˜๊ธฐ ์œ„ํ•ด XML Http Request ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค. JSON XML HTML ์ผ๋ฐ˜ ํ…์ŠคํŠธ ํ˜•์‹ ๋“ฑ์„ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ํฌ๋งท์„ ์ฃผ๊ณ  ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. AJAX๋Š” ๋น ๋ฅด๊ฒŒ ๋™์ž‘ํ•˜๋Š” ๋™์ ์ธ ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ฐœ๋ฐœ ๊ธฐ๋ฒ•์˜ ํ•˜๋‚˜์ด๋ฉฐ, AJAX์˜ ๊ฐ•๋ ฅํ•œ ํŠน์ง•์€ ์›น ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋ฆฌํ”„๋ ˆ์‰ฌ ํ•˜์ง€ ์•Š๊ณ ๋„ ์›น ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋ถ„๋งŒ์„ ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ Ajax๋ฅผ ..

๐ŸŠ Grammar 2022. 10. 23. 14:47