๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

๊ฐœ๋…์ •๋ฆฌ14

์˜จ๋ผ์ธ ์ฝ”๋“œ ์„œ๋น„์Šค ์˜จ๋ผ์ธ ์ฝ”๋“œ ์„œ๋น„์Šค ์ฝ”๋”ฉ ๊ทธ๋ผ์šด๋“œ : ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ / JAVA / ( JS ์ œ์™ธ)์˜จ๋ผ์ธ ์ปดํŒŒ์ผ๋Ÿฌ : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ :print(slicedColors) : console.log๊ฐ€ ์•„๋‹Œ print๋กœ ์ถœ๋ ฅํ•ด์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅ์ž๋ฐ” / ํŒŒ์ด์ฌ / R์ฝ”๋“œํŽœ : HTML / CSS / Javascript ์„ธ๊ฐ€์ง€๊ฐ€ ์œ ๊ธฐ์ ์œผ๋กœ ์—ฐ๋™๋˜์–ด ๋ณด์—ฌ์คŒ (front-end)์ฝ”๋“œ์ƒŒ๋“œ๋ฐ•์Šค : js, node ๋“ฑ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ด€๋ จ ๊ธฐ์ˆ  ํƒ‘ ์˜จ๋ผ์ธ ์ฝ”๋“œrepltit : ๋ฆฌ์•กํŠธ ๊ด€๋ จ ๊น”๋” โœจโœจโœจโœจ 2024. 6. 11.
Next `next dev` vs `next start` Q. next dev vs next start"next dev"์™€ "next start"๋Š” Next.js ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋ช…๋ น์–ด์ž…๋‹ˆ๋‹ค. next dev:"next dev" ๋ช…๋ น์–ด๋Š” ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹คํ–‰ํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.์ด ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐœ๋ฐœ ์„œ๋ฒ„๊ฐ€ ์‹œ์ž‘๋˜๊ณ , ์ฝ”๋“œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์ž๋™์œผ๋กœ ๊ฐ์ง€๋˜์–ด ๋น ๋ฅด๊ฒŒ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋˜ํ•œ, ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์„ฑ๋Šฅ ์ตœ์ ํ™”๋‚˜ ๋ฒˆ๋“ค ์ตœ์ ํ™”์™€ ๊ฐ™์€ ํ”„๋กœ๋•์…˜ ํ™˜๊ฒฝ์—์„œ ํ•„์š”ํ•œ ์ž‘์—…๋“ค์ด ์ˆ˜ํ–‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.next start:"next start" ๋ช…๋ น์–ด๋Š” ํ”„๋กœ๋•์…˜ ํ™˜๊ฒฝ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹คํ–‰ํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.์ด ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด Next.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ํ”„๋กœ๋•์…˜ ๋ชจ๋“œ๋กœ ์‹คํ–‰๋˜๋ฉฐ, ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ ๋ฒˆ๋“ค ์ตœ์ ํ™”๊ฐ€ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.๋˜ํ•œ, "next.. 2024. 6. 7.
์ œ์–ด๋ฌธ - switch case ์ œ์–ด๋ฌธ ( if / for / else / while / switch-case ) ํ”„๋กœ๊ทธ๋žจ์€ ์ˆœ์„œ / ์กฐ๊ฑด / ๋ฐ˜๋ณต์˜ ๊ธฐ๋Šฅ๋“ค๋กœ ์ด๋ฃจ์–ด์ ธ์žˆ๋‹ค. ์ œ์–ด๋ฌธ์œผ๋กœ ์ˆœ์„œ๋ฅผ ๊ฑฐ์Šค๋ฅด๊ณ  ๋›ฐ์–ด๋„˜๊ธฐ๋„ ํ•˜๋Š” ๋“ฑ์˜ ํ–‰์œ„๋ฅผ ํ•˜๋Š” ์ œ์–ดํ•œ๋‹ค. switch - case๋ฌธ ๋‹จ์ˆœ ๋น„๊ต๊ฐ€ ๊ฐ€๋Šฅํ•œ ๋ถ„๊ธฐ๋ฌธ ์ผ์น˜/๋“ฑ์น˜ (=)์ผ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. (1) switch-case ๊ธฐ๋ณธ๊ตฌ์กฐ switch( ๊ฐ’ ) { case ๋น„๊ต1 : ์‹คํ–‰1; break; case ๋น„๊ต2 : ์‹คํ–‰2; break; case ๋น„๊ต3 : ์‹คํ–‰3; break; default ๊ธฐ๋ณธ ์‹คํ–‰; } (2) ๊ธฐ๋ณธ ๊ตฌ์กฐ ๋ถ„์„ switch ๋‹ค์Œ์— ์ œ์‹œ๋œ ๊ฐ’๊ณผ case ๋‹ค์Œ์— ๋‚˜์˜ค๋Š” ๊ฐ’์„ ๋น„๊ตํ•˜๋Š” ๊ตฌ์กฐ ๋น„๊ต ์‹œ ์ œ์‹œ๋œ ๊ฐ’๊ณผ ๋‹ค๋ฅธ ๊ฒฝ์šฐ ์ง€๋‚˜์น˜๋Š” case ๋ถ€๋ถ„ (pass) break : ํ‡ด์ถœ๋ฌธ์žฅ์œผ๋กœ ํ•ด.. 2022. 5. 28.
ํด๋ž˜์Šค (Class)์˜ ์ธ์Šคํ„ด์Šคํ™” ํด๋ž˜์Šค (Class) ํด๋ž˜์Šค๋Š” ์ž๋ฐ” ํ”„๋กœ๊ทธ๋žจ์˜ ๊ธฐ๋ณธ ๋‹จ์œ„๋กœ ๋ฌด์กฐ๊ฑด ํด๋ž˜์Šค ์•ˆ์—๋Š” ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜๊ฐ€ ๋‹ด๊ฒจ ์žˆ์–ด์•ผ ํ•œ๋‹ค. ํ”„๋กœ๊ทธ๋žจ์—์„œ ์—ฐ์‚ฐ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ณ€์ˆ˜์— ์ €์žฅํ•ด์„œ ์ €์žฅ๋œ ๊ฐ’์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ฐ˜ํ™˜ํ•˜๋Š” ๊ณผ์ •๋“ค์ด ์ด๋ค„์ง„๋‹ค. ์—ฐ์‚ฐ์ž๊นŒ์ง€๋Š” ์ˆœ์ฐจ์  ์ฒ˜๋ฆฌ ์ œ์–ด๋ฌธ์ด ๋‚˜์˜จ๋‹ค๋ฉด ์ˆœ์ฐจ์  ์ฒ˜๋ฆฌ์—์„œ ์ ˆ์ฐจ์ง€ํ–ฅํ˜•์œผ๋กœ ๋ฐ”๋€๋‹ค. ํ•จ์ˆ˜๋Š” ๊ณ ๊ธ‰ ์ ˆ์ฐจ ์ง€ํ–ฅ ์ฒ˜๋ฆฌ ๋ฐฉ์‹์ด๋‹ค. ๐Ÿ’ญ ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ์ƒ๊ฐ ํ•ธ๋“œํฐ Class์—๋Š” ์ „๋ฒˆ ๋ณ€์ˆ˜ 1๊ฐœ์™€ ํ•จ์ˆ˜ 3๊ฐœ๋กœ ์ด๋ฃจ์–ด์ ธ์žˆ๋‹ค. ํ•ธ๋“œํฐ Class๋ฅผ ์ถ”์ƒํ™” ํ•ด์•ผํ•˜๋ฉฐ ํ•จ์ˆ˜๋ฅผ ์žฌํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค. ํ•ธ๋“œํฐ Class๋ฅผ ์‹ค์ œ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ฉ”๋ชจ๋ฆฌ์— ์˜ฌ๋ผ๊ฐ€์•ผ ํ•œ๋‹ค. ๋ฉ”๋ชจ๋ฆฌ์— ์˜ฌ๋ผ๊ฐ€๋Š” ๊ฒƒ์€ ํ”„๋กœ์„ธ์Šค๋กœ ํ”„๋กœ์„ธ์Šค ์•ˆ์—๋Š” ์Šค๋ ˆ๋“œ๋“ค์ด ์กด์žฌํ•œ๋‹ค. instanceํ™” = ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ํ™•๋ณด โญ์ธ์Šคํ„ด์Šค ๋งŒ๋“œ๋Š” ๋ช…๋ น์–ดโญ ํด๋ž˜.. 2022. 5. 24.
728x90
๋ฐ˜์‘ํ˜•