๊ฐœ๋ฐœ ๊ณต๋ถ€ 145

[C++] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - "๋ชจ์˜๊ณ ์‚ฌ" ํ’€์ด

๋ฌธ์ œ ์„ค๋ช… ์ˆ˜ํฌ์ž๋Š” ์ˆ˜ํ•™์„ ํฌ๊ธฐํ•œ ์‚ฌ๋žŒ์˜ ์ค€๋ง์ž…๋‹ˆ๋‹ค. ์ˆ˜ํฌ์ž ์‚ผ์ธ๋ฐฉ์€ ๋ชจ์˜๊ณ ์‚ฌ์— ์ˆ˜ํ•™ ๋ฌธ์ œ๋ฅผ ์ „๋ถ€ ์ฐ์œผ๋ ค ํ•ฉ๋‹ˆ๋‹ค. ์ˆ˜ํฌ์ž๋Š” 1๋ฒˆ ๋ฌธ์ œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ๋ฌธ์ œ๊นŒ์ง€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฐ์Šต๋‹ˆ๋‹ค. 1๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1๋ฒˆ ๋ฌธ์ œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ๋ฌธ์ œ๊นŒ์ง€์˜ ์ •๋‹ต์ด ์ˆœ์„œ๋Œ€๋กœ ๋“ค์€ ๋ฐฐ์—ด answers๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ๊ฐ€์žฅ ๋งŽ์€ ๋ฌธ์ œ๋ฅผ ๋งžํžŒ ์‚ฌ๋žŒ์ด ๋ˆ„๊ตฌ์ธ์ง€ ๋ฐฐ์—ด์— ๋‹ด์•„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์ž‘..

[CSS] transform์˜ ์†์„ฑ (translate, rotate, scale ๋“ฑ) ๊ธฐ์ค€์  ์„ค์ •ํ•˜๊ธฐ - transform-origin

transform์˜ ๊ธฐ์ค€์  ์„ค์ •ํ•˜๊ธฐ transform์˜ ๋‹ค์–‘ํ•œ ์†์„ฑ ๊ฐ’๋“ค translate, rotate, scale์„ ์‚ฌ์šฉํ•˜๋‹ค ๋ณด๋ฉด ๊ธฐ์ค€์ ์„ ์ •ํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋””๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ด๋™, ํšŒ์ „๋“ฑ ์š”์†Œ๋ฅผ ๋ณ€ํ˜•ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ์ด ๋ฐ”๋กœ transform-origin์ž…๋‹ˆ๋‹ค. transform-origin transform์˜ ๊ธฐ์ค€์ ์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์†์„ฑ์œผ๋กœ, ์†์„ฑ๊ฐ’์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. // 2D transformation transform-origin: x-axis y-axis; // 3D transformation transform-origin: x-axis y-axis z-axis; cs 2D transformation์„ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ, ๊ธฐ์ค€์ ์ด ๋  ์ขŒํ‘œ์˜ x์ถ•๊ณผ y์ถ• ๊ฐ’์„ ์†์„ฑ ๊ฐ’์œผ๋กœ ๋„ฃ..

Client/CSS 2020.06.26

[Javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ฃผ๊ธฐ์  ์‹คํ–‰, ์ผ์ • ์‹œ๊ฐ„ ๋ฐ˜๋ณต ์‹คํ–‰ - setInterval()

setInterval() setInterval()์€ ํ•จ์ˆ˜๋ฅผ ์ง€์ •ํ•œ ์ฃผ๊ธฐ๋งˆ๋‹ค ๋ฐ˜๋ณต ํ˜ธ์ถœํ•˜๋Š” ๋ฉ”์†Œ๋“œ ์ž…๋‹ˆ๋‹ค. ๊ตฌ๋ฌธ์€ ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. setInterval(function, milliseconds) cs ๋ฐ˜๋ณต ์‹คํ–‰ํ•˜๊ณ  ์‹ถ์€ ํ•จ์ˆ˜๋ฅผ function ๋ถ€๋ถ„์— ์ž‘์„ฑํ•˜๊ณ  ๋ฐ˜๋ณตํ•  ์ฃผ๊ธฐ๋ฅผ milliseconds ๋ถ€๋ถ„์— ์ž‘์„ฑํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ด ๋ฉ”์†Œ๋“œ๋Š” ์„ค์ •๋œ ํƒ€์ด๋จธ์˜ ID๊ฐ’์„ number๋กœ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์ด์šฉํ•ด clearInterval()๋กœ ํŠน์ • ํƒ€์ด๋จธ๋ฅผ ์ทจ์†Œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ ์˜ˆ์‹œ - setInterval() ๊ฐ„๋‹จํ•œ ์˜ˆ์‹œ๋กœ 3์ดˆ๋งˆ๋‹ค alert ์ฐฝ์„ ๋„์šฐ๋Š” ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. setInterval(function () { alert('hello'); }, 3000); cs ์œ„ ์˜ˆ์‹œ์ฒ˜๋Ÿผ ์ต๋ช…ํ•จ์ˆ˜๋ฅผ ์ธ์ž๋กœ ์ „๋‹ฌํ•  ..

Client/Javascript 2020.06.26

[๋ฐฑ์ค€ / C++] 6603๋ฒˆ - "๋กœ๋˜" ํ’€์ด

๋ฌธ์ œ ์„ค๋ช… ๋…์ผ ๋กœ๋˜๋Š” {1, 2, ..., 49}์—์„œ ์ˆ˜ 6๊ฐœ๋ฅผ ๊ณ ๋ฅธ๋‹ค. ๋กœ๋˜ ๋ฒˆํ˜ธ๋ฅผ ์„ ํƒํ•˜๋Š”๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๊ฐ€์žฅ ์œ ๋ช…ํ•œ ์ „๋žต์€ 49๊ฐ€์ง€ ์ˆ˜ ์ค‘ k(k>6)๊ฐœ์˜ ์ˆ˜๋ฅผ ๊ณจ๋ผ ์ง‘ํ•ฉ S๋ฅผ ๋งŒ๋“  ๋‹ค์Œ ๊ทธ ์ˆ˜๋งŒ ๊ฐ€์ง€๊ณ  ๋ฒˆํ˜ธ๋ฅผ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, k=8, S={1,2,3,5,8,13,21,34}์ธ ๊ฒฝ์šฐ ์ด ์ง‘ํ•ฉ S์—์„œ ์ˆ˜๋ฅผ ๊ณ ๋ฅผ ์ˆ˜ ์žˆ๋Š” ๊ฒฝ์šฐ์˜ ์ˆ˜๋Š” ์ด 28๊ฐ€์ง€์ด๋‹ค. ([1,2,3,5,8,13], [1,2,3,5,8,21], [1,2,3,5,8,34], [1,2,3,5,13,21], ..., [3,5,8,13,21,34]) ์ง‘ํ•ฉ S์™€ k๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ์ˆ˜๋ฅผ ๊ณ ๋ฅด๋Š” ๋ชจ๋“  ๋ฐฉ๋ฒ•์„ ๊ตฌํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑํ•˜์‹œ์˜ค. ๋ฌธ์ œ ์ฃผ์†Œ: https://www.acmicpc.net/problem/6603 ๋ฌธ์ œ ํ’€์ด k๊ฐœ์˜ ์›..

[C++ / Algorithm] ์ˆœ์—ด(next_permutation) ์‚ฌ์šฉ ๋ฐฉ๋ฒ•๊ณผ ์กฐํ•ฉ(Combination) ๊ตฌํ•˜๊ธฐ

์ˆœ์—ด์„ ๊ตฌํ•˜๋Š” next_permutation ํ•จ์ˆ˜ ์ˆœ์—ด ์ˆ˜ํ•™์ ์œผ๋กœ ์ˆœ์—ด(permutation)์ด๋ž€ ์„œ๋กœ ๋‹ค๋ฅธ n๊ฐœ์˜ ์›์†Œ์—์„œ r๊ฐœ๋ฅผ ๋ฝ‘์•„ ํ•œ ์ค„๋กœ ์„ธ์šฐ๋Š” ๊ฒฝ์šฐ์˜ ์ˆ˜๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ์›์†Œ๋ฅผ ํ•œ ์ค„๋กœ ์„ธ์šฐ๊ธฐ ๋•Œ๋ฌธ์— ์›์†Œ์˜ ์กฐํ•ฉ์ด ๊ฐ™๋”๋ผ๋„ ์ˆœ์„œ๊ฐ€ ๋‹ค๋ฅด๋ฉด ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์œผ๋กœ ๋ด…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ง‘ํ•ฉ {1, 2, 3}์˜ ์›์†Œ๋“ค์˜ ๋ชจ๋“  ์ˆœ์—ด์„ ๊ตฌํ•œ๋‹ค๋ฉด {1, 2, 3} {1, 3, 2} {2, 1, 3} {2, 3, 1} {3, 1, 2} {3, 2, 1} ๋กœ ์ด 6๊ฐ€์ง€๊ฐ€ ๋‚˜์˜ค๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. next_permutation C++์˜ algorithm ํ—ค๋”์—๋Š” n๊ฐœ์˜ ์›์†Œ์˜ ์ˆœ์—ด์„ ๊ตฌํ•  ์ˆ˜ ์žˆ๋Š” next_permutation์ด๋ผ๋Š” ํ•จ์ˆ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์  ๋ฌธ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. 1 2 3 4 5 6 7 // default boo..

Language/C++ 2020.06.26

[Javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ˜„์žฌ ์‹œ๊ฐ(์‹œ๊ฐ„), ๋‚ ์งœ, ์—ฐ๋„ ๊ตฌํ•˜๊ธฐ (Date ๊ฐ์ฒด)

์‹œ๊ฐ„์„ ๋‚˜ํƒ€๋‚ด๋Š” Date ๊ฐ์ฒด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ˜„์žฌ ์‹œ๊ฐ„์„ ์•Œ๊ณ  ์‹ถ๋‹ค๋ฉด Date ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. Date ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. See the Pen JS Date Example1 by KimMiJin (@console_log) on CodePen. ์œ„์™€ ๊ฐ™์ด, Date ๊ฐ์ฒด๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•˜๋ฉด ๋‚ ์งœ๋ฅผ ๋‚˜ํƒ€๋‚ธ ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. Date ๊ฐ์ฒด์˜ Methods(๋ฉ”์†Œ๋“œ) Date ๊ฐ์ฒด๋Š” ๋‚ ์งœ, ์š”์ผ, ์—ฐ๋„, ์‹œ๊ฐ„(์‹œ, ๋ถ„, ์ดˆ), ์›” ๋“ฑ์˜ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๋ฉ”์†Œ๋“œ๋“ค์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. getDate() // ๋‚ ์งœ(date)๋ฅผ ๋ฐ˜ํ™˜ (1 ~ 31) getDay() // ์š”์ผ(day)๋ฅผ ๋ฐ˜ํ™˜ (0 ~ 6) getFullYear() // ์—ฐ๋„(year)๋ฅผ ๋ฐ˜ํ™˜ getHours() //..

Client/Javascript 2020.06.25

[Node.js] Node.js REPL

Node.js REPL REPL REPL์ด๋ž€ Read Evaluation Print Loop์˜ ์•ฝ์ž๋กœ, ๋ช…๋ น์„ ์ž…๋ ฅ๋ฐ›์œผ๋ฉด ๋ช…๋ น์„ ์ฝ์–ด์„œ(Read) ์ฒ˜๋ฆฌํ•˜๊ณ (Evalution) ๊ฒฐ๊ณผ๋ฅผ ์ถœ๋ ฅํ•˜๊ณ (Print) ๋‹ค์Œ ์ž…๋ ฅ์„ ๊ธฐ๋‹ค๋ฆฌ๋Š”(Loop) ํ™˜๊ฒฝ์„ ๋งํ•œ๋‹ค. Node REPL ์‚ฌ์šฉ๋ฐฉ๋ฒ• ์‰˜์ด๋‚˜ ์ฝ˜์†” ๋“ฑ CLI์—์„œ node ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด REPL๋กœ ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๋‹ค. REPLํ™˜๊ฒฝ์— ๋“ค์–ด๊ฐ€๋ฉด > ํ‘œ์‹œ๊ฐ€ ๋‚˜์˜ค๋Š”๋ฐ, ๋ช…๋ น์„ ๊ธฐ๋‹ค๋ฆฐ๋‹ค๋Š” ์˜๋ฏธ๋กœ ๋ช…๋ น์„ ์ž…๋ ฅํ•˜๋ฉด ๋œ๋‹ค. ๋ช…๋ น์–ด ์ž…๋ ฅ ๋ถ€๋ถ„์— console.log("Hello, world!"); ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด Hello, world! ๊ฐ€ ์ถœ๋ ฅ๋œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‹ค์‹œ > ๊ฐ€ ํ‘œ์‹œ๋˜๋Š”๋ฐ, ์ด๋Š” ๋˜ ๋‹ค์Œ ๋ช…๋ น์„ ๊ธฐ๋‹ค๋ฆฐ๋‹ค๋Š” ๋œป(Loop)์ด๋‹ค. REPL ์ปค๋งจ๋“œ Ctrl + C // ํ˜„์žฌ ๋ช…๋ น์–ด ์ข…๋ฃŒ..

Server/Node.js 2020.06.23

[OS] ์ปค๋„(Kernel)๊ณผ ์‰˜(Shell) ๋ฐ GUI, CLI ์ฐจ์ด ์„ค๋ช…

์ปค๋„(Kernel)๊ณผ ์‰˜(Shell) ์ปดํ“จํ„ฐ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์–ด๋–ค ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๋ช…๋ น์ด ์ปดํ“จํ„ฐ ํ•˜๋“œ์›จ์–ด๋ฅผ ์ œ์–ดํ•˜๋„๋ก ํ•ด์ค˜์•ผ ํ•œ๋‹ค. ์ด ๊ณผ์ •์— ๋Œ€ํ•ด ๊ฐ„๋‹จํžˆ ์„ค๋ช…ํ•˜๋ฉด, ์‚ฌ์šฉ์ž๊ฐ€ ๋ช…๋ น์„ ์ž…๋ ฅํ•˜๋ฉด ์‰˜์ด ๋ช…๋ น์„ ๋ฐ›์•„ ํ•ด์„ํ•˜๊ณ  ์ปค๋„์— ์ „๋‹ฌํ•˜๋ฉด ์ปค๋„์„ ํ†ตํ•ด ํ•˜๋“œ์›จ์–ด๋ฅผ ์กฐ์ž‘ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ปค๋„(Kernel) ์†Œํ”„ํŠธ์›จ์–ด-ํ•˜๋“œ์›จ์–ด ์‚ฌ์ด์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ๊ด€๋ฆฌํ•˜๋Š” ํ•ต์‹ฌ ํ”„๋กœ๊ทธ๋žจ ์ž…์ถœ๋ ฅ ๊ด€๋ฆฌ ๋ฐ ์†Œํ”„ํŠธ์›จ์–ด์˜ ์š”์ฒญ์„ ํ•˜๋“œ์›จ์–ด(CPU, ๋ฉ”๋ชจ๋ฆฌ, ์ €์žฅ์žฅ์น˜ ๋“ฑ)๊ฐ€ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณ€ํ™˜ ํ•˜๋“œ์›จ์–ด ๊ด€๋ฆฌ ๋ฐ ํ”„๋กœ์„ธ์Šค ๋ถ„๋ฐฐ ๋“ฑ ์—ฌ๋Ÿฌ ์‹œ์Šคํ…œ ์ž์› ์ œ์–ด ์ปดํ“จํ„ฐ ๋ถ€ํŒ…์‹œ ๋ถ€ํŠธ๋กœ๋”์— ์˜ํ•ด ๋กœ๋“œ๋˜์–ด ํ•ญ์ƒ ๋ฉ”๋ชจ๋ฆฌ์— ์ƒ์ฃผ ์‰˜(Shell) ์‚ฌ์šฉ์ž-์šด์˜์ฒด์ œ ์‚ฌ์ด์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ๋ช…๋ น์–ด๋ฅผ ํ•ด์„ํ•ด ์คŒ ์‚ฌ์šฉ์ž๊ฐ€ ํ•˜๋“œ์›จ์–ด๋ฅผ ์กฐ์ž‘ํ•˜๋Š” ๊ณผ์ • :..

CS 2020.06.23

[javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์‹œ๊ฐ„ ์ง€์—ฐ ํ•จ์ˆ˜, delay ๋ฐฉ๋ฒ•, ๋ช‡ ์ดˆ ํ›„ ์‹คํ–‰ - setTimeout()

setTimeout ์‚ฌ์šฉ๋ฐฉ๋ฒ• setTimeout()์€ ์‹œ๊ฐ„์„ ์ง€์—ฐ์‹œ์ผœ์ฃผ๋Š” ๋ฉ”์†Œ๋“œ๋‹ค. setTimeout(function(){}, 1000); ์œ„ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰์‹œํ‚ค๋ฉด 1000ms(=1second) ๋’ค์— function()์ด ์‹คํ–‰๋œ๋‹ค. setTimeout() ์‚ฌ์šฉ์˜ˆ์‹œ 3์ดˆ ํ›„์— "hello"๋ผ๋Š” alert ์ฐฝ์„ ๋„์šฐ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ ์˜ˆ์‹œ 1 2 3 4 // 3์ดˆํ›„์— "hello"๋ผ๋Š” alert ์ฐฝ ๋„์šฐ๊ธฐ setTimeout(function () { alert("hello"); }, 3000); cs ์†Œ์ŠคํŒŒ์ผ & ์‹คํ–‰ํ™”๋ฉด ์œ„์™€ ๊ฐ™์ด index.html๊ณผ index.js ํŒŒ์ผ์„ ์ž‘์„ฑํ•œ ๋’ค index.html ํŒŒ์ผ์„ ์—ด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์‹คํ–‰ํ™”๋ฉด์ด ๋œฌ๋‹ค. hello๋ผ๋Š” alert์ฐฝ์€ ์‹คํ–‰ ํ›„ 3์ดˆ ๋’ค์— ๋‚˜ํƒ€๋‚œ๋‹ค. ..

Client/Javascript 2020.06.19

[javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ(์š”์†Œ) ์–ป๊ธฐ - event.target

event.target event.target์€ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด $("a").click(function(event){ console.log(event.target); }); ์ด๋ผ๋Š” ์ฝ”๋“œ๋Š” a์š”์†Œ๋ฅผ ํด๋ฆญํ–ˆ์„ ๋•Œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ , ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ์ด๋ฒคํŠธ์˜ ๋Œ€์ƒ์ธ a์š”์†Œ๋ฅผ ์ฝ˜์†”์ฐฝ์— ์ถœ๋ ฅํ•œ๋‹ค. ์ด๋Ÿฐ event.target์„ ์ด์šฉํ•˜๋ฉด ํ˜„์žฌ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ์š”์†Œ์˜ ์†์„ฑ๋“ค์„ ์–ป์„ ์ˆ˜ ์žˆ๋‹ค. ๋งŒ์•ฝ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ์˜ id๋ฅผ ์ฝ˜์†”์ฐฝ์— ์ถœ๋ ฅํ•˜๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ๋œ๋‹ค. $("a").click(function(event){ console.log(event.target.id); }); event.target๋ง๊ณ ๋„ this๋ผ๋Š” ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด ํ˜„์žฌ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ๋Œ€์ƒ์„ ๊ฐ€..

Client/Javascript 2020.06.19