Dream๐Ÿฐng
article thumbnail
[S2U2] JavaScript ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๊ฐ์ฒด ์ง€ํ–ฅ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€? ํ•˜๋‚˜์˜ ์ฒญ์‚ฌ์ง„์„ ๋งŒ๋“ค๊ณ  ๊ทธ ์ฒญ์‚ฌ์ง„์„ ๋ฐ”ํƒ•์œผ๋กœ, ์ฆ‰ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” class๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ•˜๋Š” ํ•˜๋‚˜์˜ ๊ฐ์ฒด, ์ฆ‰ instance๋ฅผ ๋งŒ๋“œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจํ„ด์„ ์˜๋ฏธํ•œ๋‹ค. โœ๏ธ ํด๋ž˜์Šค์™€ ์ธ์Šคํ„ด์Šค ํด๋ž˜์Šค๋Š” ์†์„ฑ๊ณผ ๋ฉ”์†Œ๋“œ๋ฅผ ์ •์˜ํ•˜๋Š” ๊ณต๊ฐ„์ด๊ณ  ์ธ์Šคํ„ด์Šค๋Š” ํด๋ž˜์Šค์—์„œ ์ •์˜๋œ ์ •๋ณด๋“œ๋ฅผ ๊ฐ€์ ธ์™€ ์ด์šฉํ•˜๋Š” ๊ฐ์ฒด์ด๋‹ค. ์†์„ฑ์€ ํด๋ž˜์Šค์— ํฌํ•จ๋˜๋Š” ๋ณ€์ˆ˜๋ฅผ ์˜๋ฏธํ•˜๊ณ , ๋ฉ”์†Œ๋“œ๋Š” ํด๋ž˜์Šค์— ํฌํ•จ๋˜๋Š” ํ•จ์ˆ˜๋ฅผ ์˜๋ฏธํ•œ๋‹ค. ํด๋ž˜์Šค๋ฅผ ์ •์˜ํ•˜๋Š” ๋ฐ์—๋Š” 2๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค. ํ•จ์ˆ˜๋กœ ์ •์˜ (ES5 ๋ฌธ๋ฒ•) function Introduce(name, age, favorite) { // ์ธ์Šคํ„ด์Šค ๋งŒ๋“ค์–ด์งˆ ๋•Œ ์‹คํ–‰๋˜๋Š” ์ฝ”๋“œ } class ํ‚ค์›Œ๋“œ๋กœ ์ •์˜ (ES6 ๋ฌธ๋ฒ•) class Introduce { constructor(..

article thumbnail
[S2U1] JavaScript ๊ณ ์ฐจ ํ•จ์ˆ˜

๊ณ ์ฐจ ํ•จ์ˆ˜ ๊ณ ์ฐจ ํ•จ์ˆ˜๋ž€? ๊ณ ์ฐจ ํ•จ์ˆ˜๋Š” 1. ํ•จ์ˆ˜๋ฅผ arguments๋กœ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ฑฐ๋‚˜ 2. ํ•จ์ˆ˜๋ฅผ returnํ•  ์ˆ˜ ์žˆ๊ฑฐ๋‚˜ 3. ๋˜๋Š” ์œ„ ๋‘ ๊ฐ€์ง€ ์‚ฌํ•ญ์— ๋ชจ๋‘ ํ•ด๋‹นํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์˜๋ฏธํ•œ๋‹ค. // ๋‹ค๋ฅธ ํ•จ์ˆ˜๋ฅผ arguments๋กœ ๋ฐ›๋Š” ๊ฒฝ์šฐ function double(num) { return num * 2; } function doubleNum(func, num) { return func(num); } let output = doubleNum(double, 4); // return๊ฐ’์ด ํ•จ์ˆ˜์ธ ๊ฒฝ์šฐ function adder(added) { return function (num) { return num + added; }; } let output = adder(5)(3); // ๋˜๋Š” ์œ„ ๋‘ ๊ฐ€์ง€์— ๋ชจ๋‘ ํ•ด๋‹นํ•˜๋Š”..

article thumbnail
[S1U11] JS/๋ธŒ๋ผ์šฐ์ € DOM

DOM ๊ธฐ์ดˆ DOM์ด๋ž€? Document Object Model์˜ ์•ฝ์ž๋กœ, HTML ์š”์†Œ๋ฅผ JavaScript ๊ฐ์ฒด์ฒ˜๋Ÿผ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋ธ์„ ๋งํ•œ๋‹ค. โœ๏ธ HTML์— JavaScript ์ ์šฉํ•˜๊ธฐ HTML์„ JavaScript์—์„œ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” HTML ๋ฌธ์„œ์™€ JavaScript ๋ฌธ์„œ๋ฅผ ์—ฐ๊ฒฐํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค. ์ด ๋•Œ HTML ๋ฌธ์„œ ๋‚ด์— ํƒœ๊ทธ ์•ˆ์— ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•  ๊ฒฝ์šฐ, ํƒœ๊ทธ ๋‚ด๋ถ€๋ฅผ ํ•ด์„ํ•˜๊ณ  ํƒœ๊ทธ๋ฅผ ํ•ด์„ํ•˜๊ธฐ ๋•Œ๋ฌธ์— JavaScript์—์„œ ํƒœ๊ทธ ๋‚ด๋ถ€ ์š”์†Œ๋ฅผ ์ฐธ์กฐํ•ด๋„ ์ฝ์„ ์ˆ˜ ์žˆ๋‹ค. ํƒœ๊ทธ ์•ˆ์— ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•  ๊ฒฝ์šฐ, ์‚ฌ์šฉ์ž๊ฐ€ ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๋‚ด์šฉ์„ ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์œผ๋‚˜ HTML ์ฝ”๋“œ๊ฐ€ js์— ์˜์กด์ ์ด๋ผ๋ฉด ์˜๋ฏธ์žˆ๋Š” ํ™”๋ฉด์„ ๋ณด๊ธฐ๊นŒ์ง€๋Š” ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆด ์ˆ˜ ์žˆ๋‹ค. Hello JavaScript! ํƒœ๊ทธ ๋‚ด์— defer..

article thumbnail
[S1U10] JavaScript ํ•ต์‹ฌ ๊ฐœ๋…๊ณผ ์ฃผ์š” ๋ฌธ๋ฒ•

์›์‹œ ์ž๋ฃŒํ˜•๊ณผ ์ฐธ์กฐ ์ž๋ฃŒํ˜• โœ๏ธ ์›์‹œ ์ž๋ฃŒํ˜• ์›์‹œ ์ž๋ฃŒํ˜•์ด๋ž€? ๊ฐ์ฒด๊ฐ€ ์•„๋‹ˆ๋ฉด์„œ method๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๋Š” ์ž๋ฃŒํ˜•์œผ๋กœ ๋ณ€์ˆ˜์— ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋งŒ ์ €์žฅํ•  ์ˆ˜ ์žˆ๊ณ  ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋Š” ๊ฐ’ ์ž์ฒด์ด๋‹ค. ์›์‹œ ์ž๋ฃŒํ˜• ์ข…๋ฅ˜ 6๊ฐ€์ง€ string, number, bigint, boolean, undefined, symbol, (null) "hello world!" "hello september!" // "hello world"์™€ "hello september!"์€ ๋ชจ๋‘ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋Š” ๊ณ ์ •๋œ ๊ฐ’์ด๋‹ค. let word = "hello world!" word = "hello september!" // word๋ผ๋Š” ๋ณ€์ˆ˜์— ์žฌํ• ๋‹น์„ ํ•˜์—ฌ ๋ณ€์ˆ˜์— ๋‹ด๊ธด ๋‚ด์šฉ์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์€ ๊ฐ€๋Šฅํ•˜๋‹ค. โœ๏ธ ์ฐธ์กฐ ์ž๋ฃŒํ˜• ์ฐธ์กฐ ์ž๋ฃŒํ˜•์ด๋ž€? ์›์‹œ ์ž๋ฃŒํ˜•์ด ์•„๋‹Œ..

article thumbnail
[S1U9] JavaScript ๋ฐฐ์—ด, ๊ฐ์ฒด

๋ฐฐ์—ด ๋ฐฐ์—ด์ด๋ž€? ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๊ฐ’์œผ๋กœ ์ด๋•Œ ์ˆœ์„œ๋Š” ์ธ๋ฑ์Šค(index), ๊ฐ’์€ ์š”์†Œ(element)๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ์ธ๋ฑ์Šค๋Š” 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค. ๋ฐฐ์—ด์„ ์„ ์–ธํ•  ๋•Œ, ๋Œ€๊ด„ํ˜ธ๋กœ ๋ฐฐ์—ด์„ ๋งŒ๋“ค๊ณ  ๊ฐ ์š”์†Œ๋Š” ์‰ผํ‘œ๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. let myEmoji = ['๐Ÿฐ', '๐Ÿ“', '๐Ÿฐ', '๐Ÿ’œ', '๐Ÿ‘']; // myEmoji์˜ 3๋ฒˆ ์ธ๋ฑ์Šค๋ฅผ ์กฐํšŒํ•  ๊ฒฝ์šฐ myEmoji[3]; // '๐Ÿ’œ' // myEmoji์˜ 3๋ฒˆ ์ธ๋ฑ์Šค๋ฅผ ๋ณ€๊ฒฝํ•  ๊ฒฝ์šฐ myEmoji[3] = '๐Ÿ’–'; console.log(myEmoji); // ['๐Ÿฐ', '๐Ÿ“', '๐Ÿฐ', '๐Ÿ’–', '๐Ÿ‘'] ๋ฐฐ์—ด์€ ๋ฐฐ์—ด ๋‚ด๋ถ€์— ๋ฐฐ์—ด์„ ๋งŒ๋“ค์–ด 2์ฐจ์›, 3์ฐจ์›์˜ ๋ฐฐ์—ด ์„ ์–ธ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค. โœ๏ธ ๋ฐฐ์—ด์˜ ๊ธฐ์ดˆ ์†์„ฑ๊ณผ ๋ฉ”์†Œ๋“œ ์†์„ฑ length: ๋ฐฐ์—ด์˜ ๊ธธ์ด๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋‹ค. myEmoji.leng..

article thumbnail
[S1U8] Linux/Git ๊ธฐ์ดˆ

Command-Line Interface CLI๋ž€? Command-Line Interface์˜ ์•ฝ์ž๋กœ GUI๊ฐ€ ๊ฐœ๋ฐœ๋˜๊ธฐ ์ „ ์ปดํ“จํ„ฐ๋ฅผ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋œ ์ธํ„ฐํŽ˜์ด์Šค๋กœ, ํ„ฐ๋ฏธ๋„์„ ์ด์šฉํ•ด ํ‚ค๋ณด๋“œ๋กœ ์ž…๋ ฅ / ๋ชจ๋‹ˆํ„ฐ๋กœ ์ถœ๋ ฅ์„ ํ•˜์—ฌ ๋ชจ๋“  ์ž‘์—…์ด ๊ฐ€๋Šฅํ•˜๋‹ค. โœ๏ธ macOS์—์„œ ํ„ฐ๋ฏธ๋„ ์‹คํ–‰ํ•˜๊ธฐ ๋Ÿฐ์น˜ํŒจ๋“œ ์ด์šฉ a. ๋…(dock)์—์„œ ๋Ÿฐ์น˜ํŒจ๋“œ๋ฅผ ํด๋ฆญํ•œ๋‹ค. b. ๋Ÿฐ์น˜ํŒจ๋“œ ์ƒ๋‹จ์˜ ๊ฒ€์ƒ‰์ฐฝ์— 'terminal'์„ ์ž…๋ ฅํ•˜๊ณ  ์‹คํ–‰ํ•œ๋‹ค. (์ง์ ‘ ์ฐพ์•„๋„ ๋œ๋‹ค.) ์ŠคํฌํŠธ๋ผ์ดํŠธ ์ด์šฉ a. ๋ชจ๋‹ˆํ„ฐ ํ™”๋ฉด ์ตœ์ƒ๋‹จ์˜ ์ƒํƒœ๋ฐ”์—์„œ ๋‹๋ณด๊ธฐ ํด๋ฆญ (command + space) b. 'terminal'์„ ์ž…๋ ฅํ•˜๊ณ  ์‹คํ–‰ํ•œ๋‹ค. ์œ„์˜ ํ™”๋ฉด์—์„œ ํ‚ค๋ณด๋“œ ์ž…๋ ฅ์„ ํ™•์ธํ•˜๊ณ  ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ํ•œ ์ค„์˜ ๊ณต๊ฐ„์„ ํ”„๋กฌํ”„ํŠธ(prompt)๋ผ๊ณ  ํ•˜๊ณ , ํ”„๋กฌํ”„ํŠธ์— ์ž…๋ ฅํ•œ ๋ช…๋ น์–ด๋ฅผ..

article thumbnail
[U1S6] HTML/CSS ํ™œ์šฉ

Flexbox Flexbox๋ž€? flex๋Š” ์œ ์—ฐํ•œ, ์ž˜ ๊ตฌ๋ถ€๋Ÿฌ์ง€๋Š” ์ด๋ผ๋Š” ๋œป์œผ๋กœ ๋ฐ•์Šค๋ฅผ ์œ ์—ฐํ•˜๊ฒŒ ๋Š˜๋ฆฌ๊ฑฐ๋‚˜ ์ค„์—ฌ ๋ ˆ์ด์•„์›ƒ์„ ์žก๋Š” ๋ฐฉ๋ฒ•์„ ๋งํ•œ๋‹ค. โœ๏ธ ๋ถ€๋ชจ์— ์ ์šฉํ•ด์•ผ ํ•˜๋Š” flexbox ์†์„ฑ display: flex : ์ž์‹ ๋ฐ•์Šค์˜ ๋ฐฉํ–ฅ๊ณผ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ •ํ•œ๋‹ค. flex-direction : ์ •๋ ฌ ์ถ•์„ ์ •ํ•œ๋‹ค. ๊ฐ’์œผ๋กœ๋Š” row(๊ธฐ๋ณธ๊ฐ’), column, row-reverse, column-reverse๊ฐ€ ์žˆ๋‹ค. flex-wrap : ํ•˜์œ„ ์š”์†Œ์˜ ํฌ๊ธฐ๊ฐ€ ์ƒ์œ„ ์š”์†Œ์˜ ํฌ๊ธฐ๋ฅผ ๋„˜์œผ๋ฉด ์ž๋™์œผ๋กœ ์ค„๋ฐ”๊ฟˆ์„ ํ•  ๊ฒƒ์ธ์ง€ ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•œ๋‹ค. ๊ฐ’์œผ๋กœ๋Š” nowrap(๊ธฐ๋ณธ๊ฐ’), wrap, wrap-reverse๊ฐ€ ์žˆ๋‹ค. justify-content : ์ถ•์˜ ์ˆ˜ํ‰๋ฐฉํ–ฅ ์ •๋ ฌ ๋ฐฉ๋ฒ•์„ ๊ฒฐ์ •ํ•œ๋‹ค. ๊ฐ’์œผ๋กœ๋Š” flex-start, flex-end,..

article thumbnail
[U1S5] CSS ๊ธฐ์ดˆ

CSS ๊ธฐ์ดˆ CSS๋ž€? Cascading Style Sheets์˜ ์•ฝ์ž๋กœ, ์›นํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ ๋ฐ ๋ ˆ์ด์•„์›ƒ์„ ์ •์˜ํ•˜๋Š” ์Šคํƒ€์ผ์‹œํŠธ ์–ธ์–ด์ด๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” CSS๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. UI(์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค, User Interface)์™€ UX(์‚ฌ์šฉ์ž ๊ฒฝํ—˜, User eXperience) ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐ๋Šฅ๋ณ„๋กœ ๋ฌถ์–ด์„œ ์ œ์ž‘ ๊ตต์€ ๊ธ€์”จ์™€ ๊ฐ™์€ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์™€ ์ƒ‰์ƒ ์ ์šฉ โœ๏ธ CSS ์Šคํƒ€์ผ ์ž‘์„ฑ๋ฒ• CSS๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” 3๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. ์ธ๋ผ์ธ ์Šคํƒ€์ผ : HTML ๋ฌธ์„œ ๋‚ด์— style ์†์„ฑ์„ ์‚ฌ์šฉํ•ด ์ž‘์„ฑํ•œ๋‹ค. - ํ•œ ๋ฒˆ ์„ค์ •๋œ ์Šคํƒ€์ผ์„ ๋ณ€๊ฒฝํ•˜๊ธฐ ๋งค์šฐ ์–ด๋ ต๋‹ค. ํŒŒ๋ž€์ƒ‰ ๋‚ด๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ : HTML ๋ฌธ์„œ์˜ h2 { color: blue; } โœ๏ธ CSS ์ฝ”๋“œ ์ž‘์„ฑ๋ฒ• /*์…€๋ ‰ํ„ฐ*/ body { /*์„ ์–ธ๋ธ”๋ก*..

article thumbnail
[U1S4] HTML ๊ธฐ์ดˆ

์›น ๊ฐœ๋ฐœ ์ดํ•ดํ•˜๊ธฐ HTML : ์›นํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ๋ฅผ ๋‹ด๋‹นํ•˜๋Š” ๋งˆํฌ์—… ์–ธ์–ด CSS : ์›นํŽ˜์ด์ง€์˜ ๋””์ž์ธ ์š”์†Œ๋ฅผ ์‹œ๊ฐํ™”ํ•˜๋Š” ์Šคํƒ€์ผ์‹œํŠธ ์–ธ์–ด JavaScript : ์›นํŽ˜์ด์ง€์˜ ๊ธฐ๋Šฅ์  ์š”์†Œ๊ฐ€ ์œ ์ €์™€ ์ƒํ˜ธ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด HTML ๊ธฐ์ดˆ HTML์ด๋ž€? HyperText Markup Language์˜ ์•ฝ์ž๋กœ ์›นํŽ˜์ด์ง€์˜ ๋‚ด์šฉ๊ณผ ๊ตฌ์กฐ๋ฅผ ์ด๋ฃจ๋Š” ์–ธ์–ด์ด๋‹ค. HTML5๋Š” 2014๋…„ 10์›” 28์ผ ํ™•์ •๋œ ์ฐจ์„ธ๋Œ€ ์›น ํ‘œ์ค€์œผ๋กœ, ๋ฐ˜๋“œ์‹œ ์œผ๋กœ ์‹œ์ž‘ํ•ด ๋ฌธ์„œ ํ˜•์‹์„ HTML5๋กœ ์ง€์ •ํ•ด์•ผํ•œ๋‹ค. ์‹ค์งˆ์ ์ธ HTML ๋ฌธ์„œ๋Š” ๊ณผ ์‚ฌ์ด์— ๊ธฐ์ˆ ํ•œ๋‹ค. ์‚ฌ์ด์—๋Š” ๋ฌธ์„œ ์ œ๋ชฉ, ์™ธ๋ถ€ ํŒŒ์ผ ์ฐธ์กฐ, ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์„ค์ • ๋“ฑ์ด ์œ„์น˜ํ•˜๊ณ  ์ด ์ •๋ณด๋Š” ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œ๋˜๋Š” ์ •๋ณด๋Š” ์™€ ์‚ฌ์ด์— ์œ„์น˜ํ•œ๋‹ค. โœ๏ธ HTML ๊ธฐ๋ณธ ์š”์†Œ ..

article thumbnail
[U1S3] JavaScript ๊ธฐ์ดˆ ์ œ์–ด๋ฌธ

1. ์กฐ๊ฑด๋ฌธ ์กฐ๊ฑด๋ฌธ์ด๋ž€? ์–ด๋–ค ์กฐ๊ฑด์„ ํŒ๋ณ„ํ•˜๋Š” ๊ธฐ์ค€์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์œผ๋กœ, ๋ฐ˜๋“œ์‹œ ๋น„๊ต ์—ฐ์‚ฐ์ž ๋˜๋Š” ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๊ฐ€ ํ•„์š”ํ•˜๋‹ค. โœ๏ธ ๋น„๊ต ์—ฐ์‚ฐ์ž ๋น„๊ต ์—ฐ์‚ฐ์ž๋Š” ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ์„œ๋กœ ๋น„๊ตํ•˜๊ณ , ๋น„๊ต ๊ฒฐ๊ณผ๊ฐ€ ์ฐธ์ธ์ง€ ๊ฑฐ์ง“์ธ์ง€์— ๋”ฐ๋ผ ๋…ผ๋ฆฌ๊ฐ’์ธ true ๋˜๋Š” false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ํ”ผ์—ฐ์‚ฐ์ž๋กœ๋Š” Number, String, Boolean, ๊ฐ์ฒด ๊ฐ’์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋น„๊ต ์—ฐ์‚ฐ์ž์˜ ์ข…๋ฅ˜ - ๋™๋“ฑ (==) - ๋ถ€๋“ฑ (!=) - ์ผ์น˜ (===) - ๋ถˆ์ผ์น˜ (!==) - ํผ (>) - ํฌ๊ฑฐ๋‚˜ ๊ฐ™์Œ (>=) - ์ž‘์Œ (

article thumbnail
[U1S2] JavaScript ๊ธฐ์ดˆ

1. ๋ณ€์ˆ˜ ๋ณ€์ˆ˜๋ž€? ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ ์ž ํ•˜๋Š” ๋ณด๊ด€ํ•จ์˜ ์ด๋ฆ„์ด๋‹ค. โœ๏ธ ๋ณ€์ˆ˜์˜ ์„ ์–ธ ๋ณด๊ด€ํ•จ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ๊ณต๊ฐ„์„ ํ™•๋ณดํ•˜๋Š” ํ–‰์œ„์ด๋‹ค. // let ๋ณ€์ˆ˜์ด๋ฆ„; let date; โœ๏ธ ํ• ๋‹น ํ™•๋ณดํ•œ ๋ณด๊ด€ํ•จ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ํ–‰์œ„์ด๋‹ค. // ๋ณ€์ˆ˜์ด๋ฆ„ = ๊ฐ’; date = 20220822; /* ์„ ์–ธ๊ณผ ๋™์‹œ์— ํ• ๋‹นํ•˜๋Š” ๊ฒฝ์šฐ let ๋ณ€์ˆ˜์ด๋ฆ„ = ๊ฐ’; */ let date = 20220822; ์ด ๋•Œ = ๋Š” ์ˆ˜ํ•™์  ์˜๋ฏธ์˜ '๊ฐ™๋‹ค'๊ฐ€ ์•„๋‹Œ, '๋Œ€์ž…ํ•œ๋‹ค'์˜ ์˜๋ฏธ์ด๋‹ค. ๐Ÿ“Œ ๋ณ€์ˆ˜ ์„ ์–ธ ์‹œ ์ฃผ์˜์‚ฌํ•ญ ๐Ÿ“Œ ๋ณ€์ˆ˜๋ช…์—๋Š” ๊ณต๋ฐฑ์„ ์“ฐ์ง€ ๋ชปํ•˜๋ฏ€๋กœ, ๋ณดํ†ต ๋‹จ์–ด์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ์ž‘์„ฑํ•˜๋Š” CamelCase๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์ด๋ฏธ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋ฅผ ๋‹ค์‹œ ์„ ์–ธํ•  ๋•Œ๋Š” let์„ ์“ฐ์ง€ ์•Š๋Š”๋‹ค. 2. ํƒ€์ž… ํƒ€์ž…์ด๋ž€? ์ €์žฅ๋œ ๊ฐ’์˜ ์ข…๋ฅ˜์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” ๊ฒƒ..

profile on loading

Loading...