๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Daily/Today I Learned

210128_TIL

by joooing 2021. 1. 29.
๋ฐ˜์‘ํ˜•

๐ŸŽ ์˜ค๋Š˜ ํ•œ ์ผ


โœ”๏ธ Toy - isSubsetOf (๋ถ€๋ถ„์ง‘ํ•ฉ ์—ฌ๋ถ€ ํŒ๋‹จ)
๋‘ ๋ฐฐ์—ด์ด ์ฃผ์–ด์ง€๊ณ , ํ•œ ๋ฐฐ์—ด์ด ๋‚˜๋จธ์ง€ ๋ฐฐ์—ด์˜ ๋ถ€๋ถ„์ง‘ํ•ฉ์ธ์ง€ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ํ’€์—ˆ๋‹ค. while๋ฌธ ๋‚ด๋ถ€์— if๋ฌธ์„ ์‚ฌ์šฉํ•ด์„œ, ์ธ๋ฑ์Šค๋ฅผ ๋น„๊ตํ•˜๋ฉฐ ๊ฒฐ๊ณผ์— ๋”ฐ๋ผ ์ธ๋ฑ์Šค๋ฅผ ๋‹ค๋ฅด๊ฒŒ ์ฆ๊ฐ€์‹œํ‚ค๊ฑฐ๋‚˜ ๊ฒฐ๊ณผ๋ฅผ ๋ฆฌํ„ดํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์˜ค๋Š˜๋„ ๋ชจ๊ฐ์ฝ”์—์„œ ์„œ๋กœ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ•ด์ฃผ๊ธฐ๋กœ ํ•ด์„œ ๋‹ค๋ฅธ๋ถ„๋“ค์˜ ์ฝ”๋“œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ, ๋„ค ๋ช…๋ฐ–์— ์—†์—ˆ๋Š”๋ฐ๋„ ๊ฐ์ž ์ฝ”๋“œ๊ฐ€ ์—„์ฒญ ๋‹ฌ๋ž๋‹ค. ์ด์ค‘ for๋ฌธ์œผ๋กœ ํ•ด๊ฒฐํ•˜์‹  ๋ถ„๋„ ์žˆ์—ˆ๊ณ , ์ด์ค‘ for๋ฌธ์œผ๋กœ ํ’€์—ˆ๋˜ ๋ฌธ์ œ๋ฅผ ๋‚ด๋ถ€์— ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•ด for๋ฌธ์„ ๋‘๊ฐœ๋กœ ์ชผ๊ฐœ๋Š” ๋ฐฉ์‹์œผ๋กœ ์‹œ๊ฐ„๋ณต์žก๋„๋ฅผ ์ค„์ด์‹  ๋ถ„๋„ ์žˆ์—ˆ๊ณ , label์„ ํ™œ์šฉํ•ด ๋ฐ˜๋ณต๋ฌธ์„ ์ œ์–ดํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ‘ธ์‹  ๋ถ„๋„ ์žˆ์—ˆ๋‹ค..!

โœ”๏ธ Node.js ๋” ์•Œ์•„๋ณด๊ธฐ
Node.js๋ฅผ ์ ์  ์ž์ฃผ ์“ฐ๊ฒŒ ๋˜๋Š” ๊ฒƒ ๊ฐ™์•„์„œ ์ •ํ™•ํžˆ ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋Š”์ง€, ๋” ์•Œ์•„์•ผ ํ• ๊ฒŒ ๋ญ๊ฐ€ ์žˆ๋Š”์ง€ ์•Œ์•„๋ดค๋‹ค. ์ผ๋‹จ์€ ๋ธŒ๋ผ์šฐ์ €์™€์˜ ์ฐจ์ด์ ์€, ๋ธŒ๋ผ์šฐ์ €๋Š” HTML, CSS, JS๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ๋ Œ๋”๋งํ•˜๋Š”๊ฒŒ ์ฃผ๋ชฉ์ ์ด์ง€๋งŒ Node.js๋Š” ๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€์—์„œ JS ์‹คํ–‰ํ™˜๊ฒฝ ์ œ๊ณตํ•˜๋Š”๊ฒŒ ์ฃผ๋ชฉ์ ์ด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ๋•๋ถ„์— ํ”„๋ก ํŠธ,๋ฐฑ ๋ชจ๋‘์—์„œ Javascript๊ฐ€ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ด์กŒ๋‹ค. ๋‘ ํ™˜๊ฒฝ ๋ชจ๋‘ ECMAScript ์‹คํ–‰ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ Node.js์—์„œ๋Š” ๊ทธ ์ด์™ธ์— ์ถ”๊ฐ€๋กœ ์ œ๊ณต๋˜๋Š” ๊ธฐ๋Šฅ์€ ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ํ•œ๋‹ค. DOM๋„ ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š” ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์‘๋‹ต ์ฒ˜๋ฆฌ ์†๋„๊ฐ€ ๋นจ๋ผ ์‹ค์‹œ๊ฐ„ ์ฒ˜๋ฆฌ์— ์ ํ•ฉํ•˜๋‹ค๊ณ  ํ•œ๋‹ค. (SPA(Single Page Application)์— ์ ํ•ฉ)

โœ”๏ธ ์•”๋ฌต์  ํƒ€์ž… ๋ณ€ํ™˜, ๋ช…์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜ ์˜ˆ์‹œ ์ •๋ฆฌ
Javascript ์—”์ง„์€ ํ‘œํ˜„์‹์„ ํ‰๊ฐ€ํ•  ๋•Œ, ์ฝ”๋“œ์˜ ๋ฌธ๋งฅ์„ ๊ณ ๋ คํ•ด์„œ ์•”๋ฌต์ ์œผ๋กœ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ๊ฐ•์ œ์ ์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ๋„ ํ•˜๋Š”๋ฐ ์ด๊ฑธ '์•”๋ฌต์  ํƒ€์ž… ๋ณ€ํ™˜'์ด๋ผ๊ณ  ํ•œ๋‹ค. ๋ฐ˜๋Œ€๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ๋ช…์‹œ์ ์œผ๋กœ ํƒ€์ž…์„  ๋ณ€ํ™˜ํ•  ์ˆ˜๋„ ์žˆ๋Š”๋ฐ ์ด๊ฑด '๋ช…์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜'์ด๋ผ๊ณ  ํ•œ๋‹ค. ๋ฐ์ดํ„ฐ ํƒ€์ž…๋ณ„๋กœ ์–ด๋–ป๊ฒŒ ์•”๋ฌต์ , ๋ช…์‹œ์  ๋ณ€ํ™˜์„ ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด์•˜๋‹ค. ํŠนํžˆ ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž๋กœ ํ˜•๋ณ€ํ™˜์„ ํ•˜๊ฑฐ๋‚˜, ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž๋กœ ํ˜•๋ณ€ํ™˜์„ ํ•˜๋Š” ๋ถ€๋ถ„์ด ์ œ์ผ ํฅ๋ฏธ๋กœ์› ๋‹ค. ๋ฐฐ์—ด๋„ [10,20] + '' ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด join๋ฉ”์„œ๋“œ๋ฅผ ์“ด ๊ฒƒ์ฒ˜๋Ÿผ '10,20' ์ด๋ ‡๊ฒŒ ๋ฌธ์ž์—ด๋กœ ๋ฐ”๋€Œ์–ด๋ฒ„๋ฆฐ๋‹ค. 

 

๐ŸŽ ๊ธฐ์–ตํ•  ๊ฒƒ


โœ”๏ธ ๋‹จ์ถ• ํ‰๊ฐ€
: ํ‘œํ˜„์‹์„ ํ‰๊ฐ€ํ•˜๋Š” ๋„์ค‘์— ํ‰๊ฐ€ ๊ฒฐ๊ณผ๊ฐ€ ํ™•์ •๋œ ๊ฒฝ์šฐ ๋‚˜๋จธ์ง€ ํ‰๊ฐ€ ๊ณผ์ •์„ ์ƒ๋žตํ•˜๋Š” ๊ฒƒ (&&, ||)
if๋ฌธ์„ ๋Œ€์ฒดํ•  ๋•Œ, ๊ธฐ๋ณธ๊ฐ’ ์„ค์ •์œผ๋กœ ์—๋Ÿฌ๋ฅผ ๋ฐฉ์ง€ํ•˜๊ณ ์ž ํ•  ๋•Œ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๋‹ค! 

 

let done = true;
let message = '';

if (done) message = '์™„๋ฃŒ';
message = done && '์™„๋ฃŒ';

let done = false;
let message = '';

if (!done) message = '๋ฏธ์™„๋ฃŒ';
message = done || '๋ฏธ์™„๋ฃŒ';

 

๐ŸŽ ๋” ๊ณต๋ถ€ํ•  ๊ฒƒ


โœ”๏ธ Symbol
โœ”๏ธ ๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ
๋ฐ˜์‘ํ˜•

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

210201_TIL  (0) 2021.02.02
210129_TIL  (0) 2021.01.30
210127_TIL  (0) 2021.01.28
210126_TIL  (0) 2021.01.27
210125_TIL  (0) 2021.01.26

๋Œ“๊ธ€