Transparent White Star

๐Ÿ’œ ์Šคํ”„๋ฆฐํŠธ FE 9๊ธฐ

์ฝ”๋“œ์ž‡ 9๊ธฐ ์Šคํ”„๋ฆฐํŠธ !!
์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธํ•˜๋Š” ๋ฐฉ๋ฒ• ์ค‘ session ๊ธฐ๋ฐ˜ ์ธ์ฆ, token ๊ธฐ๋ฐ˜ ์ธ์ฆ(JWT)์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ๊ฐ๊ฐ ์ฐจ์ด์ ์ด ๋ญ”์ง€ ์‚ดํŽด๋ณด์ž ๐Ÿง1๏ธโƒฃ ์„ธ์…˜ ๊ธฐ๋ฐ˜ ์ธ์ฆ๊ฐœ๋…์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธํ•˜๋ฉด ์„œ๋ฒ„๋Š” ๊ณ ์œ ํ•œ ์„ธ์…˜ ID๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์„œ๋ฒ„์˜ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅํ•˜๊ณ , ํ•ด๋‹น ์„ธ์…˜ ID๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ์ฟ ํ‚ค ํ˜•ํƒœ๋กœ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.์ดํ›„ ํด๋ผ์ด์–ธํŠธ๋Š” ์„œ๋ฒ„์— ์š”์ฒญ์„ ๋ณด๋‚ผ ๋•Œ ์ด ์„ธ์…˜ ID๋ฅผ ํฌํ•จํ•˜์—ฌ ์ „์†กํ•ฉ๋‹ˆ๋‹ค.์œ„ ๊ทธ๋ฆผ์—์„œ 3๋‹จ๊ณ„๋Š” ์„œ๋ฒ„๊ฐ€ ์„ธ์…˜ ID๋ฅผ ์ฟ ํ‚ค ํ˜•ํƒœ๋กœ ํด๋ผ์ด์–ธํŠธ์— ๋ณด๋‚ธ๋‹ค. ํด๋ผ์ด์–ธํŠธ๋Š” ์ด ์„ธ์…˜ ID ์ฟ ํ‚ค๋ฅผ ์ €์žฅํ•œ๋‹ค.4๋‹จ๊ณ„๋Š” ๋ธŒ๋ผ์šฐ์ €๋Š” ์ดํ›„ ๋ชจ๋“  ์š”์ฒญ๋งˆ๋‹ค ์ €์žฅํ•œ ์„ธ์…˜ ID ์ฟ ํ‚ค๋ฅผ ์ž๋™์œผ๋กœ ์„œ๋ฒ„์— ํฌํ•จํ•ด ๋ณด๋ƒ…๋‹ˆ๋‹ค. ์„œ๋ฒ„๋Š” ์ด ์„ธ์…˜ ID๋ฅผ ํ†ตํ•ด ์œ ์ €๋ฅผ ์‹๋ณ„ํ•˜๊ณ , ์ธ์ฆ๋œ ์ƒํƒœ์ž„์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.์ดํ›„ 5๋‹จ๊ณ„์—์„œ ์œ ์ € ์ธ์ฆ ํ›„, ..
์ผ๊ณฑ์งธ ๋‚ ์€ '์—†๋Š” ์ˆซ์ž ๋”ํ•˜๊ธฐ์™€ ๋‚ด์ ' ์ด๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ๋Š” ํ•ด๋‹น ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€, ๊ฒช์—ˆ๋˜ ์–ด๋ ค์›€, ๊ทธ๋ฆฌ๊ณ  ๋ฐฐ์šด ์ ์„ ํšŒ๊ณ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ž‘์„ฑํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š๐Ÿ“Ž ๋จผ์ € ์—†๋Š” ์ˆซ์ž ๋”ํ•˜๊ธฐ๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.๋ฌธ์ œ ์„ค๋ช…0๋ถ€ํ„ฐ 9๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ ์ผ๋ถ€๊ฐ€ ๋“ค์–ด์žˆ๋Š” ์ •์ˆ˜ ๋ฐฐ์—ด numbers๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. numbers์—์„œ ์ฐพ์„ ์ˆ˜ ์—†๋Š” 0๋ถ€ํ„ฐ 9๊นŒ์ง€์˜ ์ˆซ์ž๋ฅผ ๋ชจ๋‘ ์ฐพ์•„ ๋”ํ•œ ์ˆ˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜๊ธฐ์ž…๋‹ˆ๋‹ค.(์ž…์ถœ๋ ฅ์˜ ์˜ˆ)numbersresult[1, 2, 3, 4, 6, 7, 8, 0]14[5, 8, 4, 0, 6, 7, 9]6 ๋ฌธ์ œ ํ•ด๊ฒฐ ์ ‘๊ทผ1~9๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ numbers ๋ฐฐ์—ด์— ํฌํ•จ๋˜์ง€ ์•Š๋Š” ์ˆซ์ž๋ฅผ result์— ๋”ํ•˜๋Š” ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ..
์—ฌ์„ฏ์งธ ๋‚ ์€ 'x๋งŒํผ ๊ฐ„๊ฒฉ์ด ์žˆ๋Š” n๊ฐœ์˜ ์ˆซ์ž' ๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ๋Š” ํ•ด๋‹น ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€, ๊ฒช์—ˆ๋˜ ์–ด๋ ค์›€, ๊ทธ๋ฆฌ๊ณ  ๋ฐฐ์šด ์ ์„ ํšŒ๊ณ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ž‘์„ฑํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š๋ฌธ์ œ ์„ค๋ช…์ด ์ •์ˆ˜๋“ค์˜ ์ ˆ๋Œ“๊ฐ’์„ ์ฐจ๋ก€๋Œ€๋กœ ๋‹ด์€ ์ •์ˆ˜ ๋ฐฐ์—ด absolutes์™€ ์ด ์ •์ˆ˜๋“ค์˜ ๋ถ€ํ˜ธ๋ฅผ ์ฐจ๋ก€๋Œ€๋กœ ๋‹ด์€ ๋ถˆ๋ฆฌ์–ธ ๋ฐฐ์—ด signs๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค.์‹ค์ œ ์ •์ˆ˜๋“ค์˜ ํ•ฉ์„ ๊ตฌํ•˜์—ฌ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜๊ธฐ ! ์ž…๋‹ˆ๋‹ค.(์ž…์ถœ๋ ฅ์˜ ์˜ˆ)absolutessignsresult[4, 7, 12][true, false, true]9[1, 2, 3][false, false, false]0๋ฌธ์ œ ํ•ด๊ฒฐ ์ ‘๊ทผ์•ž์—์„œ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ ๋งŽ์ด ํ•ด๋ณธ ํ›„ ์ด์ œ ๋ฐฐ์—ด์˜ ํ•ฉ์€ reduce ๋ฉ”์„œ๋“œ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ํ’€์–ด๋ด์•ผ๊ฒ ๋‹ค..
๋„ท์งธ ๋‚ ์€ 'x๋งŒํผ ๊ฐ„๊ฒฉ์ด ์žˆ๋Š” n๊ฐœ์˜ ์ˆซ์ž' ๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ๋Š” ํ•ด๋‹น ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€, ๊ฒช์—ˆ๋˜ ์–ด๋ ค์›€, ๊ทธ๋ฆฌ๊ณ  ๋ฐฐ์šด ์ ์„ ํšŒ๊ณ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ž‘์„ฑํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š๋ฌธ์ œ ์„ค๋ช…์ •์ˆ˜ x์™€ ์ž์—ฐ์ˆ˜ n์„ ์ž…๋ ฅ๋ฐ›์•„, x๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด x์”ฉ ์ฆ๊ฐ€ํ•˜๋Š” ์ˆซ์ž๋ฅผ n๊ฐœ ์ง€๋‹ˆ๋Š” ๋ฆฌ์ŠคํŠธ๋ฅผ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค.(์ž…์ถœ๋ ฅ์˜ ์˜ˆ)xnanswer25[2, 4, 6, 8, 10]43[4, 8, 12]-42[-4, -8]๋ฌธ์ œ ํ•ด๊ฒฐ ์ ‘๊ทผ์ผ๋‹จ for๋ฌธ์„ (์ดˆ๊ธฐ๊ฐ’ = x, n๊นŒ์ง€ x++)์œผ๋กœ ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.function solution(x, n) { var answer = []; for (let i = x; i ์šฐ์„  ์ด ๋ฐฉ๋ฒ•์œผ๋กœ ์ ‘๊ทผํ•ด ๋ณด์•˜์ง€๋งŒ ํ…Œ์ŠคํŠธ์—์„œ ๋Ÿฐํƒ€์ž„ ์˜ค๋ฅ˜๋กœ ๋ฌดํ•œ๋ฃจํ”„๊ฐ€ ๋ฐœ์ƒํ•˜์˜€๋‹ค.๋ฌธ์ œ์˜ ์›์ธ์€ ์–‘์ˆ˜์ผ ๋•Œ..
๋ฒŒ์จ ์ฝ”๋“œ์ž‡ ์Šคํ”„๋ฆฐํŠธ๋ฅผ ์‹œ์ž‘ํ•œ์ง€ ์–ด๋Š๋ง 4๊ฐœ์›” ์งธ์ด๋‹ค.์œ„ํด๋ฆฌ ํŽ˜์ดํผ ์ฃผ์ œ๋Š” ํŒ€์›๋“ค๊ณผ ํ† ์š”์ผ๋งˆ๋‹ค ์–˜๊ธฐํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ–๊ณ ์žˆ๋‹ค. ์œ„ํด๋ฆฌ ํŽ˜์ดํผ ๋ธ”๋กœ๊ทธ ์—…๋กœ๋“œ๋Š” ์ž˜ ์•ˆํ–ˆ์ง€๋งŒ..ใ…Ž์˜ค๋žœ๋งŒ์— ์ค‘์š”ํ•œ ์ฃผ์ œ๊ฐ€ ๋‚˜์™€์„œ ๋‹ค์‹œ ๊ธ€ ์“ฐ๊ฒŒ ๋˜์—ˆ๋‹ค โœŒ๏ธ ๐Ÿ‘ฉ‍๐Ÿซ CORS ์—๋Ÿฌ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜๋ฉด ๋ ์ง€ ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.CORS๋Š” Cross-Origin Resource Sharing์˜ ์•ฝ์ž์ž…๋‹ˆ๋‹ค.A Origin์—์„œ B Origin์œผ๋กœ ๋‹ค๋ฅธ Origin์œผ๋กœ ์ž์›์„ ์š”์ฒญํ•˜๋Š” ํ˜„์ƒ์ž…๋‹ˆ๋‹ค.Warning !Access to fetch at ‘https://myhompage.com’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Con..
์…‹์งธ ๋‚ ์€'๋Œ€๋ฌธ์ž์™€ ์†Œ๋ฌธ์ž'๋ผ๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.reduce ๋ฉ”์„œ๋“œ์— ๋Œ€ํ•ด ์•Œ๊ฒŒ๋˜์—ˆ๋‹ค. reduce์˜ ์ธ์ˆ˜๋กœ ์–ด๋–ค ๊ฒƒ๋“ค์ด ์˜ค๋Š”์ง€ ์‚ดํŽด๋ณด์•˜๋‹ค.๋ฌธ์ œ ์„ค๋ช…์ •๋ง ๊ฐ„๋‹จํ•œ ๋ฌธ์ œ !!๋Œ€๋ฌธ์ž โžก๏ธ ์†Œ๋ฌธ์ž / ์†Œ๋ฌธ์ž โžก๏ธ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊ฟ”์ฃผ๋Š” ๋ฌธ์ œ์ด๋‹ค.(์ž…์ถœ๋ ฅ์˜ ์˜ˆ) my_stringresult์ž…๋ ฅ"cccCCC""CCCccc"์ถœ๋ ฅ"abCdEfghIJ""ABcDeFGHij" ๋ฌธ์ œ ํ•ด๊ฒฐ ์ ‘๊ทผ์ผ๋‹จ ๋Œ€๋ฌธ์ž์™€ ์†Œ๋ฌธ์ž๋Š” toLowerCase(), toUpperCase()๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค.ํ•˜์ง€๋งŒ ๋ชจ๋‘ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ๋ชจ๋‘ ์†Œ๋ฌธ์ž๋กœ ๋ฐ”๊พธ๋Š” ๋ฌธ์ œ๋Š” ์•„๋‹ˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์กฐ๊ธˆ ๊ณ ๋ฏผ .. ๐Ÿค”๐Ÿ’ฌ์ƒ๊ฐ๋‚œ ๋ฉ”์„œ๋“œ๋Š” split, map, join, toLowerCase, toUpperCase์ด๋‹ค.1. ๋ฌธ์ž์—ด์„ ๊ฐœ๋ณ„๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•œ..
yyezzzy
'๐Ÿ’œ ์Šคํ”„๋ฆฐํŠธ FE 9๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก