๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€48

๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ์™€ ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ(๋ถˆ๋ณ€์„ฑ, ๊ฐ€๋ณ€์„ฑ) ๋ถˆ๋ณ€๊ฐ’ ๋ณ€์ˆ˜์™€, ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„ํ•˜๋Š” ์„ฑ์งˆ์€ "๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ" ์ž…๋‹ˆ๋‹ค. ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์œผ๋ฉด ๋ณ€์ˆ˜, ๋ฐ”๊ฟ€ ์ˆ˜ ์—†์œผ๋ฉด ์ƒ์ˆ˜ ์ž…๋‹ˆ๋‹ค. ๋ถˆ๋ณ€๊ฐ’๊ณผ ์ƒ์ˆ˜๋ฅผ ๊ฐ™์€ ๊ฐœ๋…์œผ๋กœ ์˜คํ•ดํ•˜๋ฉด ์•ˆ๋œ๋‹ค. ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„ ์ง“๋Š” "๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ"์€ ๋ณ€์ˆ˜ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ ์ด๋‹ค. ๋ฐ˜๋ฉด, ๋ถˆ๋ณ€์„ฑ ์—ฌ๋ถ€๋ฅผ ๊ตฌ๋ถ„ํ•  ๋•Œ์˜ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ฐ์ดํ„ฐ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ์ด๋‹ค. ๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ์ธ ์ˆซ์ž, ๋ฌธ์ž์—ด , boolean, null, undefined, Symbol์€ ๋ชจ๋‘ ๋ถˆ๋ณ€๊ฐ’์ž…๋‹ˆ๋‹ค. var num; num = 'Hello'; num = num + 'World'; var one = 1; var two = 1; two = 2; ๋งŒ์•ฝ, 2๋ฒˆ์งธ์ค„์—์„œ ์ €์žฅ๋œ ๋ฌธ์ž์—ด "Hello" ์— "World" ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ผ๊ณ  ํ•˜๋ฉด "Hello"๊ฐ€ ์ €์žฅ๋œ ๊ณต๊ฐ„ (@3000)์— "Hell.. 2023. 2. 11.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ํ–„๋ฒ„๊ฑฐ ๋งŒ๋“ค๊ธฐ(์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ) https://school.programmers.co.kr/learn/courses/30/lessons/133502 ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ฝ”๋“œ ์ค‘์‹ฌ์˜ ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ. ์Šคํƒ ๊ธฐ๋ฐ˜์˜ ํฌ์ง€์…˜ ๋งค์นญ. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ ๊ฐœ๋ฐœ์ž ๋งž์ถคํ˜• ํ”„๋กœํ•„์„ ๋“ฑ๋กํ•˜๊ณ , ๋‚˜์™€ ๊ธฐ์ˆ  ๊ถํ•ฉ์ด ์ž˜ ๋งž๋Š” ๊ธฐ์—…๋“ค์„ ๋งค์นญ ๋ฐ›์œผ์„ธ์š”. programmers.co.kr ๋ฐฐ์—ด๋กœ ๋“ค์–ด์˜จ ingredient ๊ฐ’์„ join์„ ํ†ตํ•ด ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜์‹œํ‚จ ๋’ค stack ๋ณ€์ˆ˜์— ์ €์žฅํ•˜์—ฌ stack์˜ ๊ธธ์ด๋งŒํผ for ๋ฌธ์„ ๋Œ๋ฉฐ indexOf ๋ฅผํ†ตํ•ด 1231์ด ์žˆ๋Š”์ง€ ์ฐพ๊ณ  ( indexOf๋Š” ์ฐพ๋Š” ๊ฐ’์ด ์—†๋‹ค๋ฉด -1์ด ๋ฆฌํ„ด๋œ๋‹ค ) ์ฐพ์•˜๋‹ค๋ฉด replace๋ฅผ ํ†ตํ•ด 1231์„ ์ง€์›Œ์ฃผ๊ณ  answer์„ 1์”ฉ ๋”ํ•œ๋‹ค function solution(ingredient) { var answer.. 2023. 1. 24.
HTML์ด ๋ Œ๋”๋ง ์ค‘์— JavaScript๊ฐ€ ์‹คํ–‰๋˜๋ฉด ๋ Œ๋”๋ง์ด ๋ฉˆ์ถ”๋Š” ์ด์œ  ๋จผ์ €!! ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง๊ณผ์ • ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ HTML๊ณผ CSS ์ž์›์„ ๋ฐ›์•„์™€์„œ DOM Tree์™€ SSOM Tree๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. DOM Tree์™€ SSOM Tree๋กœ ๋ธŒ๋ผ์šฐ์ €์— ๋ ˆ์ด์•„์›ƒ์„ ์žก์•„์ค„ ๋ Œ๋”ํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. ๋ Œ๋”ํŠธ๋ฆฌ ๋…ธ๋“œ ์žˆ๋Š” ์†์„ฑ์ด๋‚˜ ์Šคํƒ€์ผ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ธŒ๋ผ์šฐ์ €์— ํฌ๊ธฐ, ์œ„์น˜, ํฌ๊ธฐ์— ๋งž๊ฒŒ ๋ ˆ์ด์•„์›ƒ์„ ์žก๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ €์— ํŽ˜์ธํŠธ ํ•œ๋‹ค. ์ด์œ  #1 ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ์ค‘์— ํƒœ๊ทธ๋ฅผ ๋งŒ๋‚˜๊ฒŒ ๋˜๋ฉด ์ง„ํ–‰์ค‘์ธ HTMLํŒŒ์‹ฑ์„ ์ค‘์ง€ํ•˜๊ณ  js์—”์ง„์œผ๋กœ ์ œ์–ด ๊ถŒํ•œ์„ ๋„˜๊ธด๋‹ค. JSํŒŒ์‹ฑ๊ณผ ์‹คํ–‰์ด ์ข…๋ฃŒ๋˜๋ฉด ๋ Œ๋”๋ง ์—”์ง„์œผ๋กœ ๋‹ค์‹œ ๋Œ์•„๊ฐ€ ํŒŒ์‹ฑ์ด ์ค‘๋‹จ๋œ ์‹œ์ ๋ถ€ํ„ฐ ๋‹ค์‹œ ํŒŒ์‹ฑ์„ ์‹œ์ž‘ํ•œ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์‚ฌ์šฉ์ž๋Š” ์†๋„๊ฐ€ ๋Š๋ ค์ง„ ๊ฒƒ ์ฒ˜๋Ÿผ ๋Š๊ปด์ง€๊ณ  ํšจ์œจ์„ฑ์ด ๋–จ์–ด์ง„๋‹ค. ์ด๋Ÿฌํ•œ ์›๋ฆฌ ๋•Œ๋ฌธ์— ์Šคํฌ๋ฆฝํŠธ ์†Œ์Šค๋Š” body ํƒœ๊ทธ ๋์— ๋‘๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•œ๋‹ค. ์ž.. 2023. 1. 9.
Get๊ณผ Post์˜ ์ฐจ์ด GET GET method๋Š” ํด๋ผ์ด์–ธํŠธ์—์„œ ์„œ๋ฒ„๋กœ ์–ด๋– ํ•œ ์ •๋ณด๋ฅผ ์š”์ฒญํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์„œ๋“œ์ž…๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ๊ฑฐ๋‚˜, ๊ฒ€์ƒ‰ํ•  ๋•Œ์— ์‚ฌ์šฉ๋˜๋Š” method๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. GET์€ ์š”์ฒญ์„ ์ „์†กํ•  ๋•Œ URL ์ฃผ์†Œ ๋์— ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ํฌํ•จ๋˜์–ด ์ „์†ก๋˜๋ฉฐ, ์ด ๋ถ€๋ถ„์„ ์ฟผ๋ฆฌ ์ŠคํŠธ๋ง(QueryString)์ด๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค. GET ๋ฐฉ์‹์€ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•  ๋•Œ ์ด ์š”์ฒญํ•˜๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ HTTP Request Message์˜ Header ๋ถ€๋ถ„์˜ url์— ๋‹ด๊ฒจ์„œ ์ „์†ก๋œ๋‹ค. ๊ทธ๋ž˜์„œ ์š”์ฒญ์‹œ url ์ƒ์— ? ๋’ค์— ๋ฐ์ดํ„ฐ๊ฐ€ ๋ถ™์–ด์„œ request๋ฅผ ๋ณด๋‚ด๋Š” ๊ฒƒ์ด๋‹ค. ์š”์ฒญ ํŒŒ๋ผ๋ฏธํ„ฐ๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐœ์ธ ๊ฒฝ์šฐ &๋กœ ์—ฐ๊ฒฐํ•œ๋‹ค. https://localhost:3000/category?postId=3&page=3 ๊ทธ๋ฆฌ๊ณ  GET ์š”์ฒญ์€ ์˜ค๋กœ์ง€ ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ์„ .. 2022. 12. 16.