์„ฑ๋Šฅ์— ์ค‘์š”ํ•œ repaint, reflow์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

reflow์™€ repaint๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์š”์ธ ๋ถ„์„ํ•˜๊ธฐ

๋จผ์ € ํŽ˜์ด์ง€๊ฐ€ ๋ Œ๋”๋ง๋˜๋Š” ๊ณผ์ •์—์„œ reflow์™€ repaint์˜ ๋‹จ๊ณ„๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

(DOM + CSSOM) render tree > layout(reflow) > paint(repaint) > composite

์—ฌ๊ธฐ์„œ ์„ฑ๋Šฅ๊ณผ ๊ด€๋ จ์ด ๊นŠ์€ reflow, repaint ๋‹จ๊ณ„์— ๊ด€ํ•ด ์•Œ์•„๋ณด์ž.

reflow

reflow(๋˜๋Š” layout)๋Š” render tree ์ƒ์„ฑ ํ›„ ์š”์†Œ์˜ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ ๊ณ„์‚ฐํ•˜๋Š” ๋‹จ๊ณ„์ด๋‹ค. ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์‹œ ์ตœ์ดˆ๋กœ ๋ฐœ์ƒํ•˜๊ณ  ์š”์†Œ์˜ ํฌ๊ธฐ๋‚˜ ์œ„์น˜ ๋ณ€๊ฒฝ, ์š”์†Œ์˜ ์ถ”๊ฐ€๋‚˜ ์‚ญ์ œ ๋“ฑ ๋ ˆ์ด์•„์›ƒ์ด ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค reflow๊ฐ€ ๋‹ค์‹œ ๋ฐœ์ƒํ•œ๋‹ค.

reflow๋Š” ์ž์‹๊ณผ ๋ถ€๋ชจ ๊ทธ๋ฆฌ๊ณ  ์š”์†Œ ์ž์‹ ์—๊ฒŒ๋„ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋ฏ€๋กœ ์„ฑ๋Šฅ์— ์˜ํ–ฅ์„ ์ฃผ๋ฉฐ, ๋ ˆ์ด์•„์›ƒ์„ ๊ณ„์‚ฐํ•˜๋Š” reflow ํ›„ ๊ฐ€์‹œ์ ์ธ ์š”์†Œ๋ฅผ ์ƒ์„ฑํ•˜๋Š” paint ๋‹จ๊ณ„๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.

reflow๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ตฌ์ฒด์ ์ธ ์ƒํ™ฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.
(https://www.geeksforgeeks.org/what-is-dom-reflow/).

Reflow ๋ฐœ์ƒ ์›์ธ

– DOM์— ์š”์†Œ ์‚ฝ์ž…, ์ œ๊ฑฐ, ์—…๋ฐ์ดํŠธ
– ํŽ˜์ด์ง€์—์„œ ์ˆ˜์ • ์ž‘์—… ๋ฐœ์ƒ(Ex. input ๋ฐ•์Šค ํ…์ŠคํŠธ ์ˆ˜์ •)
– DOM์˜ ์š”์†Œ ์ด๋™
– DOM์˜ ์š”์†Œ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ
– offsetHeight ๋˜๋Š” getComputedStyle()๋ฅผ ์‚ฌ์šฉํ•œ ์š”์†Œ ๊ณ„์‚ฐ
– CSS ์Šคํƒ€์ผ ๋ณ€๊ฒฝ
– ์š”์†Œ์˜ ํด๋ž˜์Šค ์ด๋ฆ„ ๋ณ€๊ฒฝ
– ์Šคํƒ€์ผ์‹œํŠธ ์ถ”๊ฐ€ ๋˜๋Š” ์ œ๊ฑฐ
– ์œˆ๋„์šฐ ๋ฆฌ์‚ฌ์ด์ง•
– ์›น ํŽ˜์ด์ง€ ์Šคํฌ๋กค
– ํฐํŠธ ๋ณ€๊ฒฝ
– CSS ์Šˆ๋„ ํด๋ž˜์Šค(์˜์‚ฌ ํด๋ž˜์Šค) ํ™œ์„ฑํ™”(Ex. :hover)
– ์š”์†Œ์— style ์–ดํŠธ๋ฆฌ๋ทฐํŠธ ์„ค์ •

reflow ๋‹จ๊ณ„์—์„œ ๋งŽ์€ ์—ฐ์‚ฐ์ด ๋ฐœ์ƒํ•˜๊ณ  repaint, composite ๋‹จ๊ณ„๋„ ์ด์–ด์„œ ๋ฐœ์ƒํ•˜๋ฏ€๋กœ ์„ฑ๋Šฅ์— ์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค. ๋”ฐ๋ผ์„œ ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ์‹, ์„ฑ๋Šฅ๊ณผ ์• ๋‹ˆ๋ฉ”์ด์…˜์˜ ํƒ€ํ˜‘ ๋“ฑ์„ ํ†ตํ•ด reflow๋ฅผ ์ตœ์†Œํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์•„์•ผ ํ•œ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ reflow๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

Reflow ์ค„์ด๋Š” ๋ฐฉ๋ฒ•

– ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ธ๋ผ์ธ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ  ๊ฐœ๋ณ„ ์Šคํƒ€์ผ ์„ค์ •์„ ์ตœ์†Œํ™”ํ•˜๊ธฐ
– ์š”์†Œ์— ํด๋ž˜์Šค๋ช…์„ ์‚ฌ์šฉํ•˜๊ณ  DOM ํŠธ๋ฆฌ์—์„œ ์ตœ๋Œ€ํ•œ ํ•˜๋ถ€์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ
– ์ƒˆ๋กœ์šด ์Šคํƒ€์ผ์„ ์ถ”๊ฐ€ํ•˜๊ธฐ ์ „์— DOM์—์„œ ์š”์†Œ๋ฅผ ์ œ๊ฑฐํ•œ ๋’ค ๋‹ค์‹œ ์ถ”๊ฐ€ํ•˜๊ธฐ
– ์Šคํƒ€์ผ์„ ์œ„ํ•œ ์žฆ์€ ์—ฐ์‚ฐ ํ”ผํ•˜๊ธฐ
– ์• ๋‹ˆ๋ฉ”์ด์…˜์€ fixed ๋˜๋Š” absolute๋กœ ์ง€์ •ํ•˜๊ธฐ
– ๊ฐ€๋Šฅํ•œ ํ…Œ์ด๋ธ” ๋ ˆ์ด์•„์›ƒ๋ณด๋‹ค ๋ธ”๋ก ๋ ˆ์ด์•„์›ƒ์„ ์‚ฌ์šฉํ•˜๊ธฐ
– ๊ณ ์ •๋œ ํฌ๊ธฐ๋กœ ํ…Œ์ด๋ธ” ์ƒ์„ฑํ•˜๊ธฐ
– ํด๋ž˜์Šค๋ฅผ ํ†ตํ•ด ์Šคํƒ€์ผ ๋ณ€๊ฒฝํ•˜๊ธฐ
– ํ…Œ์ด๋ธ” ๋ ˆ์ด์•„์›ƒ์„ fixed๋กœ ์ง€์ •ํ•˜๊ธฐ

REPAINT

repaint(๋˜๋Š” redraw)๋Š” ๋ ˆ์ด์•„์›ƒ์ด ์•„๋‹Œ, ์š”์†Œ์˜ ๊ฐ€์‹œ์ ์ธ ๋ถ€๋ถ„์ด ๋ณ€๊ฒฝ๋˜๋ฉด ๋ฐœ์ƒํ•˜๋Š” ๋‹จ๊ณ„์ด๋‹ค. ์š”์†Œ์˜ visibility, background, outline ๋“ฑ์ด ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค repaint๊ฐ€ ๋ฐœ์ƒํ•˜์ง€๋งŒ ํ•ด๋‹น ์†์„ฑ์€ ๋ ˆ์ด์•„์›ƒ์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š์œผ๋ฏ€๋กœ reflow๋Š” ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š”๋‹ค.

repaint๋Š” render tree๋ฅผ ๋ ˆ์ด์–ด๋ณ„๋กœ ๋‚˜๋ˆ„์–ด ์ฒ˜๋ฆฌํ•˜๋ฏ€๋กœ, repaint ๋ฐœ์ƒ ์‹œ ํ•ด๋‹น ๋ ˆ์ด์–ด๋งŒ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.

Reflow์™€ Repaint๋Š” stacking context์™€๋„ ๊ด€๋ จ์ด ์žˆ๋Š”๋ฐ, stacking context๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ 3์ฐจ์›์ธ z์ถ•์„ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

์—ฌ๋Ÿฌ ์š”์†Œ๊ฐ€ ํ•˜๋‚˜์˜ ๋ ˆ์ด์–ด๋กœ ๋ฌถ์ด๊ฒŒ ๋˜๋ฉด ์ฐจ์ง€ํ•˜๋Š” ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ์ง€๋งŒ ๋ฌถ์ธ ์š”์†Œ ์ค‘ ํ•˜๋‚˜์˜ ์š”์†Œ์—์„œ ๋ณ€๊ฒฝ์ด ์ƒ๊ธฐ๋ฉด ํ•ด๋‹น ๋ ˆ์ด์–ด์— ์žˆ๋Š” ์š”์†Œ๋ฅผ ๋ชจ๋‘ ๋‹ค์‹œ ๊ทธ๋ ค์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•œ๋‹ค.

๋”ฐ๋ผ์„œ ๋ณ€๊ฒฝ์ด ์ƒ๊ธธ ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ๋Š” ์š”์†Œ๋ฅผ ํ•˜๋‚˜์˜ ๋ ˆ์ด์–ด๋กœ ๋งŒ๋“ค์–ด์„œ ๊ด€๋ฆฌํ•˜๋ฉด ํ•ด๋‹น ๋ ˆ์ด์–ด๋งŒ ๋‹ค์‹œ ๊ทธ๋ฆฌ๋ฉด ๋˜๊ธฐ ๋•Œ๋ฌธ์— ํšจ์œจ์ ์œผ๋กœ ๋ฆฌ๋ Œ๋”๋ง์„ ํ•  ์ˆ˜ ์žˆ๋‹ค.

์ด๋ ‡๊ฒŒ ํ•ด๋‹น ์š”์†Œ๋ฅผ ํ•˜๋‚˜์˜ ๋ ˆ์ด์–ด๋กœ ๋ถ„๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์กฐ๊ฑด์€ ๋‹ค์Œ ์‚ฌ์ดํŠธ์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.
stacking context ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ(MDN)

์กฐ๊ฑด ์ค‘ ‘opacity < 1’์ด ์žˆ๋Š”๋ฐ, opacity ๊ฐ’์ด 0~0.99์ธ ์ƒํ™ฉ์—์„œ๋งŒ ๋ ˆ์ด์–ด๊ฐ€ ๋ณ„๋„๋กœ ์ƒ์„ฑ๋œ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.

opacity๊ฐ€ 1์ผ ๋•Œ๋Š” reflow๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์ด๋Š” opacity:1์ธ ๊ฒฝ์šฐ ๋‹ค๋ฅธ ์š”์†Œ์™€ ํ•˜๋‚˜์˜ ๋ ˆ์ด์–ด๋ฅผ ์ด๋ฃจ๊ธฐ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•œ๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

Composite

์ƒํ™ฉ์— ๋”ฐ๋ผ Reflow, Repaint๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š” ์†์„ฑ์œผ๋กœ transform, opacity ๋“ฑ์ด ์žˆ๋Š”๋ฐ ์ด ์†์„ฑ์€ ๋ Œ๋”๋ง์˜ ๋งˆ์ง€๋ง‰ ๋‹จ๊ณ„์ธ composite๋งŒ ์‹คํ–‰๋œ๋‹ค.

ํ•ด๋‹น ์†์„ฑ์€ CPU๊ฐ€ ์•„๋‹Œ GPU์—์„œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” graphic layer๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์ธ๋ฐ composite ๋‹จ๊ณ„์—์„œ layer๋ฅผ ๋ณ‘ํ•ฉํ•œ๋‹ค.

GPU๋Š” CPU์— ๋น„ํ•ด ์—ฐ์‚ฐ์ด ๋น ๋ฅด๊ณ  ์ด๋ฏธ์ง€์™€ ์• ๋‹ˆ๋ฉ”์ด์…˜์˜ ๋ณด์ • ๊ธฐ๋Šฅ๋„ ๊ฐ€์ง€๊ณ  ์žˆ์œผ๋ฏ€๋กœ ์ด๋ฏธ์ง€๋‚˜ ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ฒ˜๋ฆฌ์— ์ข‹์€ ๋Œ€์•ˆ์ด ๋  ์ˆ˜ ์žˆ๋‹ค.

GPU๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์กฐ๊ฑด์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

GPU ์‚ฌ์šฉ ์กฐ๊ฑด

– 3D transforms ์‚ฌ์šฉ(translate3d, translateZ ๋“ฑ)
– <video>, <canvas>, <iframe> ์š”์†Œ ์‚ฌ์šฉ
– transform, opacity๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜
– position:fixed ์š”์†Œ
– will-change ์‚ฌ์šฉ
– filter ์‚ฌ์šฉ

GPU์˜ ์žฅ์ ์€ ๋น ๋ฅธ ์—ฐ์‚ฐ์ด์ง€๋งŒ ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ๋งŽ์ด ์ฐจ์ง€ํ•˜๋Š” ๋‹จ์ ๋„ ์žˆ์œผ๋ฏ€๋กœ ์ ์ •์„ ์—์„œ ์‚ฌ์šฉํ•ด์•ผ ์พŒ์ ํ•œ ํ™˜๊ฒฝ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

์ฐธ๊ณ 
Understanding Repaint and Reflow in Javascript
What is DOM reflow
GPU animation: Doing It Right
Stacking Context

Typescript ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…(Partial, Pick, Omit, Record, Readonly)

๊ณตํ†ต ํƒ€์ž… ๋ณ€ํ™˜์„ ์œ„ํ•œ ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” ์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…(Utility Types)์€ type, interface๋ฅผ ์ž…๋ง›์— ๋งž๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์œ ์šฉํ•œ ๊ธฐ๋Šฅ์ด๋‹ค.

์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž…์˜ ์ข…๋ฅ˜๋Š” ๋‹ค์Œ ๊ทธ๋ฆผ๊ณผ ๊ฐ™์ด ๋งค์šฐ ๋งŽ๋‹ค(ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ณต์‹ ํŽ˜์ด์ง€).

์ด ์ค‘ ์‚ฌ์šฉ ๋นˆ๋„๊ฐ€ ์žฆ์€ Partial, Pick, Omit, Record, Readonly์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

1. Partial

partial์€ ‘๋ถ€๋ถ„์ ์ธ’์ด๋ผ๋Š” ๋œป์œผ๋กœ, ์ •์˜๋œ ํƒ€์ž…์˜ ์†์„ฑ์„ ๋ชจ๋‘ ์˜ต์…”๋„๋กœ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ€๋ถ„์ ์œผ๋กœ ์›ํ•˜๋Š” ์†์„ฑ๋งŒ ์‚ฌ์šฉํ•˜๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค.

์šฐ์„  Partial์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

type Partial<T> = {
  [P in keyof T]?: T[P];
};

Partial<Type>์˜ ๋ฐฉ์‹์„ ํ†ตํ•ด ์†์„ฑ์„ ์˜ต์…”๋„ํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๋ฉฐ, ์˜ˆ์‹œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

 
interface Hardware{
    cpu: string;
    gpu: string;
    memory: number;
    storage: number;
    accessary: string;
}

const selectOptions = (default: Hardware, selected: Partial<Hardware>) => {
    setOptions({...default, ...selected});
};

const defaultOption = {
    cpu: "M1";
    gpu: "10-core";
    memory: 16;
    storage: 512;
    accessary: "Touch ID";
}

const selectedOption = {
    cpu: "M2";
    memory: "32";
    storage: "1024";
}

์ด์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์†์„ฑ์„ ์˜ต์…”๋„๋กœ ๋ณ€๊ฒฝํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

2. Pick

pick์€ ‘๋ฝ‘๋‹ค’๋Š” ๋œป์œผ๋กœ, ์ •์˜๋œ ํƒ€์ž…์—์„œ ์†์„ฑ์„ ์ง€์ •ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Pick์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

type Pick<T, K extends keyof T> = {
  [P in K]: T[P];
};

Pick<Type, Keys>์˜ ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•ด ์‚ฌ์šฉํ•  ์†์„ฑ์„ ๋ฌธ์ž์—ด์ด๋‚˜ ์œ ๋‹ˆ์˜จ ํƒ€์ž…์œผ๋กœ Keys์— ์ง€์ •ํ•˜์—ฌ ํ•ด๋‹น ์†์„ฑ๋งŒ ์‚ฌ์šฉํ•œ๋‹ค.

interface Exercise{
    title: string;
    type: string;
    time: number;
    complete: boolean;
}

type BriefExercise = Pick<Exercise, "title" | "complete">;

const today = {
    title: "jogging";
    complete: true;
}

Partial์€ ๋ชจ๋“  ์†์„ฑ์„ ์˜ต์…”๋„๋กœ ์‚ฌ์šฉํ•˜์ง€๋งŒ Pick์€ ์†์„ฑ์„ ์ง€์ •ํ•˜์—ฌ ํ•„์š”ํ•œ ํƒ€์ž…๋งŒ ์ •์˜ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค.

3. Omit

omit์€ ‘์ƒ๋žตํ•˜๋‹ค’๋ผ๋Š” ๋œป์œผ๋กœ, ์ •์˜๋œ ํƒ€์ž…์—์„œ ์ƒ๋žตํ•  ์†์„ฑ์„ ์ง€์ •ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Omit์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

type Omit<T, K extends keyof any> = {
  [P in Exclude<keyof T, K>]: T[P]
}

Omit<Type, Keys>์˜ ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉฐ, Pick๊ณผ ๋ฐ˜๋Œ€๋กœ ํ•„์š”ํ•˜์ง€ ์•Š์€ ํƒ€์ž…์„ ์ง€์ •ํ•˜์—ฌ ์ •์˜ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค.

interface Exercise{
    title: string;
    type: string;
    time: number;
    complete: boolean;
}

type BriefExercise = Omit<Exercise, "type" | "time">;

const today = {
    title: "jogging";
    complete: true;
}

Pick๊ณผ Omit์˜ ์šฉ๋„๋Š” ๊ฐ™์ง€๋งŒ ์ •์˜ ๋ฐฉ๋ฒ•์€ ์ƒ๋ฐ˜๋œ๋‹ค.

์ •์˜๋œ ํƒ€์ž…์—์„œ ์ƒ๋žตํ•˜๊ณ  ์‹ถ์€ ์†์„ฑ์ด ๋งŽ์„ ๋•Œ๋Š” Pick, ์ƒ๋žตํ•˜๊ณ  ์‹ถ์€ ์†์„ฑ์ด ์ ์„ ๋•Œ๋Š” Omit์„ ์‚ฌ์šฉํ•˜๋ฉด ํšจ๊ณผ์ ์ด๋‹ค.

4. Record

record๋Š” ‘๊ธฐ๋กํ•˜๋‹ค’๋Š” ๋œป์œผ๋กœ, key-value ์„ธํŠธ๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Record์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

type Record<K extends string, T> = {
  [P in K]: T;
};

Record<Keys, Type>์˜ ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋‘ ๊ฐœ์˜ ํƒ€์ž…์—์„œ ํ•œ ํƒ€์ž…์„ Keys, ํ•œ ํƒ€์ž…์„ Type์œผ๋กœ ์กฐํ•ฉํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

type MacBookType = "air13" | "air15" | "pro13" | "pro14" | "pro16";

interface Performance{
    cpu: string;
    memory: number;
    storage: number;
};

const OnTheMarket: Record<MacBookType, Performance> = {
    air13: { cpu:"M1", memory:8, storage: 256 };
    air15: { cpu:"M2", memory:16, storage: 512 };
    pro13: { cpu:"M2", memory:16, storage: 1024 };
    pro14: { cpu:"M2 pro", memory:32, storage: 1024 };
    pro16: { cpu:"M2 ultra", memory:96, storage: 2048 };
}

์œ„์™€ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ๋‘ ํƒ€์ž…์„ ์กฐํ•ฉํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

5. Readonly

readonly๋Š” ‘์ฝ๊ธฐ ์ „์šฉ’์ด๋ฏ€๋กœ ํƒ€์ž…์„ ์ฝ๊ธฐ ์ „์šฉ์œผ๋กœ ์ •์˜ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Readonly์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

type Readonly<T> = {
  readonly [P in keyof T]: T[P];
};

ํƒ€์ž…์„ ์‚ฌ์šฉํ•ด readonly ์†์„ฑ์„ ๋ถ€์—ฌํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

interface LimitSize{
    size: number;
}

const myData: Readonly<LimitSize> = {
    size: 32;
}

myData.size = 64; // error

CSS์˜ em, rem, vh, vw, %์˜ ๋‹จ์œ„๋ฅผ ์•Œ์•„๋ณด์ž

๋ฐ˜์‘ํ˜•์„ ์œ„ํ•œ ๋‹จ์œ„์˜ ํ™œ์šฉ

CSS์—์„œ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ด ๋˜๋Š” ํฌ๊ธฐ ๋‹จ์œ„๊ฐ€ ํ”ฝ์…€(px)์ธ๋ฐ์š”.

1px์€ 0.00264cm๋กœ ํ™˜์‚ฐ๋˜๋Š” ๊ธธ์ด๋กœ, 300px์€ ์•ฝ 8cm๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

16px์€ 0.42cm์ธ๋ฐ์š”. ์ด 16px์ด ๋ฐ”๋กœ CSS์—์„œ ๊ธฐ๋ณธ๊ฐ’์ž…๋‹ˆ๋‹ค.

font-size : 16px์€ ์„ธ๋กœ ๊ธธ์ด๊ฐ€ 16px(0.423cm)์ธ ํฐํŠธ ์‚ฌ์ด์ฆˆ๋ผ๋Š” ์˜๋ฏธ๋กœ, ์ถœํŒ๋ฌผ์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ์‚ฌ์ด์ฆˆ์ž…๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ ์ด ๊ธฐ๋ณธ ์‚ฌ์ด์ฆˆ 16px์„ ๊ธฐ๋ฐ˜์œผ๋กœ em, rem์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

em

em์€ ๊ธฐ์ค€ ํฌ๊ธฐ์— ๋Œ€ํ•œ ๋ฐฐ์ˆ˜๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ์ค€์€ font-size์ด๋ฉฐ ๊ฐ™์€ ์š”์†Œ์˜ ์‚ฌ์ด์ฆˆ์—์„œ ์‹œ์ž‘ํ•ด ๋ถ€๋ชจ๋กœ ์ฐจ๊ทผ์ฐจ๊ทผ ์˜ฌ๋ผ๊ฐ‘๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ๊ฐ™์€ ์š”์†Œ์— font-size:16px์ด ์„ค์ •๋œ ๊ฒฝ์šฐ em์˜ ๊ธฐ์ค€์€ 16px์ด ๋ฉ๋‹ˆ๋‹ค.

.child-size{
    font-size : 16px;
    width : 2em;   // 2 * 16px = 32px;
}

์œ„ ์ฝ”๋“œ์—์„œ child-size ๋‚ด๋ถ€์— font-size๊ฐ€ ์žˆ์œผ๋ฏ€๋กœ ํ•ด๋‹น ์š”์†Œ์˜ width : 2em๋Š” 16์˜ 2๋ฐฐ์ธ 32px์ด ๋ฉ๋‹ˆ๋‹ค.

๋งŒ์•ฝ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ฐ™์ด child-size ๋‚ด๋ถ€์— font-size๊ฐ€ ์ •์˜๋˜์–ด ์žˆ์ง€ ์•Š์œผ๋ฉด ํ•ด๋‹น ์š”์†Œ๋ฅผ ๊ฐ์‹ธ๊ณ  ์žˆ๋Š” ๋ถ€๋ชจ ํด๋ž˜์Šค์—์„œ ๊ธฐ์ค€ ์‚ฌ์ด์ฆˆ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

.parent-size{
    font-size : 20px;
}
.child-size{
    width : 2em;   // 2 * 20px = 40px;
}

์ตœ์ƒ๋‹จ๊นŒ์ง€ ์ด๋™ํ•ด๋„ font-size๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ์—๋Š” ์œ„์—์„œ ๋งํ•œ ๊ธฐ๋ณธ๊ฐ’์ธ 16px์„ ๊ธฐ์ค€์œผ๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

rem

rem์€ em๊ณผ ๋น„์Šทํ•˜์ง€๋งŒ r์€ root๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ์ตœ์ƒ๋‹จ์ธ html์— ์ •์˜๋œ ๊ฐ’์„ ๊ธฐ์ค€์œผ๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

html{
    font-size : 20px;
}
.child-size{
    font-size : 16px;
    width : 2rem;   // 2 * 20px = 40px;
}

์ตœ์ƒ๋‹จ์˜ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค€ํ•˜๋ฏ€๋กœ 20px์ด ๊ธฐ์ค€์ด ๋˜์–ด 2rem์€ 40px๋กœ ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค.

vw

Viewport Width๋Š” ์Šคํฌ๋กค์„ ํฌํ•จํ•œ ์œˆ๋„์šฐ์˜ ๋„ˆ๋น„๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, ๋ฐ˜์‘ํ˜•์„ ์œ„ํ•ด ์ƒ๋Œ€์  ํฌ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1vw๋Š” ๋ทฐํฌํŠธ ๋„ˆ๋น„์˜ 1%์— ํ•ด๋‹นํ•˜๋Š” ๊ฐ’์œผ๋กœ ๋„ˆ๋น„๊ฐ€ 1000px์ธ ๊ฒฝ์šฐ 1vw๋Š” 10px, 100vw๋Š” 1000px์ด ๋ฉ๋‹ˆ๋‹ค.

๋ธŒ๋ผ์šฐ์ €์˜ ์‚ฌ์ด์ฆˆ ๋ณ€๊ฒฝ์ด๋‚˜ ๋ชจ๋ฐ”์ผ ๋“ฑ์—์„œ ์ „์ฒด ๋น„์œจ์„ ๋งž์ถ”๊ณ  ์‹ถ์„ ๋•Œ ํšจ๊ณผ์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ™”๋ฉด์„ ๊ฐ€๋กœ๋กœ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ์‹ถ์„ ๋•Œ 100vw๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

.layout{
    width : 100vw;
}

vh

Viewport Height๋Š” ์œˆ๋„์šฐ์˜ ๋†’์ด๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ vw์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋ทฐํฌํŠธ ๋†’์ด์˜ 1%๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

ํ™”๋ฉด์„ ๊ฐ€๋“ ์ฑ„์šฐ๊ณ  ์‹ถ์„ ๋•Œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ์ง€์ •ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

.layout{
    width : 100vw;
    height: 100vh;
}

%

%๋Š” ๋ถ€๋ชจ ์š”์†Œ์— ๋”ฐ๋ผ ํฌ๊ธฐ๊ฐ€ ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค.

๋†’์ด๋ฅผ 100%๋กœ ์„ค์ •ํ•˜๋Š” ๊ฒฝ์šฐ๋Š” ๋ถ€๋ชจ์˜ ๋†’์ด์˜ 100%๋ฅผ ์„ค์ •ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋ถ€๋ชจ์˜ ๋†’์ด๊ฐ€ 100px์ธ ๊ฒฝ์šฐ ์ž์‹ ์š”์†Œ์—์„œ height : 100%๋ฅผ ์„ค์ •ํ•˜๋ฉด ๋†’์ด๋Š” 50๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

width : 100%์ธ ๊ฒฝ์šฐ ์Šคํฌ๋กค๋ฐ”์˜ ๋„ˆ๋น„๋ฅผ ์ƒ๋žตํ•œ ํฌ๊ธฐ๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.

font-size : 100%์˜ ๊ฒฝ์šฐ ๋ถ€๋ชจ ์š”์†Œ์˜ ์‚ฌ์ด์ฆˆ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋ฏ€๋กœ ๊ธฐ๋ณธ๊ฐ’์€ 16px์ด ๋ฉ๋‹ˆ๋‹ค.

[BOOK] ์„ธ์ƒ์—์„œ ๊ฐ€์žฅ ์‰ฌ์šด ๋ณธ์งˆ์œก์•„

์•„์ด์™€ ๋ถ€๋ชจ ๋ชจ๋‘ ์ธ์ƒ์„ ์ž˜ ์‚ด์•„๊ฐ€๋Š” ๋ฒ•

์•„์ด๋ฅผ ๋‚ณ์œผ๋ฉด ๋ถ€๋ชจ์˜ ์ธ์ƒ์ด ๋๋‚˜๊ณ  ์•„์ด์˜ ์ธ์ƒ์ด ์‹œ์ž‘๋˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค.

๋ถ€๋ชจ๋„ ์Šค์Šค๋กœ๋ฅผ ๋จผ์ € ๋Œ์•„๋ณด๊ณ  ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•ด์•ผ ์•„์ด๋„ ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋‹ค.

์•„์ด ๋ฟ ์•„๋‹ˆ๋ผ ๋ถ€๋ชจ๋„ ์ธ์ƒ์„ ์ž˜ ์‚ด์•„๊ฐ€์•ผ ํ•œ๋‹ค. 

์œก์•„์— ์žˆ์–ด ์ž์‹ ์˜ ์‚ถ์„ ํฌ๊ธฐํ•˜๊ณ  ์•„์ด์—๊ฒŒ๋งŒ ์ง‘์ค‘ํ•˜๋Š” ๊ฒƒ์€ ์ถœ๋ฐœ์ ์ด ์ž˜๋ชป๋œ ๊ฒƒ์ด๋‹ค. ๋‚ด ์‚ถ์„ ํฌ๊ธฐํ•˜๊ณ  ์•„์ด์˜ ์‚ถ์„ ์„ค๊ณ„ํ•˜๋Š” ๊ฒƒ์€ ์•„์ด๋ฅผ ๋…๋ฆฝ์ ์ด๊ณ  ์ž์ฃผ์ ์ธ ์„ฑ์ธ์œผ๋กœ ํ‚ค์šฐ๊ธฐ ์–ด๋ ต๋‹ค.

์‚ฌ๋žŒ์˜ ์ž์กด๊ฐ์„ ํ•ด์น˜๋Š” ๊ฑด ์ฃผ๋กœ ๋น„๊ต์—์„œ ์‹œ์ž‘๋œ๋‹ค. ์ž์‹ ์ด ์ œ๋•Œ ์„ฑ์ทจ๋ฅผ ์ด๋ฃจ์ง€ ๋ชปํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ์ž์กด๊ฐ์ด ๋–จ์–ด์ง€๊ณ  ์ž์กด๊ฐ์ด ๋‚ฎ์•„์ง€๋ฉด ์‚ฌ๋žŒ๊ณผ์˜ ๊ด€๊ณ„์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ฒŒ ๋œ๋‹ค.

์œก์•„ ํœด์ง์ด๋ผ๋Š” ์—ญํ•  ์ „ํ™˜์— ์˜ํ•ด ์•„์ด๋ฅผ ์ž˜ ํ‚ค์›Œ ์ž์กด๊ฐ์„ ํšŒ๋ณตํ•˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ์•„์ด์™€ ๋‚˜๋ฅผ ๊ฐ™์€ ๊ฐ์ฒด๋กœ ๋ณด๊ฒŒ ํ•˜๊ณ , ์•„์ด๋ฅผ ๋Œ€๋ฆฌ๋งŒ์กฑ ์ˆ˜๋‹จ์œผ๋กœ ์—ฌ๊ธฐ๊ฒŒ ๋  ์ˆ˜ ์žˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ถ€๋ชจ์˜ ์ž์กด๊ฐ์„ ๋จผ์ € ๊ฑด๊ฐ•ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค. 

๋‹ค์Œ์œผ๋กœ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์‚ถ์—์„œ ์ค‘์š”ํ•˜๊ฒŒ ์—ฌ๊ธฐ๋Š” ๊ฐ€์น˜์ด๋‹ค. 

๋‚ด๊ฐ€ ์ถ”๊ตฌํ•˜๋Š” ๊ฐ€์น˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

์ž์œจ์„ฑ, ๋„์ „์ •์‹ , ํ–‰๋ณต, ์šฐ์ •, ๊ธ์ •, ์•ˆ์ •์„ฑ, ์ง€ํ˜œ

๋ถ€๋ชจ์˜ ๊ทผ๋ณธ์  ์—ญํ•  ์ค‘ ํ•˜๋‚˜๋Š” ์•„์ด์˜ ์‚ถ์—์„œ ๋“ฑ๋Œ€๊ฐ€ ๋˜์–ด์ค„ ๊ฐ€์น˜๋ฅผ ๊ฐ€๋ฅด์น˜๋Š” ๊ฒƒ์ด๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๊ทธ ์ „์— ๋ถ€๋ชจ์˜ ๊ฐ€์น˜๋ถ€ํ„ฐ ๋จผ์ € ๋ฐ”๋กœ ์„ธ์›Œ์•ผ ํ•œ๋‹ค. ๋ถ€๋ชจ์˜ ์‚ถ์—์„œ ๋ฌป์–ด๋‚˜๋Š” ์ค‘์š”ํ•œ ๊ฐ€์น˜๋Š” ์•„์ด์—๊ฒŒ ๊ทธ๋Œ€๋กœ ์ „๋‹ฌ๋˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๊ทธ ๊ฐ€์น˜๋ฅผ ์ž์‹ ์˜ ์‚ถ์—์„œ๋„ ์ถ”๊ตฌํ•ด์•ผ ๋ชจ์ˆœ๋˜์ง€ ์•Š๋Š” ๊ฐ€์น˜๋ฅผ ์•„์ด์—๊ฒŒ ์ž˜ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋ถ€๋ชจ ์ž์‹ ์˜ ์žฅ์ ์„ ์ž˜ ์•Œ์•„์•ผ ํ•œ๋‹ค. ๋‹จ์ ๋งŒ ์ง€์ ํ•˜๋Š” ์‚ฌํšŒ์—์„œ ์ž์‹ ์˜ ์žฅ์ ์„ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๋ฉด ์ž๊ธฐ ์ž๋…€์˜ ์žฅ์ ๋„ ์ฐพ๊ธฐ๊ฐ€ ํž˜๋“ค๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋‚˜์—๊ฒŒ ์ฃผ์–ด์ง„ ๊ฒƒ์œผ๋กœ ๋ฌด์—‡์„ ํ• ์ง€ ์‚ถ์— ๊ด€ํ•œ ์งˆ๋ฌธ์„ ๋˜์ ธ์•ผ ํ•œ๋‹ค. ๋‚˜์—๊ฒŒ ์ฃผ์–ด์ง„ ๊ฒƒ์œผ๋กœ ๋ฌด์—‡์„ ํ•˜๋ฉฐ ์–ด๋–ป๊ฒŒ ์‚ด์•„๊ฐˆ์ง€ ์ƒ๊ฐํ•˜๊ณ  ์ž๋…€๋„ ์ด ์งˆ๋ฌธ์— ๋Œ€๋‹ตํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ๋žŒ์œผ๋กœ ํ‚ค์›Œ์•ผ ํ•œ๋‹ค.

์ž๋…€๋ฅผ ํ‚ค์šฐ๋Š” ๊ถ๊ทน์ ์ธ ๋ชฉ์ ์€ ์ž๋…€๊ฐ€ ์ฃผ๋„์ ์ด๊ณ  ๋…๋ฆฝ์ ์ธ ์„ฑ์ธ์œผ๋กœ ์ž๋ผ๊ฒŒ ํ•˜๋Š” ๊ฒƒ, ์ฆ‰ ์ž๋ฆฝ์ด๋‹ค. ํ–‰๋ณต์€ ๋ถ€๋ชจ๊ฐ€ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ์•„์ด๊ฐ€ ์ฐพ์•„๊ฐ€๋Š” ๊ฒƒ์ด๋‹ค. ๋”ฐ๋ผ์„œ ๊ถ๊ทน์ ์œผ๋กœ ์œก์•„์— ๋Œ€ํ•œ ํŒ๋‹จ์€ ์•„์ด์˜ ์ž๋ฆฝ์— ๋„์›€์ด ๋˜๋Š”์ง€์˜ ์—ฌ๋ถ€์— ๋”ฐ๋ผ ๊ฒฐ์ •ํ•ด์•ผ ํ•œ๋‹ค. 

์•„์ด ๋•Œ๋ฌธ์— ์šฐ์šธํ•ด์ง€๊ฑฐ๋‚˜ ์ฐฝํ”ผํ•ด์ง€๋Š” ๊ฒƒ์€ ๊ฑด๊ฐ•ํ•œ ๊ด€๊ณ„๊ฐ€ ์•„๋‹ˆ๋ฏ€๋กœ ์•„์ด๋ฅผ ๋ถ€๋ชจ ์š•์‹ฌ์˜ ํฌ์ƒ์–‘์œผ๋กœ ๋งŒ๋“ค์ง€ ๋ง์•„์•ผ ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ์ž๋…€์™€ ์ •์‹ ์ , ๋ฌผ๋ฆฌ์ ์œผ๋กœ ๋ถ„๋ฆฌ๋˜์–ด ์ ์ ˆํ•œ ๊ฑฐ๋ฆฌ๋ฅผ ์œ ์ง€ํ•˜์ง€ ๋ชปํ•˜๋ฉด ์œก์•„๋Š” ์‹คํŒจํ•œ ๊ฒƒ๊ณผ ๊ฐ™๋‹ค.ย 

์•„์ด๋ฅผ ํ‚ค์šธ ๋•Œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์›์น™์ธ ์‚ฌ๋ž‘๊ณผ ๋ณดํ˜ธ, ๊ฐ€์น˜์™€ ๋งˆ์Œ์ž์„ธ๋ฅผ ๊ฐ€๋ฅด์น˜๋Š” ๊ฒƒ๋งŒ ์ง€ํ‚ค๋ฉด ์„ธ์„ธํ•œ ๊ฒƒ์€ ์ƒํ™ฉ์— ๋งž์ถฐ๊ฐ€๋ฉด ๋œ๋‹ค.

์•„์ด๋Š” ์Œ€๊ณผ ๊ฐ™์•„์„œ ๋ฐฅ์„ ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์ด ๋ฌผ ๋„ฃ๊ณ  ๋šœ๊ป‘ ๋ฎ๊ณ  ๋ถˆ์„ ์ง€ํŽด์„œ ๊ธฐ๋‹ค๋ฆฌ๊ธฐ๋งŒ ํ•˜๋ฉด ๋œ๋‹ค. ๋ฐฅ์„ ํ•  ๋•Œ ๋šœ๊ป‘์„ ์—ด๊ฑฐ๋‚˜ ์–‘๋…์„ ํ•˜์ง€ ์•Š๋“ฏ์ด ์ธ๋‚ด์‹ฌ์„ ๊ฐ€์ง€๊ณ  ๋ฏฟ๊ณ  ๊ธฐ๋‹ค๋ ค์ฃผ๋ฉด ๊ฐ์ž ๊ณ ์œ ์˜ ๋ฐฅ๋ง›์„ ๋‚ด๋Š” ์Œ€์ฒ˜๋Ÿผ ์•„์ด๋„ ๊ทธ์™€ ๊ฐ™์„ ๊ฒƒ์ด๋‹ค.

์ž ์žฌ๋ ฅ์€ ๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š”๋‹ค. ์ž๋ผ๋ฉด์„œ ์„œ์„œํžˆ ํŽผ์ณ์ ธ ๋‚˜์˜ค๋ฏ€๋กœ ๋ชจ๋“  ์•„์ด๊ฐ€ ํฐ ์ž ์žฌ๋ ฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ๋ฏฟ์–ด์•ผ ํ•œ๋‹ค. ๋ถ€๋ชจ๊ฐ€ ๋ฏฟ๋Š” ๋งŒํผ์˜ ์ž ์žฌ๋ ฅ์„ ์•„์ด๋“ค์€ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. ๋ถ€๋ชจ์˜ ์—ญํ• ์€ ๋ญ”๊ฐ€๋ฅผ ์ฃผ์ž…ํ•˜๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ์ด๋ฏธ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ž ์žฌ๋ ฅ์„ ํŽผ์ณ๋‚ด๋„๋ก ๋„์™€์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.

์•„์ด์˜ ์ž ์žฌ๋ ฅ์€ ๊ด€์‹ฌ๊ณผ ํฅ๋ฏธ์˜ ํ‘œํ˜„์œผ๋กœ ๊บผ๋‚ธ๋‹ค. ๊ด€์‹ฌ๊ณผ ํฅ๋ฏธ์— ๋Œ€ํ•ด ๊ฐ€์น˜ ์žˆ๊ฒŒ ๋ฐ›์•„๋“ค์—ฌ์ฃผ๋ฉด ๊ณ„์†ํ•ด์„œ ์ž ์žฌ๋ ฅ์„ ๋Œ์–ด๋‚ด๊ฒŒ ๋œ๋‹ค. ๋˜ํ•œ ์‚ฌ๋ž‘ ๋‹ค์Œ์œผ๋กœ ์ค‘์š”ํ•œ ์กด์ค‘, ์ธ์ •์˜ ๊ฐ์ •์„ ์ฑ„์šฐ๊ฒŒ ๋œ๋‹ค. ์•„์ด๋“ค์€ ์ž์‹ ์˜ ์กด์žฌ ๊ฐ€์น˜์™€ ๊ฐ•์ ์„ ํฅ๋ฏธ์™€ ๊ด€์‹ฌ์œผ๋กœ ํ‘œํ˜„ํ•˜๋ฉด์„œ ๊ธธ๋Ÿฌ๊ฐ„๋‹ค. ์•„์ด๊ฐ€ ์›ํ•˜๋Š” ๊ฒƒ์„ ๋‹ค ๋“ค์–ด์ฃผ๋ผ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๊ฒฝ์ฒญํ•ด์ฃผ๊ณ  ๊ฐ™์ด ๊ด€์‹ฌ์„ ๊ฐ€์ ธ์ฃผ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ ๊ฒƒ์ด๋‹ค.

์•„์ด๊ฐ€ ๊ฐ€์ง„ ๋‹จ์ ๊ณผ ์•ฝ์ ์ด ์žˆ์ง€๋งŒ ์˜์‹์ ์œผ๋กœ ๊ฐ•์ ๊ณผ ์žฅ์ ์— ๋” ์ง‘์ค‘ํ•ด์•ผ ํ•œ๋‹ค. ์•ž์œผ๋กœ๋Š” ํ•œ ๊ฐ€์ง€๋ฅผ ๋” ์ž˜ํ•˜๋Š” ์‚ฌ๋žŒ์ด ๋” ํฐ ๊ฐ€์น˜๋ฅผ ์ธ์ •๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

์•„์ด๋Š” ์ €๋งˆ๋‹ค์˜ ์žฅ์ ๊ณผ ๋‹จ์ , ์„ฑํ–ฅ์„ ํƒ€๊ณ ๋‚œ๋‹ค. ๋ถ€๋ชจ๋Š” ๊ทธ ์ž ์žฌ๋ ฅ์„ ์ตœ๋Œ€ํ•œ ๋Œ์–ด๋‚ด๋„๋ก ๋•๋Š” ๊ฒƒ์ด์ง€ ์„ธ์ƒ์˜ ํš์ผ์ ์ธ ํ‹€์— ๋งž์ถ”๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. 

๋‹ค๋ฅธ ์•„์ด๋“ค๊ณผ ๋‹ค๋ฅธ ๊ฒƒ์— ๋Œ€ํ•ด ๋ถˆ์•ˆํ•˜๋‹ค๋ฉด ์ด ๋ง์„ ๋˜์ƒˆ๊ฒจ์•ผ ํ•œ๋‹ค.

Only dead fish go with the flow(์ฃฝ์€ ๋ฌผ๊ณ ๊ธฐ๋งŒ์ด ๋ฌผ๊ฒฐ์„ ๋”ฐ๋ผ๊ฐ„๋‹ค).

๋ถ€๋ชจ๊ฐ€ ์•„์ด์˜ ๋‹ค์–‘์„ฑ์„ ์กด์ค‘ํ•ด์ฃผ๋ฉด ์•„์ด๋Š” ์ž์‹ ์˜ ์กด์žฌ ๊ฐ€์น˜๋ฅผ ์•Œ๊ฒŒ ๋˜์–ด ๋” ํ–‰๋ณตํ•ด์งˆ ์ˆ˜ ์žˆ๋‹ค. ๋‹ค์–‘์„ฑ์ด ์ฃฝ์€ ๊ณณ์— ์—ด๋“ฑ๊ฐ์ด ์ž๋ผ๊ณ  ์—ด๋“ฑ๊ฐ์€ ๋‚ฎ์€ ์ž์กด๊ฐ์œผ๋กœ ์—ฐ๊ฒฐ๋œ๋‹ค.

์•„์ด์—๊ฒŒ ์ƒ๋Œ€์  ์กด์žฌ ๊ฐ€์น˜๊ฐ€ ์•„๋‹Œ ์ ˆ๋Œ€์  ์กด์žฌ ๊ฐ€์น˜๋ฅผ ๊ฐ€๋ฅด์ณ์•ผ ํ•˜๊ณ  ๋ฌด์กฐ๊ฑด์ ์ธ ์‚ฌ๋ž‘์„ ์•Œ๋ ค์ค˜์•ผ ํ•œ๋‹ค.

์•„์ด์˜ ๋…ธ๋ ฅ๊ณผ ์ˆ˜๊ณ ๋ฅผ ์ธ์ •ํ•˜๊ณ  ๊ณ ๋งˆ์›Œํ•ด์ฃผ๋Š” ๋ง๋งŒํผ ์•„์ด ์Šค์Šค๋กœ๋ฅผ ๋ฟŒ๋“ฏํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ๋ง๋„ ์—†๋‹ค. ์นญ์ฐฌํ•  ๋•Œ๋Š” ๊ฒฐ๊ณผ๊ฐ€ ์•„๋‹Œ ๊ณผ์ •์„ ์นญ์ฐฌํ•ด์•ผ ํ•œ๋‹ค. ๋˜ํ•œ ์กด์žฌ ์ž์ฒด์™€ ํƒ„์ƒ์— ๊ณ ๋งˆ์›€์„ ํ‘œํ˜„ํ•ด์ฃผ๋ฉด ์•„์ด๋“ค์€ ์‚ฌ๋ž‘๊ณผ ์ธ์ •์œผ๋กœ ํ’์„ฑํ•ด์ง„๋‹ค. ์‚ฌ๋ž‘๊ณผ ์ธ์ •์€ ์ธ๊ฐ„ ๊ด€๊ณ„์—์„œ ์ •์„œ์ ์œผ๋กœ ๋ฐ›๊ณ  ์‹ถ์–ด ํ•˜๋Š” ๊ฐ€์žฅ ํฐ ํ•„์š”์ด์ž ์š•๊ตฌ์ด๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์•„์ด์˜ ์ž์กด๊ฐ์ด ๋‹จ๋‹จํ•ด์ง€๊ณ  ์‰ฝ๊ฒŒ ํ”๋“ค๋ฆฌ์ง€ ์•Š๋Š”๋‹ค.

20์ดˆ ํ—ˆ๊ทธ๋ฒ•์€ ์•„์ด๋“ค์˜ ์ •์„œ ์•ˆ์ •๊ณผ ๋ฐœ๋‹ฌ, ์ž์กด๊ฐ์— ํฐ ๋„์›€์ด ๋˜๋Š” ๊ฐ€์„ฑ๋น„ ์ตœ๊ณ ์˜ ์š”๋ฒ•์ด๋‹ค. 

์ž์กด๊ฐ์ด ๋‚ฎ์•„์ง€๋Š” ์ด์œ ๋กœ ์ž์‹ ์˜ ๋ถ€์กฑํ•œ ์ ๊ณผ ๋‹จ์ ์„ ๋“ ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‹จ์ ์„ ์˜คํžˆ๋ ค ๋‹น๋‹นํ•˜๊ฒŒ ๋“œ๋Ÿฌ๋‚ด๋ฉด ๊ทธ๊ฒƒ์€ ๋” ์ด์ƒ ์•ฝ์ ์ด ์•„๋‹ˆ๊ฒŒ ๋œ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์ž์‹ ์— ๋Œ€ํ•ด ๋ถ€์กฑํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๊ฒŒ ์ ˆ๋Œ€์ ์ธ ๋ถ€์กฑํ•จ์€ ์•„๋‹ˆ๋ผ๋Š” ๊ฑธ ์ง€๊ฐํ•ด์•ผ ํ•œ๋‹ค. ๋‹ค๋งŒ ์•ฝ์ ๊ณผ ๋‹จ์ ์„ ๋‹ค ํฌํ•จํ•ด๋„ ์ž์‹ ์ด ๊ฐ€์น˜์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋Š” ํ™•์‹ ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค. 

์ธ์ง€ํ–‰๋™์น˜๋ฃŒ๋Š” ์ƒ๊ฐ์— ๋”ฐ๋ผ ๊ฐ์ •์ด ๋‹ฌ๋ผ์ง€๊ณ  ๊ฐ์ •์— ๋”ฐ๋ผ ํ–‰๋™์ด ๋‹ฌ๋ผ์ง€๋Š” ๊ฒƒ์„ ๊ธฐ๋ณธ์œผ๋กœ ํ•˜๋Š” ์น˜๋ฃŒ ๋ฐฉ๋ฒ•์ด๋‹ค. ์‚ฌ๋žŒ์˜ ์ƒ๊ฐ์„ ๋ฐ”๊พธ๋„๋ก ํ•˜๋ฉด ๊ฐ์ •๊ณผ ํ–‰๋™๋„ ํ˜ธ์ „๋œ๋‹ค. ์ด ์ด๋ก ์—์„œ ๋ชจ๋“  ์ƒ๊ฐ์˜ ๊ทผ์›์œผ๋กœ ๋ณด๋Š” ๊ฒƒ์„ ํ•ต์‹ฌ ์‹ ๋…์ด๋ผ๊ณ  ํ•˜๋Š”๋ฐ, ์ด๋Š” ๋‚˜์™€ ๋‹ค๋ฅธ ์‚ฌ๋žŒ ๊ทธ๋ฆฌ๊ณ  ์„ธ์ƒ์— ๋Œ€ํ•œ ๊ทผ๋ณธ์ ์ธ ๋ฏฟ์Œ์ด๋‹ค. ์ƒ๊ฐ์ด ๊ฐ์ •์„ ๋‚ณ๊ณ  ๊ฐ์ •์ด ํ–‰๋™์„ ๋‚ณ๋Š” ์ƒํ™ฉ์ด ๋ฐ˜๋ณต๋˜๋ฉด์„œ ๊ฒฐ๊ณผ๊ฐ€ ์ž์‹ ์˜ ์‹ ๋…๋Œ€๋กœ ์ด๋ฃจ์–ด์ ธ ๊ฐ€๊ธฐ ๋•Œ๋ฌธ์— ๋‚˜์˜ ์ƒ๊ฐ์— ๋”ฐ๋ผ ๋‚˜์˜ ํ˜„์‹ค์€ ์ƒ๋‹นํžˆ ๋‹ฌ๋ผ์ง„๋‹ค.

์•„์ด์—๊ฒŒ ๊ฐ€๋ฅด์น  ๋„ค ๊ฐ€์ง€ ๊ฐ€์น˜๋Š” ์‹ ๋ขฐ์„ฑ(integrity), ์ฑ…์ž„๊ฐ(responsibility)๊ณผ ์„ฑ์‹คํ•จ(diligence), ๊ธฐ์—ฌ(contribution), ๋ฐฐ๋ ค(consideration)์ด๋‹ค.

์•„์ด๊ฐ€ ์‚ด์•„๊ฐ€๋Š” ๋งˆ์Œ์ž์„ธ๋Š” ๊ธ์ •์ ์ธ ๋งˆ์Œ์ž์„ธ๊ฐ€ ๊ฐ€์žฅ ๋„์›€์ด ๋œ๋‹ค. ๋ฌด์กฐ๊ฑด ๋‹ค ์ž˜๋ ๊ฑฐ๋ผ๋Š” ํƒœ๋„๊ฐ€ ์•„๋‹ˆ๋ผ ์–ด๋–ค ์ƒํ™ฉ์—์„œ๋„ ์ข‹์€ ์ ๊ณผ ๋‚˜์œ ์ ์ด ๊ณต์กดํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด๋‹ค. ๊ธ์ •์ ์ธ ์•„์ด๋Š” ํž˜๋“  ์ผ์„ ๋งž์•„์„œ๋„ ๋” ์šฉ๊ฐํ•˜๊ฒŒ ํšŒ๋ณตํƒ„๋ ฅ์„ฑ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋‹ค. 

๋‹ค๋ฅธ ์–ด๋ฅธ์ด๋‚˜ ์นœ๊ตฌ์—๊ฒŒ๋„ ์˜ํ–ฅ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ์ง€๋งŒ ๋ถ€๋ชจ์˜ ์˜ํ–ฅ์€ ๋น„๊ต๊ฐ€ ๋˜์ง€ ์•Š์„๋งŒํผ ํฌ๊ธฐ๋•Œ๋ฌธ์— ๋ถ€๋ชจ๊ฐ€ ๋ชจ๋ฒ”์„ ๋ณด์ด๋Š” ๋กค๋ชจ๋ธ์ด ๋˜์–ด์•ผ ํ•œ๋‹ค.

๋ฌผ๋ก  ๋ถ€๋ชจ๋„ ์™„๋ฒฝํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋‚˜๋Š” ๋ฌธ์ œ๊ฐ€ ์—†๊ณ  ๋ชจ๋“  ๊ฒƒ์„ ๋‹ค ์•Œ๊ณ  ์žˆ๋‹ค๋Š” ํƒœ๋„๋Š” ๊ฐ€์žฅ ๋จผ์ € ๋‚ด๋ ค๋†“์•„์•ผ ํ•  ์ž์„ธ๋‹ค.

๋งŽ์ด ์„ฑ์ทจํ•œ ์‚ฌ๋žŒ๋“ค์€ ๊ธฐ์—ฌ๋ฅผ ์ตœ๊ณ ์˜ ์›๋™๋ ฅ์œผ๋กœ ์‚ผ๋Š”๋‹ค. ์ด์™€ ๊ฐ™์€ ๋‚ด์  ๋™๊ธฐ๋ฅผ ์‹ฌ์–ด์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” ์•„์ด๋“ค์—๊ฒŒ ์ €์ ˆ๋กœ ๋‚˜์˜ค๋Š” ํฅ๋ฏธ์™€ ํ˜ธ๊ธฐ์‹ฌ์ด๋ผ๋Š” ๊ฐ•ํ•œ ๋‚ด์  ๋™๊ธฐ๋ฅผ ์ด์šฉํ•ด์•ผ ํ•œ๋‹ค.

์•„์ด์—๊ฒŒ ์„ธ์ƒ์— ๋Œ€ํ•œ ํ˜ธ๊ธฐ์‹ฌ๊ณผ ์˜๊ฐ์„ ๋ถˆ์–ด ๋„ฃ์–ด์ฃผ๋ฉด ์•„์ด๋Š” ์Šค์Šค๋กœ ์‚ถ์„ ๊ฐœ์ฒ™ํ•˜๋ฉฐ ํ•„์š”ํ•œ ๊ธฐ์ˆ ๊ณผ ์ง€์‹์„ ๋ฐฐ์›Œ๊ฐ„๋‹ค.

์ธ๊ฐ„์—๊ฒŒ ์˜๋ฏธ๋Š” ๊ฒฝ์Ÿ๋ณด๋‹ค ๊ฐ•ํ•œ ์›๋™๋ ฅ์ด๋‹ค. ์˜๋ฏธ๋Š” ๋ฐ”๋กœ ๊ทธ ์ผ ์ž์ฒด์—์„œ ์šฐ๋Ÿฌ๋‚˜๋Š” ๋‚ด์  ๋™๊ธฐ๋‹ค. 

์™ธ์  ๋™๊ธฐ๋Š” ๋‚ด์  ๋™๊ธฐ๋ฅผ ์•ฝํ™”์‹œํ‚จ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‚ด์  ๋™๊ธฐ๋งŒ์œผ๋กœ๋Š” ์–ด๋ ค์šด ์ƒํ™ฉ์ด ์žˆ์„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋‚ด์  ๋™๊ธฐ์™€ ์™ธ์  ๋™๊ธฐ์˜ ์‹œ๋„ˆ์ง€ ํšจ๊ณผ๋ฅผ ๋‚ด๋„๋ก ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. 

๋‚ด์  ๋™๊ธฐ๋Š” ํ–‰๋ณตํ•˜๊ฒŒ ์‚ฌ๋Š” ๋ฐ๋„ ๋งค์šฐ ์ค‘์š”ํ•˜๋‹ค. ํ–‰๋ณต์—์„œ ์ค‘์š”ํ•œ ๊ฐœ๋…์ด ๋ฐ”๋กœ ๋งŒ์กฑ๊ฐ์ด๋‹ค. 

์ž๊ธฐ ์‚ถ์— ๋งŒ์กฑ๊ฐ์„ ๋А๋‚€๋‹ค๋Š” ๊ฒƒ์€ ํ˜„์‹ค์— ์•ˆ์ฃผํ•˜๋Š” ๊ฒƒ๊ณผ๋Š” ๋‹ค๋ฅด๋‹ค. ์‚ด์•„๊ฐ€๊ณ  ์ผ์„ ํ•˜๋Š”๋ฐ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ์€ ์˜๋ฏธ๋ฅผ ๊ณ„์† ํŽผ์น˜๊ณ  ์„ฑ์žฅํ•˜๊ธฐ ๋งˆ๋ จ์ด๋‹ค. 

๋ฏธ๊ตญ ๊ต์œก๊ณ„์—์„œ ๊ฐ•์กฐํ•˜๋Š” 4C๋Š” creativity, critical thinking, collaboration, communication์ด๋‹ค. ์ด 4C๋ฅผ ํ‚ค์šฐ๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์€ ๋†€์ด๋‹ค. ์ด ๋Šฅ๋ ฅ ๋ฐœ๋‹ฌ์— ์•„์ฃผ ์ข‹์€ ๋†€์ด๋Š” ํ‹€์ด ์—†๋Š” ๋†€์ด์ด๋ฉฐ ์ž์—ฐ์€ ๋ฌด์ฒ™ ์ข‹์€ ๋†€์ด ๋Œ€์ƒ์ด๋‹ค. 

์•„์ด๊ฐ€ ์ฃผ๋„์ ์œผ๋กœ ๋†€๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ praise, reflect, imitate, describe, enthusiasm์ด๋‹ค. ๊ณต๊ฐ๊ณผ ๊ฒฝ์ฒญ์„ ํ•˜๋ฉด ์ž์—ฐ์Šค๋ ˆ ์•„์ด์˜ ๋ง๊ณผ ํ–‰๋™์„ ๋ฐ˜์‚ฌํ•˜๊ณ  ๋ฌ˜์‚ฌํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ์ค‘์š”ํ•œ ๊ฒƒ์€ ๋ถ€๋ชจ๊ฐ€ ์ž์‹ ์—๊ฒŒ ์ง‘์ค‘ํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๋А๋‚Œ์„ ์•„์ด์—๊ฒŒ ์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. 

์–ด๋ฆด ๋•Œ์ผ์ˆ˜๋ก ๋งŽ์ด ๋„˜์–ด์ง€๊ณ  ์ผ์–ด๋‚˜๋Š” ๊ฒฝํ—˜์„ ํ•ด์•ผ ์‹œ๋ จ์—๋„ ๋‹จ๋‹จํ•œ ์‚ฌ๋žŒ์ด ๋  ์ˆ˜ ์žˆ๋‹ค. 

์‹คํŒจ๋Š” ์ง€๊ฑฐ๋‚˜ ์žƒ์€ ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์•ˆ๋œ๋‹ค๋Š” ์ •๋ณด๋ฅผ ์–ป์€ ๊ฒƒ์ด๊ณ  ๊ฐœ์„ ํ•  ๋ฐฉ๋ฒ•์„ ์–ป์€ ๊ฒƒ์ด๋‹ค. 

์‹คํŒจ๋Š” ์ผ๋ถ€๋Ÿฌ ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋ญ”๊ฐ€์— ๋„์ „ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์‹คํŒจ๋ฅผ ํ”ผํ•˜๋ ค๊ณ ๋งŒ ํ•˜๋Š” ์•„์ด๋Š” ํฌ๊ฒŒ ์„ฑ์žฅํ•˜์ง€ ๋ชปํ•œ๋‹ค.

์‹คํŒจ๋ฅผ ๊ฒฝํ—˜ํ•ด ๋ณธ ์•„์ด๋Š” ํšŒ๋ณตํƒ„๋ ฅ์„ฑ์ด ์ปค์ง€๊ณ  ์ž์‹ ๊ฐ์ด ์ƒ๊ธด๋‹ค. ๊ทธ ๋ฐ”ํƒ•์—๋Š” ๋ถ€๋ชจ์˜ ์กฐ๊ฑด์—†๋Š” ์‚ฌ๋ž‘์ด ํ•„์š”ํ•˜๋‹ค.

๋Œ€์‚ฌ ์กฐ์ ˆ์„ ํ•˜๋Š” ์‹œ์ƒํ•˜๋ถ€๋Š” ์ƒ๊ฐ ํšŒ๋กœ๊ฐ€ ๊ฐ์‚ฌ๋กœ ๋ฐ”๋€Œ๋ฉด ํ™œ์„ฑํ™”๋˜์–ด ๋ชธ๊ณผ ํ˜ธํก์ด ํŽธ์•ˆํ•ด์ง€๋ฉฐ ํ˜ˆ์••, ์ž , ์‹์š• ๋“ฑ์ด ์กฐ์ ˆ๋œ๋‹ค. ์„ธ๋กœํ† ๋‹Œ๊ณผ ๋„ํŒŒ๋ฏผ๋„ ์ฆ๊ฐ€ํ•˜๊ฒŒ ๋˜์–ด ๊ธฐ๋ถ„์ด ์ข‹์•„์ง€๊ฑฐ๋‚˜ ๋™๊ธฐ ๋ถ€์—ฌ๊ฐ€ ๋œ๋‹ค. ๋„ํŒŒ๋ฏผ์€ ๋ณด์ƒ ๋ฐ›๋Š” ๋А๋‚Œ์„ ์ฃผ๋ฏ€๋กœ ๋˜ ํ•˜๊ณ  ์‹ถ์–ด์ง€๋Š” ๋™๊ธฐ๊ฐ€ ๋ถ€์—ฌ๋œ๋‹ค. ๊ฐ์‚ฌ ์ผ๊ธฐ๋ฅผ ์“ฐ๋ฉด์„œ ๋‡Œ๋ฅผ ์ง€์†์ ์œผ๋กœ ํ›ˆ๋ จํ•œ ์‚ฌ๋žŒ๋“ค์€ ๊ฐ์‚ฌ ํšŒ๋กœ๊ฐ€ ๋” ์‰ฝ๊ฒŒ ํ™œ์„ฑํ™”๋œ๋‹ค. ๊ฐ์‚ฌ๋Š” ์Œ๋ฐฉํ–ฅ์ด๋ฏ€๋กœ ๊ฐ์‚ฌ๋ฅผ ๋ฐ›๋Š” ์ƒํ™ฉ์—์„œ๋„ ๋˜‘๊ฐ™์€ ๋‡Œ ๋ฐ˜์‘์ด ์ผ์–ด๋‚œ๋‹ค. 

์–ด๋ฆด ๋•Œ๋ถ€ํ„ฐ ๋†€๋ฉด์„œ ์˜ˆ์ฒด๋Šฅ์„ ๋งŽ์ด ์ ‘ํ•œ ์•„์ด๋“ค์€ ๊ฒŒ์ž„์—๋งŒ ๊ณผ๋ชฐ์ž…ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋“œ๋ฌผ๋‹ค. ๋”ฐ๋ผ์„œ ์–ด๋ฆด ๋•Œ๋ถ€ํ„ฐ ๋งˆ์Œ๊ป ๋†€๊ฒŒ ํ•ด์ฃผ๋ฉด ๊ฒŒ์ž„๊ณผ ์Šค๋งˆํŠธํฐ์˜ ๊ณผ๋ชฐ์ž…์„ ์˜ˆ๋ฐฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์–ด๋ฆด ๋•Œ๋ถ€ํ„ฐ ๊ณต์›์ด๋‚˜ ์‚ฐ, ์บ ํ•‘ ๋“ฑ์„ ์ž์ฃผ ๊ฐ€๋ณธ ์•„์ด๋“ค์€ ๋Œ€๋ถ€๋ถ„ ๊ฐ€์กฑ๊ณผ์˜ ์ด๋Ÿฐ ์‹œ๊ฐ„์„ ์ฆ๊ธด๋‹ค. 

๋ถ€๋ชจ์˜ ์—ญํ• ์€ ์•„์ด๊ฐ€ ๋ง์„ ์ž˜ ๋“ฃ๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์•„์ด๊ฐ€ ์ข‹์„ ์„ ํƒ์„ ํ•  ์ˆ˜ ์žˆ์„์ง€ ๋„์™€์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. 

WHO์—์„œ ๋งŒ1์„ธ ์•„๋ž˜๋กœ๋Š” ์Šค๋งˆํŠธ ๊ธฐ๊ธฐ๋ฅผ ๋ณด์—ฌ์ฃผ์ง€ ๋ง๊ณ  ๋งŒ5์„ธ ๋ฏธ๋งŒ์€ ํ•œ ์‹œ๊ฐ„ ๋ฏธ๋งŒ์œผ๋กœ ์ œํ•œํ•˜๋ผ๊ณ  ํ•œ๋‹ค. ์–ด๋ฆฐ ๋‚˜์ด์— ์Šค๋งˆํŠธ ๊ธฐ๊ธฐ์— ๋„ˆ๋ฌด ๋งŽ์€ ์‹œ๊ฐ„์„ ์“ฐ๋ฉด ํ•œ ์˜์—ญ์—๋งŒ ์ž๊ทน์„ ์ฃผ์–ด ๊ณ ๋ฅธ ๋‡Œ ๋ฐœ๋‹ฌ์„ ์ €ํ•ดํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

๋ณธ์ธ์—๊ฒŒ ํ†ต์ œ๋ ฅ๊ณผ ์กฐ์ ˆ์„ ์ฃผ๋ฉด ์•ˆ์ •๊ฐ์„ ์ค„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ฑ…์ž„๊ฐ๋„ ์ƒ๊ธด๋‹ค. ์ด๊ฒƒ์ด ๋‚ด์  ๋™๊ธฐ๋‹ค. 

์ž๊ธฐ์กฐ์ ˆ๋ ฅ์„ ๊ธฐ๋ฅด๋ ค๋ฉด ์ž๊ธฐ ์ธ์‹์„ ๊ฐ€๋ฅด์ณ์•ผ ํ•œ๋‹ค. ์•„์ด๊ฐ€ ์Šค์Šค๋กœ์˜ ๊ฐ์ •์„ ์•Œ์•„์ฐจ๋ฆฌ์ง€ ๋ชปํ•œ๋‹ค๋ฉด ๋ถ€๋ชจ๊ฐ€ ์ž˜ ์‚ดํ”ผ๊ณ  ๋งํ•ด์ค˜์„œ ์ž๊ธฐ ์ธ์‹์„ ์˜ฌ๋ ค์ค˜์•ผ ํ•œ๋‹ค. 

์•„์ด๊ฐ€ ์š”๊ตฌํ•˜๋Š” ๊ฒƒ์ด ์žˆ์„ ๋•Œ๋Š” ๊ธฐ๋‹ค๋ฆด ์ค„ ์•Œ๋„๋ก ๊ฐ€๋ฅด์ณ์•ผ ํ•œ๋‹ค. 

์•ˆ ์ข‹์€ ์ƒํ™ฉ์—์„œ ์‚ฌ๋žŒ์€ ์ž๋™์ ์œผ๋กœ ๋ถ€์ •์ ์ธ ์ƒ๊ฐ์„ ํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ์ž์œจ์‹ ๊ฒฝ๊ณ„ ์ค‘ ๊ต๊ฐ์‹ ๊ฒฝ์ด ํ•ญ์ง„๋˜๋ฉด์„œ ์ˆจ์ด ๊ฐ€๋น ์ง€๊ณ  ๋™๊ณต์ด ์ปค์ง€๋ฉด์„œ ๋ˆˆ์ด ๋™๊ทธ๋ž˜์ง€๊ณ  ์‹ฌ์žฅ์ด ๋›ด๋‹ค. ์ด ๋•Œ ํ˜ธํก์„ ์ฒœ์ฒœํžˆ ํ•ด์ฃผ๋ฉด ๋ถ€๊ต๊ฐ ์‹ ๊ฒฝ์ด ํ•ญ์ง„๋˜๋ฉด์„œ ๋ชธ์—์„œ ๋‡Œ๋กœ ์‹ ํ˜ธ๊ฐ€ ๊ฐ€์„œ ์ƒํƒœ๊ฐ€ ์ „ํ™˜๋œ๋‹ค.

์•„์ด์˜ ์ •์„œ๊ฐ€ ๊ฑด๊ฐ•ํ•˜๊ฒŒ ์ž˜ ๋ฐœ๋‹ฌํ•˜๋ ค๋ฉด ๋งŒ์กฑ๊ฐ(gratification)๊ณผ ์ขŒ์ ˆ๊ฐ(frustration)์„ ๋‘˜ ๋‹ค ๊ท ํ˜•์„ ์ด๋ฃจ์–ด ๊ฒฝํ—˜ํ•ด์•ผ ํ•œ๋‹ค.

๋”ฐ๋ผ์„œ ์•„์ด๊ฐ€ ๋งค๋ฒˆ ์ขŒ์ ˆ๊ฐ์„ ๋А๋‚„ ๋•Œ๋งˆ๋‹ค ๋ถ€๋ชจ๊ฐ€ ์ด๋ฅผ ์ œ๊ฑฐํ•ด์ฃผ๊ธฐ๋ณด๋‹ค ๋ถˆํŽธํ•œ ๊ฐ์ •์ด ๋“ค๊ณ  ๊ฒฌ๋””๋„๋ก ๋„์™€์ค˜์•ผ ํ•œ๋‹ค. 

๋ถ€๋ชจ๊ฐ€ ์Šค์Šค๋กœ ์กฐ์ ˆํ•˜๋Š” ๋ชจ์Šต์„ ๋ณด์—ฌ์ฃผ๋ฉด ํšจ๊ณผ๋Š” ๋”์šฑ ๊ฐ•๋ ฅํ•ด์ง„๋‹ค. ์•„์ด๊ฐ€ ๋’ค์ง‘์–ด์ง€๊ณ  ๋‚œ๋ฆฌ๊ฐ€ ๋‚˜๋„ ๋ถ€๋ชจ๊ฐ€ ํ‰์ •์‹ฌ์„ ์œ ์ง€ํ•˜๋ฉด ์•„์ด๋Š” ๊ทธ ๋ชจ์Šต์„ ๋ณด๊ณ  ๋ฐฐ์šด๋‹ค. 

์‹ ๊ฒฝ๋‹ค์–‘์„ฑ(neurodiversity)์ด๋ž€ ๋‡Œ๊ฐ€ ๋‹ค ๋‹ค๋ฅด๋‹ค๋Š” ๋œป์ด๋‹ค. ๋”ฐ๋ผ์„œ ํ‰๊ท ์ด ์•„๋‹ˆ๋ผ ๊ฐœ์ธ์˜ ๋‹ค์–‘์„ฑ์„ ์กด์ค‘ํ•˜๊ณ  ๋‚ด ์ธ์ƒ์€ ์‚ด ๋งŒํ•˜๊ณ  ๋ฏธ๋ž˜๋Š” ํฌ๋ง์ ์ด๋ผ๋Š” ์ƒ๊ฐ์„ ํ•˜๋Š” ์•„์ด๋กœ ๊ธธ๋Ÿฌ์•ผ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

ํ‰๊ท ์ ์œผ๋กœ ๋ณธ์ธ์ด ์ž˜ ํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์•„์ด๋Š” ์ž˜ ํ•˜๋Š” ์•„์ด ์•ž์—์„œ๋Š” ์—ด๋“ฑ๊ฐ, ๋ชปํ•˜๋Š” ์•„์ด ์•ž์—์„œ๋Š” ์šฐ์›”๊ฐ๊ณผ ๊ต๋งŒ์„ ๋А๋ผ๊ฒŒ ๋œ๋‹ค.

ํ–‰๋ณตํ•œ ๋ถ€๋ชจ๋Š” ์•„์ด์—๊ฒŒ ๋ฏฟ์Œ์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ๋ถˆ์•ˆํ•œ ๋ถ€๋ชจ๋Š” ์ž ์žฌ๋ ฅ์„ ๋ฏฟ๊ธฐ ์–ด๋ ค์›Œํ•œ๋‹ค. ์•„์ด๋“ค์€ ๋‚จ์„ ์ด๊ธฐ๋ ค๊ณ  ์„ธ์ƒ์— ์˜จ ๊ฒŒ ์•„๋‹ˆ๋ผ ์„ฑ์žฅํ•˜๋Ÿฌ ์˜จ ๊ฒƒ์ž„์„ ์žŠ์ง€ ๋ง๊ณ  ๊ธฐ๋ณธ๋งŒ ์ž˜ ํ•ด์ฃผ๋ฉด ์•„์ด๋Š” ์Šค์Šค๋กœ ์ž˜ ํฐ๋‹ค.

์šฐ๋ฆฌ์˜ ์ž๋…€๋“ค์€ ์กด์žฌ ๊ทธ ์ž์ฒด๋งŒ์œผ๋กœ ์ ˆ๋Œ€์ ์ธ ์กด์ค‘์„ ๋ฐ›์•„์•ผ ํ•œ๋‹ค. ๊ฐ์ž์˜ ์ž์œจ์„ฑ์„ ์กด์ค‘ํ•ด์•ผ ํ•˜๊ณ  ์•„์ด๋ฅผ ์‚ฌ๋ž‘ํ•˜๋ฉด์„œ ์„ฑ์ธ์ด ๋˜์–ด ์ž๋ฆฝํ•˜๊ณ  ์ž์‹ ์˜ ์‚ถ์„ ์Šค์Šค๋กœ ๊ฐœ์ฒ™ํ•ด ๋‚˜๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก ์ค€๋น„ํ•ด ์ค„ ์ฑ…์ž„์ด ์žˆ๋‹ค.

์ด๋ฅผ ์œ„ํ•ด ์ž์œจ์„ฑ์„ ์กด์ค‘ํ•˜๊ณ  ๊ธธ๋Ÿฌ์ฃผ๋ฉด ๋ถ€๋ชจ๋กœ์„œ์˜ ์—ญํ• ์„ ๋‹ค ํ•œ ๊ฒƒ์ด๊ณ  ์•„์ด๋Š” ์ž์‹ ์˜ ํ–‰๋ณต์„ ์Šค์Šค๋กœ ์ฐพ์•„๊ฐˆ ์ค„ ์•„๋Š” ์‚ฌ๋žŒ์ด ๋  ๊ฒƒ์ด๋‹ค.

[BOOK] ๊ธฐ์–ต์˜ ๋‡Œ๊ณผํ•™(Remember)

Remember: The Science of Memory and The Art of Forgetting

๊ด€์‹ฌ์ด ๋งŽ์€ ๋ถ„์•ผ์ด๋‹ค๋ณด๋‹ˆ ๊ธฐ๋กํ•  ๊ฒƒ๋„ ๋งŽ๊ณ  ๊ผผ๊ผผํžˆ ์ฝ๋‹ค ๋ณด๋‹ˆ ์ ์€ ํŽ˜์ด์ง€ ๋ถ„๋Ÿ‰์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๊ฝค๋‚˜ ์˜ค๋žœ ์‹œ๊ฐ„์ด ๊ฑธ๋ ธ๋‹ค. ํ•˜์ง€๋งŒ ์•„์ฃผ ์œ ์ตํ•œ ์‹œ๊ฐ„์ด์—ˆ๋‹ค.

์‚ฌ๋žŒ์€ ๋‡Œ์˜ ๊ด€์—ฌ๋กœ ์ธํ•ด ์ดˆ์ฝœ๋ฆฟ๊ณผ ์„น์Šค๋ฅผ ๊ฐˆ๋งํ•˜๊ณ  ๋˜ ํƒ€์ธ์˜ ๊ธฐ์จ๊ณผ ๊ณ ํ†ต์— ๊ณต๊ฐํ•˜๋ฉฐ ์Šค์Šค๋กœ์˜ ์กด์žฌ๋ฅผ ์ธ์‹ํ•œ๋‹ค.

๊ธฐ์–ต์€ ๋‡Œ๊ฐ€ ์ˆ˜์—†์ด ํ–‰ํ•˜๋Š” ๋ณต์žกํ•˜๊ณ ๋„ ๋†€๋ผ์šด ๊ธฐ์ ์ด๋‹ค.

๊ธฐ์–ต์€ ํ•™์Šต์— ๋ฐ˜๋“œ์‹œ ํ•„์š”ํ•˜๊ณ  ๊ธฐ์–ต์ด ์—†์ด๋Š” ์–ด๋–ค ์ •๋ณด๋‚˜ ๊ฒฝํ—˜๋„ ๊ฐ„์งํ•  ์ˆ˜ ์—†๋‹ค.

์ธ์ƒ์—์„œ ์ค‘์š”ํ•œ ์˜๋ฏธ๋ฅผ ๊ฐ–๋Š” ์‚ฌ์‹ค๊ณผ ์ˆœ๊ฐ„๋“ค์ด ํ•˜๋‚˜๋กœ ์ด์–ด์ ธ ์‚ถ์˜ ์„œ์‚ฌ์™€ ์šฐ๋ฆฌ์˜ ์ •์ฒด์„ฑ์„ ์ด๋ฃจ๋ฉฐ ๊ธฐ์–ต์ด ์žˆ๊ธฐ์— ์šฐ๋ฆฌ๋Š” ์Šค์Šค๋กœ๊ฐ€ ๋ˆ„๊ตฌ์ธ์ง€ ๋˜ ์–ด๋–ค ์‚ฌ๋žŒ์œผ๋กœ ์‚ด์•„์™”๋Š”์ง€ ์ง€๊ฐํ•œ๋‹ค.

๋Œ€๋‹ค์ˆ˜์˜ ์‚ฌ๋žŒ๋“ค์€ ์˜ค๋Š˜ ๊ฒฝํ—˜ํ•œ ์ผ์˜ ๋Œ€๋ถ€๋ถ„์„ ๋‚ด์ผ์ด๋ฉด ์žŠ๋Š”๋‹ค. ์ƒ๊ฐํ•ด๋ณด๋ฉด ๊ฒฐ๊ตญ์€ ์ธ์ƒ์˜ ๋Œ€๋ถ€๋ถ„์„ ์žŠ์–ด๋ฒ„๋ฆฌ๊ณ  ์‚ฐ๋‹ค.

๊ธฐ์–ต์€ ๊ฒฐ๊ตญ ์šฐ๋ฆฌ๊ฐ€ ๊ธฐ์–ตํ•˜๊ณ  ๋ง๊ฐํ•˜๋Š” ๊ฒƒ๋“ค์˜ ์ดํ•ฉ์ด๋ฉฐ, ๊ธฐ์–ต๊ณผ ๋ง๊ฐ ๋ชจ๋‘ ์–ด๋–ค ๋ฉด์—์„œ๋Š” ๊ณผํ•™์ด๊ธฐ๋„ ์˜ˆ์ˆ ์ด๊ธฐ๋„ ํ•˜๋‹ค.

๊ธฐ์–ต์ด ๋งŒ๋“ค์–ด์ง€๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ฐ๊ฐ์˜ ๊ฒฝํ—˜์— ๋Œ€์‘ํ•ด ์„œ๋กœ ๋ฌด๊ด€ํ•˜๊ฒŒ ์ผ์–ด๋‚˜๋˜ ์‹ ๊ฒฝ ํ™œ๋™์ด ํ•˜๋‚˜์˜ ํŒจํ„ด์œผ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์•ผ ํ•œ๋‹ค. ์ดํ›„ ์‹ ๊ฒฝ์„ธํฌ๋“ค ๊ฐ„์˜ ์—ฐ๊ฒฐ ๊ตฌ์กฐ๊ฐ€ ๋ณ€ํ•˜๋ฉด์„œ ํŒจํ„ด์€ ์ง€์†์„ฑ์„ ๊ฐ–๊ฒŒ ๋œ๋‹ค. ์ƒˆ๋กœ ํ˜•์„ฑ๋œ ์‹ ๊ฒฝํšŒ๋กœ๊ฐ€ ์ ํ™”๋˜๋ฉด ์˜๊ตฌ์ ์œผ๋กœ ๋‹ฌ๋ผ์ง„ ์‹ ๊ฒฝ ๋ฐฐ์„ ๊ณผ ์—ฐ๊ฒฐ ๊ตฌ์กฐ๋ฅผ ๊ฒฝํ—˜ํ•˜๋ฉฐ ๊ธฐ์–ต์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค.

์šฐ๋ฆฌ๊ฐ€ ์ฃผ์˜๋ฅผ ๊ธฐ์šธ์ด๋Š” ๊ฒƒ์€ ์˜์‹์ ์œผ๋กœ ๋…ธ๋ ฅํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋ถ€์ฃผ์˜๋Š” ๋‡Œ ํ™œ๋™์˜ ๊ธฐ๋ณธ ์„ค์ •๊ฐ’์ด๋‹ค. ๋‡Œ๋Š” ์ฃผ์˜๋ฅผ ๊ธฐ์šธ์ธ ๋Œ€์ƒ์—๋งŒ ์ง‘์ค‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋จน๊ตฌ๋ฆ„์—๋งŒ ์ดˆ์ ์„ ๋งž์ถ˜๋‹ค๋ฉด ํ–‡์‚ด์ด ๋ถ€์‹  ์ˆœ๊ฐ„์ด ์™€๋„ ์•Œ์•„์ฐจ๋ฆฌ๊ธฐ ํž˜๋“ค๋‹ค. 

์šฐ๋ฆฌ๋Š” ๋ณด๊ณ ์‹ถ์€ ๊ฒƒ๋งŒ ๋ณธ๋‹ค. ๋‚ ๋งˆ๋‹ค ์ฆ๊ฑฐ์šด ๊ฒƒ๋งŒ ๋ณด๋ ค ํ•˜๊ณ , ๊ธฐ์˜๊ณ  ๊ฒฝ์ด๋กœ์šด ์ˆœ๊ฐ„์—๋งŒ ์ง‘์ค‘ํ•œ๋‹ค๋ฉด ์ธ์ƒ์€ ์šฐ๋ฆฌ๋ฅผ ๋ฏธ์†Œ ์ง“๊ฒŒ ๋งŒ๋“œ๋Š” ๊ธฐ์–ต๋งŒ์œผ๋กœ ๊ฐ€๋“ํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.

์ „์ „๋‘ํ”ผ์งˆ(prefrontal cortex)์— ์ €์žฅ๋˜๋Š” ๊ธฐ์–ต์€ ํ˜„์žฌ ์˜์‹์— ๋จธ๋ฌผ๋Ÿฌ ์žˆ๋Š” ์ž‘์—…๊ธฐ์–ต(working memory)์ด๋‹ค. ์‹œ๊ฐ์ ์ธ ์‹œ๊ณต๊ฐ„๋ฉ”๋ชจ์žฅ(visuospatial scratchpad)๊ณผ ์ฒญ๊ฐ์ ์ธ ์Œ์šด๋ฃจํ”„(phonological loop)๊ฐ€ ์žˆ์œผ๋ฉฐ ์ด ๊ณต๊ฐ„์— ๊ธฐ์–ต์€ 15~30์ดˆ, 5~9 ๊ฐœ์˜ ์ •๋ณด๋ฅผ ๋ณด๊ด€ํ•  ์ˆ˜ ์žˆ๋‹ค.

์ˆœ๊ฐ„์— ์ฃผ์˜๋ฅผ ์ง‘์ค‘ํ•˜๊ณ  ์ˆœ๊ฐ„์ด ์ถฉ๋ถ„ํ•œ ์˜๋ฏธ๋ฅผ ์ง€๋‹Œ๋‹ค๋ฉด ์ˆœ๊ฐ„์˜ ๊ฒฝํ—˜์ด ์žฅ๊ธฐ ๊ธฐ์–ต์œผ๋กœ ๊ฐ•ํ™”๋  ์ˆ˜ ์žˆ๋‹ค. ์žฅ๊ธฐ ๊ธฐ์–ต์€ ์ •๋ณด, ์‚ฌ๊ฑด, ๋ฐฉ๋ฒ•์˜ ์„ธ ๊ฐ€์ง€ ์œ ํ˜•์ด ์žˆ๋‹ค.

์˜๋ฏธ๊ธฐ์–ต(semantic memory)์€  ํ•™์Šตํ•œ ์ง€์‹, ์‚ถ๊ณผ ์„ธ์ƒ์— ๊ด€ํ•œ ์‚ฌ์‹ค๋“ค์„ ์ €์žฅํ•ด๋‘” ๋‡Œ์˜ ๋ฐฑ๊ณผ์‚ฌ์ „์œผ๋กœ, ์‹œ๊ฐ„ ์ œ์•ฝ์ด ์—†๊ณ  ๋‹จ์ˆœ ์‚ฌ์‹ค๋งŒ์„ ๋‹ค๋ฃฌ๋‹ค. ์˜๋ฏธ๊ธฐ์–ต์€ ๊ณต๋ถ€ํ•˜๊ณ  ์—ฐ์Šตํ•ด์•ผ ๋งŒ๋“ค์–ด์ง€๋ฉฐ ๊ธฐ์–ต์„ ์œ ์ง€ํ•˜๊ฒ ๋‹ค๋Š” ๋šœ๋ ทํ•œ ์˜๋„์™€ ๋ชฉํ‘œ๋„ ์žˆ์–ด์•ผ ํ•œ๋‹ค. 

์ผํ™”๊ธฐ์–ต(episodic memory)๋Š” ์ด์ „์— ์ผ์–ด๋‚œ ์ผ, ํŠน์ • ์žฅ์†Œ, ์‹œ๊ฐ„๊ณผ ๋ฌถ์—ฌ ์žˆ๋Š” ์ •๋ณด๋กœ ๊ฐœ์ธ์ ์ด๊ณ  ์–ธ์ œ๋‚˜ ๊ณผ๊ฑฐ์— ์ผ์–ด๋‚œ ์ผ์ด๋‹ค.

์ •๋ณด๋ฅผ ์ผ์ • ์‹œ๊ฐ„์— ๊ฑธ์ณ ๊ฐ„๊ฒฉ์„ ๋‘๊ณ  ์™ธ์šฐ๋ฉด ๋‚ด์šฉ์ด ํ•ด๋งˆ์—์„œ ์™„์ „ํžˆ ๊ฐ•ํ™”๋  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ด ํ™•๋ณด๋˜๋Š”๋ฐ ์ด๋ฅผ ๊ธฐ์–ต์˜ ๊ฐ„๊ฒฉํšจ๊ณผ(spacing effect)๋ผ๊ณ  ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ์„ ์‹œ๊ฐ„ ๊ฐ„๊ฒฉ์„ ๋‘๊ณ  ์กฐ๊ธˆ์”ฉ ์™ธ์šฐ๋ฉด ๋” ๋งŽ์ด ๊ธฐ์–ตํ•˜๊ณ  ๋œ ์žŠ์–ด๋ฒ„๋ฆฌ๊ฒŒ ๋œ๋‹ค.

๊ธฐ์–ต์€ ์ •๋ณด๋ฅผ ๋‡Œ์— ๊ฐ•ํ•˜๊ฒŒ ์‹ฌ๋Š” ๊ณผ์ •๊ณผ ์ •๋ณด๋ฅผ ๊บผ๋‚ด์˜ค๋Š” ๊ณผ์ •์„ ๋ชจ๋‘ ํฌํ•จํ•˜๋ฏ€๋กœ ํšจ๊ณผ์ ์ธ ํ•™์Šต์€ ์ •๋ณด๋ฅผ ๋‡Œ์— ๋ฐ˜๋ณต์ ์œผ๋กœ ๋…ธ์ถœ์‹œํ‚ค๋ฉด์„œ ๋ฐ˜๋ณตํ•ด์„œ ๊บผ๋‚ด๋Š” ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ๋ชจ๋‘ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋”ฐ๋ผ์„œ ์Šค์Šค๋กœ ๋ฌป๊ณ  ๋‹ตํ•˜๋Š” ์—ฐ์Šต์ด ์ค‘์š”ํ•˜๋‹ค. ํ•™์Šตํ•œ ์ •๋ณด๋ฅผ ์ธ์ถœํ•˜๋Š” ๊ณผ์ •์—์„œ ์‹ ๊ฒฝ์„ธํฌ ๊ฐ„์— ํ˜•์„ฑ๋œ ๊ฒฝ๋กœ๊ฐ€ ํ•œ๋ฒˆ ๋” ํ™œ์„ฑํ™”๋˜๊ณ  ๊ฐ•ํ™”๋˜๋ฉฐ ๊ธฐ์–ต์ด ๋”์šฑ ๊ฒฌ๊ณ ํ•ด์ง€๋Š” ๊ฒƒ์ด๋‹ค.

์™ธ์šฐ๋ ค๋Š” ์ •๋ณด๋ฅผ ๋ฐ˜๋ณตํ•ด์„œ ์ฝ๊ธฐ๋งŒ ํ•˜๋ฉด ์ˆ˜๋™์ ์ธ ํ–‰์œ„ ๋ฐ˜๋ณต์— ๋ถˆ๊ณผํ•˜๋ฏ€๋กœ ์ •๋ณด๋ฅผ ๊บผ๋‚ด์˜ค์ง€ ๋ชปํ•œ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฐ˜๋ณตํ•ด์„œ ์งˆ๋ฌธํ•˜๊ณ  ๋‹ตํ•˜๋Š” ๊ฒƒ์ด ๋ฐ˜๋ณตํ•ด์„œ ์ฝ๊ธฐ๋งŒ ํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋” ํšจ๊ณผ์ ์ด๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๊ธฐ์–ต์˜ ํ˜•์„ฑ์—๋Š” ์˜๋ฏธ๋„ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•œ๋‹ค.

์šฐ๋ฆฌ์˜ ๋‡Œ๋Š” ์ง€๋ฃจํ•˜๊ฑฐ๋‚˜ ๋ฌด์˜๋ฏธํ•œ ๊ฒƒ๋“ค์€ ์•Œ๋ ค๊ณ  ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ๊ธฐ์–ต์œผ๋กœ ๋‚จ๊ธฐ๊ณ  ์‹ถ๋‹ค๋ฉด ๋‚˜์—๊ฒŒ ์˜๋ฏธ ์žˆ๋Š” ์ •๋ณด๊ฐ€ ๋˜๊ฒŒ ํ•ด์•ผ ํ•œ๋‹ค. ์˜๋ฏธ ๋ถ€์—ฌ๋Š” ๊ธฐ์–ต์ˆ (mnemonic, ๋ฌด์˜๋ฏธํ•˜๊ฑฐ๋‚˜ ์„œ๋กœ ๊ด€๋ จ์ด ์ ์€ ๋‚ฑ๋ง, ๋ฌธ์žฅ ๋“ฑ ๊ธฐ์–ต ๋Œ€์ƒ์„ ์ž˜ ์•Œ๊ณ  ์žˆ๋Š” ๊ฒƒ์ด๋‚˜ ์Šต๊ด€์ ์ธ ๋ฐฐ์—ด ๋“ฑ๊ณผ ์—ฐ๊ด€์ง€์–ด ์‰ฝ๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ๊ธฐ์–ตํ•˜๋Š” ๋ฐฉ๋ฒ•)์˜ ์›๋ฆฌ์ด๊ธฐ๋„ ํ•˜๋‹ค.

์žฅ์†Œ๊ธฐ์–ต๋ฒ•, ๊ธฐ์–ต์˜ ๊ถ์ „(mind palace)์€ ๋ฌผ๊ฑด์ด ์–ด๋”” ์žˆ๋Š”์ง€ ์ด๋ฏธ์ง€ํ™”ํ•˜๊ณ  ๊ธฐ์–ตํ•˜๋„๋ก ์ง„ํ™”๋œ ๋‡Œ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค. ์‹œ๊ฐ๊ณผ ๊ณต๊ฐ„์˜ ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•˜๋Š” ์šฐ๋ฆฌ์˜ ๋Šฅ๋ ฅ์„ ํ†ตํ•ด ๊ธฐ์–ต ๋Œ€์ƒ์„ ๋ฌผ๋ฆฌ์  ์žฅ์†Œ์™€ ์—ฐ์ƒ์œผ๋กœ ๋ฌถ์„ ์ˆ˜ ์žˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ •๋ณด๋ฅผ ์‹œ๊ฐ์  ํ˜•์ƒ๊ณผ ์žฅ์†Œ์— ๊ฒฐํ•ฉํ•˜์—ฌ ์ •๊ตํ•˜๊ฒŒ ๋ถ€ํ˜ธํ™”ํ•œ๋‹ค. ๋‡Œ๋Š” ์‹œ๊ฐ ๊ณต๊ฐ„์  ํ˜•์ƒํ™”๋ฅผ ์ฆ๊ธฐ๋ฏ€๋กœ ์ด๋ฅผ ํ†ตํ•ด ๋Šฅ์ˆ™ํ•˜๊ฒŒ ๊ธฐ์–ตํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

๋” ๋งŽ์ด ์•„๋Š” ์‚ฌ๋žŒ๋“ค์ด ๋˜‘๋˜‘ํ•˜์ง€๋งŒ ์„ธ์ƒ์—๋Š” ์ •๋ณด ๋ง๊ณ ๋„ ๊ธฐ์–ตํ•  ๊ฒƒ์ด ๋งŽ์€๋ฐ ์‚ด๋ฉด์„œ ์Œ“์ธ ์ธ์ƒ ๊ฒฝํ—˜๊ณผ ์ง€์‹์ด ๊ฒฐํ•ฉ๋  ๋•Œ ๋น„๋กœ์†Œ ํ˜„๋ช…ํ•œ ์‚ฌ๋žŒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

๊ฐ์ •์„ ์œ ๋ฐœํ•˜๋Š” ๊ฒฝํ—˜์€ ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝํ—˜์— ๋น„ํ•ด ๋” ์ž˜ ๊ธฐ์–ต์— ๋‚จ๋Š”๋‹ค. ๊ฐ์ •์ด ๊ฐ•๋ ฅํ• ์ˆ˜๋ก ๊ธฐ์–ต์€ ๋” ์ƒ์ƒํ•˜๊ณ  ์„ธ์„ธํ•œ ๋‚ด์šฉ๊นŒ์ง€๋„ ์ •๊ตํ•ด์ง„๋‹ค. ๊ฐ์ •๊ณผ ์˜์™ธ์„ฑ์ด ํŽธ๋„์ฒด๋ฅผ ํ™œ์„ฑํ™”ํ•˜๊ณ , ์ž๊ทน์„ ๋ฐ›์€ ํŽธ๋„์ฒด๊ฐ€ ํ•ด๋งˆ์— ๊ฐ•๋ ฅํ•œ ์‹ ํ˜ธ๋ฅผ ๋ณด๋‚ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์ „ํ˜€ ์˜ˆ์ƒํ•˜์ง€ ๋ชปํ•˜๊ฑฐ๋‚˜ ๊ทนํžˆ ๊ฐ์ •์ ์ธ ์ผ์„ ๊ฒฝํ—˜ํ•˜๊ฒŒ ๋˜๋ฉด ์„ฌ๊ด‘๊ธฐ์–ต(flashbulb memory)๊ฐ€ ์ƒ์„ฑ๋  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Š” ์ถฉ๊ฒฉ์ ์ด๊ณ  ๊ต‰์žฅํžˆ ์˜๋ฏธ ์žˆ์œผ๋ฉด์„œ ๊ณตํฌ, ๋ถ„๋…ธ, ์Šฌํ””, ๊ธฐ์จ, ์‚ฌ๋ž‘ ๋“ฑ ๊ฒฉํ•œ ๊ฐ์ •์„ ๋ถˆ๋Ÿฌ์ผ์œผํ‚จ ๊ฒฝํ—˜๋“ค์— ๋Œ€ํ•œ ์ผํ™” ๊ธฐ์–ต์ด๋‹ค.ย 

์šฐ๋ฆฌ๋Š” ์ž์‹ ์˜ ์ •์ฒด์„ฑ๊ณผ ์ธ์ƒ๊ด€์— ๋ถ€ํ•ฉํ•˜๋Š” ๊ธฐ์–ต์„ ์ €์žฅํ•˜๋Š” ๊ฒฝํ–ฅ์ด ์žˆ๋‹ค. ๋”ฐ๋ผ์„œ ๊ธ์ •์ ์ธ ์‚ฌ๋žŒ์˜ ์ž์„œ์ „์ ์ธ ๊ธฐ์–ต์€ ์›ƒ์Œ, ๊ฐ์‚ฌ, ๊ฒฝ์™ธ๋กœ ๊ฐ€๋“ํ•˜๊ณ  ๋ถ€์ •์ ์ธ ์‚ฌ๋žŒ์€ ๋ถ€์ •์ ์ธ ๊ฒƒ๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ค.ย 

๋ฏธ๋ž˜ ๊ธฐ์–ต(prospective memory)์€ ๋‚˜์ค‘์— ํ•ด์•ผ ํ•  ์ผ์— ๋Œ€ํ•œ ๊ธฐ์–ต์ด๋‹ค. ๋‡Œ๊ฐ€ ํ•ด์•ผ ํ•  ์ผ๋“ค์„ ๋ฏธ๋ž˜์˜ ์–ด๋–ค ์‹œ๊ฐ„, ์žฅ์†Œ์—์„œ ๋– ์˜ฌ๋ ค์•ผ ํ•˜๋Š” ๊ธฐ์–ต์ด๋‹ค. ์šฐ๋ฆฌ์˜ ๋ฏธ๋ž˜ ๊ธฐ์–ต์€ ์‹ ๊ฒฝ ํšŒ๋กœ๊ฐ€ ์ œ๋Œ€๋กœ ๋’ท๋ฐ›์นจํ•ด์ฃผ์ง€ ์•Š๊ณ  ์‰ฝ๊ฒŒ ์žŠ์–ด๋ฒ„๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ๋‹จ์„œ๋ฅผ ๋‚จ๊ฒจ์•ผ ํ•œ๋‹ค. ์ด ๋‹จ์„œ๋Š” ํ•  ์ผ์„ ์ ์–ด๋‘๊ฑฐ๋‚˜ ์•Œ๋žŒ, ์ฒดํฌ๋ฆฌ์ŠคํŠธ ๋“ฑ์„ ์‚ฌ์šฉํ•ด ํšจ๊ณผ์ ์œผ๋กœ ๋– ์˜ฌ๋ฆด ์ˆ˜ ์žˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ธฐ์–ตํ•ด์•ผ ํ•  ์ผ์„ ๋ฏธ๋ฆฌ ์ ์–ด ๋†“๋Š” ๊ฒƒ์€ ์•ฝํ•˜๋‹ค๋Š” ์ฆ๊ฑฐ๊ฐ€ ์•„๋‹ˆ๋ผ ์–ผ๋งˆ๋‚˜ ํ˜„๋ช…ํ•œ์ง€ ๋ณด์—ฌ์ฃผ๋Š” ์Šต๊ด€์ด๋‹ค.

๊ธฐ์–ต์˜ ๊ฐ€์žฅ ๊ฐ•๋ ฅํ•œ ์ ์€ ์‹œ๊ฐ„์ด๋‹ค. ๊ธฐ์–ต์€ ํ•œ์‹œ์ ์ด๋ฏ€๋กœ ๋ณด์กฐ ์ˆ˜๋‹จ์ด ์—†๋Š” ์ƒํ™ฉ์—์„œ ์˜๋„๋‚˜ ์ „๋žต์„ ํ™œ์šฉํ•ด ์œ ์ง€ํ•˜๋ ค๊ณ  ์• ์“ฐ์ง€ ์•Š์œผ๋ฉด ๋Œ€๋ถ€๋ถ„์„ ์žŠ์–ด๋ฒ„๋ฆฌ๊ฒŒ ๋œ๋‹ค. ๊ฐ€ํŒŒ๋ฅธ ๊ณก์„ ์„ ๊ทธ๋ฆฌ๋ฉฐ ๋–จ์–ด์ง€๋Š” ๊ธฐ์–ต์€ ์‹œ๊ฐ„์ด ์ง€๋‚˜๊ฒŒ ๋˜๋ฉด ์ผ์ • ์ˆ˜์ค€์„ ์œ ์ง€ํ•˜๋ฉฐ ์ดˆ๊ธฐ ๋‹ค๋Ÿ‰์˜ ์ •๋ณด๋ฅผ ์žŠ์–ด๋ฒ„๋ฆฌ๊ณ  ๋‚˜์„œ ๋‚จ์€ ์ •๋ณด๋Š” ์žŠ์ง€ ์•Š๊ฒŒ ๋œ๋‹ค.

์ด ์‹œ๊ฐ„์„ ๊ฒฌ๋ŽŒ๋‚ด๋Š” ๊ธฐ์–ต์€ ๋ฐ˜๋ณต๊ณผ ์˜๋ฏธ ๋ถ€์—ฌ์ด๋‹ค. ์ €์žฅ๋œ ์ •๋ณด๋ฅผ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๊ณ„์† ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋ฐ˜๋ณตํ•ด์•ผ ํ•œ๋‹ค. ์˜๋ฏธ ๋ถ€์—ฌ๋Š” ์ด๋ฏธ ์•Œ๊ณ  ์žˆ๋Š” ์ง€์‹์ด๋‚˜ ํ‰์†Œ ์ค‘์š”ํ•˜๊ฒŒ ์—ฌ๊ธฐ๋Š” ๊ฒƒ๋“ค๊ณผ ์—ฐ๊ด€ ์ง€์–ด ํ•˜๋‚˜์˜ ์ด์•ผ๊ธฐ๋ฅผ ๋งŒ๋“ค๊ฑฐ๋‚˜ ์˜๋ฏธ ์žˆ๋Š” ๊ธฐ์–ต์„ ๋ฐ˜๋ณตํ•˜์—ฌ ๋” ๊ฐ•๋ ฅํ•ด์ง€๋„๋ก ํ•œ๋‹ค.

๋ฐ˜๋Œ€๋กœ ์žŠ๊ณ  ์‹ถ์€ ๊ธฐ์–ต์ด ์žˆ๋‹ค๋ฉด ์ด ๊ธฐ์–ต์„ ๊ณ„์† ๋– ์˜ฌ๋ฆฌ์ง€ ์•Š๋„๋ก ํ•ด์•ผ ํ•œ๋‹ค. ์–ด๋–ค ๊ธฐ์–ต์„ ๋ถˆ๋Ÿฌ์ผ์œผํ‚ค๋Š” ๋‹จ์„œ๋‚˜ ๋งฅ๋ฝ์„ ํ”ผํ•  ์ˆ˜ ์—†์–ด ๊ธฐ์–ต์œผ๋กœ๋ถ€ํ„ฐ ๋ฒ—์–ด๋‚  ์ˆ˜ ์—†๋‹ค๋ฉด ๋‡Œ์—๊ฒŒ ๋ง์„ ํ†ตํ•ด ์ง€์‹œ๋ฅผ ๋‚ด๋ฆฌ๋ฉด ํšจ๊ณผ๋ฅผ ๋ฐœํœ˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ƒˆ๋กœ์šด ๊ธฐ์–ต์ด ์™„์ „ํžˆ ์ƒ์„ฑ๋˜๊ธฐ ์ „์— ๊ธฐ์–ต ๊ฐ•ํ™”๋ฅผ ์ค‘๋‹จ์‹œํ‚ค๊ฑฐ๋‚˜ ์ด๋ฏธ ํ˜•์„ฑ๋œ ๊ธฐ์–ต์„ ์‚ญ์ œํ•˜๋Š” ์‹ ๊ฒฝ ์‹ ํ˜ธ ์ „๋‹ฌ ํ”„๋กœ๊ทธ๋žจ์„ ํ™œ์„ฑํ™”ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ๋˜๋Š” ์‹œ๊ฐํ™”๋ฅผ ํ†ตํ•ด ๋‡Œ๊ฐ€ ์Šค์Šค๋กœ ๊ธฐ์–ต์„ ์‚ญ์ œํ•˜๊ฒŒ ํ•  ์ˆ˜๋„ ์žˆ๋‹ค. ๋ถˆ์พŒํ•œ ๊ธฐ์–ต์— ๋ถˆ์ด ๋ถ™์–ด ์‚ฌ๋ผ์ง€๊ฑฐ๋‚˜ ์ ํžŒ ๊ธ€์”จ๊ฐ€ ์ง€์›Œ์ง€๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ๋ชจ์Šต์„ ์‹œ๊ฐํ™”ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

์šฐ๋ฆฌ๋Š” ๋ง๊ฐ์ด ๋‚˜์˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€๋งŒ ์žŠ๋Š” ๊ฒƒ์€ ๋…ธํ™”์˜ ์•ˆํƒ€๊นŒ์šด ์ง•ํ›„์ด๊ฑฐ๋‚˜ ์šฐ์—ฐ์ด ์•„๋‹ˆ๋‹ค. ๋ง๊ฐ์€ ์ •๋ง ์ค‘์š”ํ•˜๋‹ค. ๋•๋ถ„์— ์šฐ๋ฆฌ๋Š” ๋‚ ๋งˆ๋‹ค ์—ฌ๋Ÿฌ ๋ฐฉ๋ฉด์—์„œ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์žŠ๋Š” ๊ฒƒ์€ ๊ฒฐ๊ตญ ๊ธฐ์–ต๋ ฅ ํ–ฅ์ƒ์— ๊ธฐ์—ฌํ•œ๋‹ค.ย 

์šฐ๋ฆฌ๋Š” ๋ง๊ฐ ์•ž์— ๋ฌด๊ธฐ๋ ฅํ•˜๊ณ  ์ˆ˜๋™์ ์ธ ํฌ์ƒ์ž์ด๋ฉฐ ๋ˆ„๊ตฌ๋‚˜ ๊ทธ๋ ‡๋‹ค. ํ•˜์ง€๋งŒ ๋ง๊ฐ์€ ๋•Œ๋กœ ์šฉ์˜์ฃผ๋„ํ•˜๊ณ  ์ ๊ทน์ ์ด๊ณ  ์˜๋„์ ์ด๊ณ  ์˜์š•์ ์ด๊ณ  ๋ชฉํ‘œ๊ฐ€ ๋šœ๋ ทํ•˜๊ณ  ํšจ์œจ์ ์ด๋‹ค. ์ง€๋Šฅ์„ ๊ฐ–์ถ˜ ๊ธฐ์–ต ์ฒด๊ณ„๋Š” ์ •๋ณด๋ฅผ ๊ธฐ์–ตํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์œ ์šฉํ•˜์ง€ ์•Š์€ ์ •๋ณด๋Š” ์ ๊ทน์ ์œผ๋กœ ์žŠ๋Š”๋‹ค.

๊ธฐ์–ต ์ฒด๊ณ„๊ฐ€ ์ตœ์ ์˜ ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ •๋ณด ์ €์žฅ๊ณผ ์ •๋ณด ์‚ญ์ œ๊ฐ€ ๊ท ํ˜•์„ ์ด๋ฃจ๋„๋ก ์„ฌ์„ธํ•œ ์กฐ์ •์ด ํ•„์š”ํ•˜๋‹ค. ๊ธฐ์–ต์ด ๋ฐœํœ˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ตœ์ ์˜ ๋Šฅ๋ ฅ์€ ๋ชจ๋“  ๊ฒƒ์„ ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์˜๋ฏธ ์žˆ๊ณ  ์œ ์šฉํ•œ ์ •๋ณด๋งŒ ๋‚จ๊ธฐ๊ณ  ๋‚˜๋จธ์ง€๋Š” ๋ฒ„๋ฆฌ๋Š” ๊ฒƒ์ด๋‹ค. ์žŠ๋Š” ๋Šฅ๋ ฅ์€ ๊ธฐ์–ตํ•˜๋Š” ๋Šฅ๋ ฅ๋งŒํผ์ด๋‚˜ ์ค‘์š”ํ•˜๋‹ค.

๋‚˜์ด๊ฐ€ ๋“ค๋ฉด ์ฒญ๊ฐ, ์‹œ๊ฐ ๊ธฐ์–ต์ด ๋ชจ๋‘ ์ €ํ•˜๋œ๋‹ค. ์ฒ˜๋ฆฌ ์†๋„๋Š” ์‚ผ์‹ญ ๋Œ€๋ถ€ํ„ฐ ๋–จ์–ด์ง€๊ธฐ ์‹œ์ž‘ํ•˜๋Š”๋ฐ ์ด๋Š” ์ƒˆ๋กœ์šด ์ •๋ณด์˜ ์Šต๋“๊ณผ ์ธ์ถœ์—๋„ ๋” ๋งŽ์€ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ์ฃผ์˜๋ ฅ์„ ์œ ์ง€ํ•˜๋Š” ๋Šฅ๋ ฅ๋„ ์ค„์–ด๋“œ๋Š”๋ฐ ์ด๋Š” ์ƒˆ๋กœ์šด ๊ธฐ์–ต ์ƒ์„ฑ์— ์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค.

๋‚˜์ด๊ฐ€ ๋“ค๋ฉด ๊ธฐ์–ต์€ ์ข‹์€ ์ผ๋งŒ ๋– ์˜ฌ๋ฆฌ๊ณ  ๋‚˜์œ ์ผ์€ ์žŠ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€๋ฐ ๋…ธํ™”์— ์˜ํ•œ ๊ธฐ์–ต์ €ํ•˜์™€ ์ฒ˜๋ฆฌ ์†๋„๋ฅผ ํ”ผํ•  ์ˆ˜๋Š” ์—†์ง€๋งŒ ์ •๊ธฐ์ ์ธ ์šด๋™, ๋ช…์ƒ, ์ถฉ๋ถ„ํ•œ ์ˆ˜๋ฉด(8์‹œ๊ฐ„)์„ ์ทจํ•œ๋‹ค๋ฉด ๊ธฐ์–ต์ด ๋‚˜์•„์ง€๊ฑฐ๋‚˜ ๊ธฐ์–ต ๋‚˜์ด๋ฅผ ์˜ค๋žซ๋™์•ˆ ์ Š๊ฒŒ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ฑด๊ฐ•ํ•œ ์ƒํ™œ์Šต๊ด€์€ ์น˜๋งค ์˜ˆ๋ฐฉ ํšจ๊ณผ๋„ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋‹ค.

ํ™œ๋ฐœํ•œ ์ธ์ง€ ํ™œ๋™์ด ์•Œ์ธ ํ•˜์ด๋จธ์— ๊ฐ•ํ•œ ๋‡Œ๋ฅผ ๋งŒ๋“œ๋Š”๋ฐ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ธฐ์–ต์„ ์ธ์ถœํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋น„๋กฏํ•œ ์ „๋ฐ˜์ ์ธ ๊ธฐ๋Šฅ์€ ๋‚˜์ด์™€ ํ•จ๊ป˜ ์ €ํ•˜๋œ๋‹ค.ย ๋งŽ์€ ์‚ฌ๋žŒ์ด ๊ธฐ์–ต๋Šฅ๋ ฅ ์œ ์ง€๋ฅผ ์œ„ํ•ด ๋‘๋‡Œ ๊ฒŒ์ž„์„ ํ•˜์ง€๋งŒ ๋งŽ์€ ์‹œ๊ฐ„์„ ์Ÿ๋”๋ผ๋„ ์ •์‹  ๊ธฐ๋Šฅ์˜ ๊ฑด๊ฐ•์ด ๋ณด์žฅ๋˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค. ์ฆ‰ ๋‚˜์ด๊ฐ€ ๋“ค๋ฉด ๋˜‘๊ฐ™์ด ๊ธฐ์–ต๋ ฅ์ด ๊ฐ์†Œํ•œ๋‹ค.

์•Œ์ธ ํ•˜์ด๋จธ๋Š” ํ•ด๋งˆ์—์„œ ์‹œ์ž‘๋˜์–ด ๊ณต๊ฐ„์ •๋ณด๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋‘์ •์—ฝ, ์ „๋‘์—ฝ, ์ „์ „๋‘์—ฝ์˜ ์‹ ๊ฒฝํšŒ๋กœ๋ฅผ ์†์ƒ์‹œ์ผœ ๋…ผ๋ฆฌ์  ์‚ฌ๊ณ ์™€ ์˜์‚ฌ๊ฒฐ์ •, ๊ณ„ํš ์ˆ˜๋ฆฝ, ๋ฌธ์ œํ•ด๊ฒฐ๋Šฅ๋ ฅ ๋“ฑ์— ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚จ๋‹ค. ๋˜ํ•œ ๊ธฐ๋ถ„๊ณผ ๊ฐ์ •์„ ์ œ์–ดํ•˜๋Š” ํŽธ๋„์ฒด์™€ ๋ณ€์—ฐ๊ณ„๋ฅผ ์˜ค์—ผ์‹œ์ผœ ์Šฌํ””, ๋ถ„๋…ธ, ์š•๋ง ๋“ฑ์„ ์กฐ์ ˆํ•˜๊ฑฐ๋‚˜ ์–ต์ œํ•˜์ง€ ๋ชปํ•˜๊ฒŒ ํ•œ๋‹ค.

์•Œ์ธ ํ•˜์ด๋จธ๋Š” ๋ฒ ํƒ€ ์•„๋ฐ€๋กœ์ด๋“œ๋ผ๋Š” ๋‹จ๋ฐฑ์งˆ์ด ์‹œ๋ƒ…์Šค์— ์ฐŒ๊บผ๊ธฐ๋ฅผ ํ˜•์„ฑํ•˜์—ฌ 15-20๋…„์— ๊ฑธ์ณ ์Œ“์—ฌ๊ฐ€๋‹ค ํ•œ๊ณ„์— ๋„๋‹ฌํ•˜์—ฌ ๋ถ„์ž ๊ตฌ์กฐ๊ฐ€ ๋ฌด๋„ˆ์ง€๊ณ  ์–ฝํžˆ๋ฉด์„œ ์‹ ๊ฒฝ์— ์—ผ์ฆ์ด ์ƒ๊ธฐ๊ณ  ์„ธํฌ๊ฐ€ ์ฃฝ์–ด ๊ธฐ์–ต์ด ๋น„์ •์ƒ์ ์œผ๋กœ ์†Œ์‹ค๋œ๋‹ค๊ณ  ๋ณธ๋‹ค. ์ฒ˜์Œ ๊ธฐ์–ต์„ ์žƒ๋Š” ์ฆ์ƒ์—์„œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ๋‹จ๊ณ„๊นŒ์ง€ ์ง„ํ–‰์ด ํ‰๊ท  8-10๋…„์ด ์†Œ์š”๋˜์–ด ๊ฒฐ๊ตญ์—๋Š” ๋ชจ๋“  ์ข…๋ฅ˜์˜ ๊ธฐ์–ต์„ ์ธ์ถœ, ์ƒ์„ฑํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์‹ฌ๊ฐํ•˜๊ฒŒ ์†์ƒ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

๊ธฐ์–ต๋ ฅ ํ–ฅ์ƒ์„ ์œ„ํ•ด ๊ฐ€์žฅ ๋จผ์ € ํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์€ ์ฃผ์˜ ์ง‘์ค‘์ด๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋งฅ๋ฝ์ด๋‹ค. ๊ธฐ์–ต์„ ๋– ์˜ฌ๋ฆด ๋•Œ์˜ ๋งฅ๋ฝ์ด ๊ธฐ์–ต์ด ์ƒ์„ฑ๋  ๋•Œ์˜ ์ฃผ๋ณ€ ๋งฅ๋ฝ๊ณผ ์ผ์น˜ํ•  ๋•Œ ์šฐ๋ฆฌ๋Š” ๊ธฐ์–ต์„ ํ›จ์”ฌ ๋” ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ์™„์ „ํ•œ ํ˜•ํƒœ๋กœ ๋ถˆ๋Ÿฌ๋‚ผ ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ ํ•™์Šต๊ณผ ํšŒ์ƒ์ด ๊ฐ™์€ ์กฐ๊ฑด ํ•˜์—์„œ ์ด๋ฃจ์–ด์งˆ ๋•Œ ์šฐ๋ฆฌ๋Š” ํ•™์Šตํ•œ ๊ฒƒ์„ ๋” ์ •ํ™•ํ•˜๊ฒŒ ๊ธฐ์–ตํ•  ์ˆ˜ ์žˆ๋‹ค.ย 

์‹ฌ๋ฆฌ์  ์ŠคํŠธ๋ ˆ์Šค๋Š” ํ™•์‹ , ์ œ์–ด, ์˜ˆ์ธก ๊ฐ€๋Šฅ์„ฑ, ์‚ฌํšŒ์  ์ง€์›, ์†Œ์† ๋“ฑ์˜ ๋ถ€์žฌ ์ธ์ง€๋กœ ์ธํ•ด ๋ฐœ์ƒํ•œ๋‹ค. ๊ฒฐ์ฝ” ํ˜„์‹ค์—์„œ๋Š” ๋ฐœ์ƒํ•˜์ง€ ์•Š๋”๋ผ๋„ ๋‹จ์ˆœ ์ƒ์ƒ๋งŒ์œผ๋กœ๋„ ๋‡Œ์™€ ๋ชธ์€ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ˜์‘์„ ์˜จ์ „ํžˆ ๊ฒฝํ—˜ํ•˜๋Š”๋ฐ ๊ทธ ๊ฐ•๋„๋กœ ๋”ฐ์ง€๋ฉด ์‹ค์ œ ์ƒํ™ฉ๊ณผ ๋‹ค๋ฆ„์—†๋‹ค. ์ŠคํŠธ๋ ˆ์Šค์— ๋Œ€ํ•ด ๋ชธ์€ ํˆฌ์Ÿ ๋„ํ”ผ ๋ฐ˜์‘์ธ ๊ต๊ฐ์‹ ๊ฒฝ๊ณ„ ๋ฐ˜์‘์œผ๋กœ ๋Œ€์‘ํ•œ๋‹ค. ์ŠคํŠธ๋ ˆ์Šค ํ˜ธ๋ฅด๋ชฌ์€ ์•„๋“œ๋ ˆ๋‚ ๋ฆฐ๊ณผ ์ฝ”๋ฅดํ‹ฐ์†”์ด ์žˆ๋‹ค.ย 

์•„๋“œ๋ ˆ๋‚ ๋ฆฐ์€ ํšจ๊ณผ๊ฐ€ ๋น ๋ฅด๊ณ  ์ˆ˜๋ช…์ด ์งง๋‹ค. ์‹ฌ๋ฐ•์œจ, ํ˜ธํก, ํ˜ˆ์••์„ ์ฆ๊ฐ€์‹œํ‚ค๊ณ  ๋‹น์žฅ ํ•„์š”ํ•˜์ง€ ์•Š์€ ์„ธํฌ ์„ฑ์žฅ, ์†Œํ™” ๋“ฑ์— ์‚ฌ์šฉ๋˜๋Š” ํ˜ˆ์•ก๊ณผ ์—๋„ˆ์ง€๋ฅผ ํŒ”๋‹ค๋ฆฌ๋กœ ๋ณด๋‚ธ๋‹ค. ๋˜ํ•œ ์ƒ๊ฐํ•˜๋Š” ๋Šฅ๋ ฅ์„ ์ œํ•œํ•˜์—ฌ ์ฆ‰๊ฐ ๋ฐ˜์‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค.

์ฝ”๋ฅดํ‹ฐ์†”์€ 15๋ถ„-1์‹œ๊ฐ„ ํ›„ ํ™œ๋ฐœํžˆ ๋ถ„๋น„๋˜๋ฉฐ ์—๋„ˆ์ง€๋ฅผ ๋™์›ํ•ด ์ŠคํŠธ๋ ˆ์Šค์— ๋ฌผ๋ฆฌ์  ๋Œ€์‘์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•˜๋ฉฐ ์ƒํ™ฉ ์ข…๋ฃŒ ํ›„ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ˜์‘์„ ์™„์ „ํžˆ ๋ฉˆ์ถ”๊ฒŒ ํ•œ๋‹ค.

์•„๋“œ๋ ˆ๋‚ ๋ฆฐ๊ณผ ์ฝ”๋ฅดํ‹ฐ์†”์€ ํŽธ๋„์ฒด์— ์‹ ๊ฒฝ์ „๋‹ฌ๋ฌผ์งˆ์„ ๋ถ„๋น„ํ•˜๊ฒŒ ํ•˜๊ณ  ํŽธ๋„์ฒด๋Š” ํ•ด๋งˆ์— ์‹ ํ˜ธ๋ฅผ ๋ณด๋‚ด๋Š”๋ฐ ์ด๋ฅผ ํ†ตํ•ด ๊ธฐ์–ต์„ ๊ฐ•ํ™”ํ•˜๊ฒŒ ๋œ๋‹ค. ๋˜ํ•œ ์ฝ”๋ฅดํ‹ฐ์†”์€ ํ•ด๋งˆ์— ์ง์ ‘ ์ž‘์šฉํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

๋”ฐ๋ผ์„œ ์ผ์‹œ์ ์ธ ์š”์ธ์— ์˜ํ•œ ๊ฒƒ์ด๋ผ๋ฉด ์ŠคํŠธ๋ ˆ์Šค๋Š” ๊ธฐ์–ต ํ˜•์„ฑ์— ๋„์›€์ด ๋œ๋‹ค. ์ŠคํŠธ๋ ˆ์Šค๋Š” ์ƒˆ๋กœ์šด ๊ธฐ์–ต์˜ ํ˜•์„ฑ์„ ๋•์ง€๋งŒ ๊ฐ๊ฐ๊ณผ ์ฃผ์˜๋ ฅ์ด ์˜ฌ๋ผ๊ฐ€๋Š” ๋Œ€์ƒ์ด ์ข์•„์ง€๋ฏ€๋กœ ๊ธฐ์–ต์— ๋Œ€ํ•œ ์„ธ๋ถ€ ์ •๋ณด๋„ ์ค„์–ด๋“ ๋‹ค. ๋”ฐ๋ผ์„œ ์ŠคํŠธ๋ ˆ์Šค ์ค‘์‹ฌ์˜ ์ •๋ณด์— ๋Œ€ํ•œ ๊ธฐ์–ต์€ ๊ฐ•๋ ฌํ•˜์ง€๋งŒ ์ฃผ๋ณ€ ์ •๋ณด๋Š” ํฌ๋ฏธํ•ด์ง„๋‹ค. ๊ธ‰์„ฑ ์ŠคํŠธ๋ ˆ์Šค์˜ ์ •๋„์— ๋”ฐ๋ผ ๊ธฐ์–ต์ด ํ˜•์„ฑ๋˜๋Š” ์ •๋„๊ฐ€ ๋‹ค๋ฅด๋ฉฐ ์‚ฌ๋žŒ์— ๋”ฐ๋ผ ๊ฐ๋‹นํ•  ์ˆ˜ ์žˆ๋Š” ์ŠคํŠธ๋ ˆ์Šค์˜ ์–‘์ด ๋‹ค๋ฅด๋‹ค.

์ผ์‹œ์ ์ธ ์ŠคํŠธ๋ ˆ์Šค๋Š” ๊ธฐ์–ต ํ˜•์„ฑ์„ ์›ํ™œํ•˜๊ฒŒ ํ•˜์ง€๋งŒ ์ธ์ถœ ๋Šฅ๋ ฅ์„ ์ €ํ•˜์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค. ๋งŒ์„ฑ ์ŠคํŠธ๋ ˆ์Šค์˜ ๊ฒฝ์šฐ ์ฝ”๋ฅดํ‹ฐ์†” ๊ณผ๋‹ค ์ƒํƒœ๊ฐ€ ๋˜์–ด ์ด๋Š” ์‚ฌ๊ณ  ๋Šฅ๋ ฅ์„ ๋–จ์–ด๋œจ๋ฆฐ๋‹ค. ๋˜ํ•œ ํ•ด๋งˆ์˜ ์‹ ๊ฒฝ์ƒ์„ฑ์„ ๋ฐฉํ•ดํ•˜์—ฌ ํ•ด๋งˆ๊ฐ€ ์ž‘์•„์ง€๊ณ  ๊ธฐ์–ต์„ ๋‹ด๋‹นํ•  ์‹ ๊ฒฝ์„ธํฌ๋„ ์ค„์–ด๋“ ๋‹ค. ๋˜ํ•œ ์ŠคํŠธ๋ ˆ์Šค๋‚˜ ์ฝ”๋ฅดํ‹ฐ์†”์— ์ง€์†์ ์œผ๋กœ ๋…ธ์ถœ๋œ ํ•ด๋งˆ์˜ ์‹ ๊ฒฝ์„ธํฌ๋Š” ๋‡Œ์กธ์ค‘์ด๋‚˜ ์•Œ์ธ ํ•˜์ด๋จธ์™€ ๊ฐ™์€ ๊ณต๊ฒฉ์—๋„ ์ทจ์•ฝํ•œ ์ƒํƒœ๊ฐ€ ๋œ๋‹ค.

์ŠคํŠธ๋ ˆ์Šค๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด์„œ๋Š” ์š”๊ฐ€, ๋ช…์ƒ, ๊ฑด๊ฐ•ํ•œ ์‹์Šต๊ด€, ์šด๋™, ๋งˆ์Œ์ฑ™๊น€ ์ˆ˜ํ–‰, ๊ฐ์‚ฌ, ๊ณต๊ฐ์„ ํ†ตํ•ด ์ŠคํŠธ๋ ˆ์Šค์— ์กฐ๊ธˆ ๋‘”๊ฐํ•ด์ง€๊ณ  ๋„ํ”ผ ๋ฐ˜์‘์— ๋ธŒ๋ ˆ์ดํฌ๋ฅผ ๊ฑธ๊ณ  ๋ถˆ์•ˆ์ด๋ผ๋Š” ๋…์„ ๊ฑด๊ฐ•ํ•˜๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋‹จ๋ จํ•ด์•ผ ํ•œ๋‹ค.

์ž ์€ ๊ฑด๊ฐ•๊ณผ ์ƒ์กด์— ํ•„์ˆ˜์ ์ผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ตœ์ ์˜ ๊ธฐ๋Šฅ์„ ์œ ์ง€ํ•˜๋Š” ๋ฐ๋„ ๋ฐ˜๋“œ์‹œ ํ•„์š”ํ•˜๋‹ค. ์ž ์€ ๊ธฐ์–ต์—๋„ ๋งค์šฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•œ๋‹ค. ์ง‘์ค‘๋ ฅ์„ ๋†’์ผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ถ€ํ˜ธํ™”๋œ ๊ธฐ์–ต์ด ์‚ฌ๋ผ์ง€์ง€ ์•Š๋„๋ก ์ €์žฅ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋Š” ์—ญํ• ๋„ ํ•œ๋‹ค. ๋˜ํ•œ ์ž ์€ ๋ชจ๋“  ์ข…๋ฅ˜์˜ ๊ทผ์œก ๊ธฐ์–ต์—๋„ ๋„์›€์„ ์ค€๋‹ค. ์ž ์€ ์™„๋ฒฝํ•œ ๊ธฐ๋Šฅ ์Šต๋“์— ๋„์›€์ด ๋œ๋‹ค. ๋ฌด์—‡์„ ๋ฐฐ์šฐ๊ฑด ์ž ์„ ์ž๊ณ  ๋‚˜๋ฉด ์—ฐ์Šต์„ ๋” ๋งŽ์ด ํ•˜์ง€ ์•Š์•„๋„ ๋” ์ž˜ํ•˜๊ฒŒ ๋œ๋‹ค. ๋‚ฎ์ž ๋„ ํšจ๊ณผ์ ์ด์ง€๋งŒ ๋ฐค์ž ์€ ๋”์šฑ ๊ฐ•๋ ฅํ•œ ํšจ๊ณผ๋ฅผ ๋ฐœํœ˜ํ•œ๋‹ค.ย 

์ž ์€ ์•Œ์ธ ํ•˜์ด๋จธ์—๋„ ํšจ๊ณผ์ ์ด๋‹ค. ๊นŠ์€ ์ž ์„ ์ž๋Š” ๋™์•ˆ ์‹ ๊ฒฝ๊ต์„ธํฌ๊ฐ€ ์•Œ์ธ ํ•˜์ด๋จธ์˜ ์›์ธ์ธ ์•„๋ฐ€๋กœ์ด๋“œ ํ‡ด์ ๋ฌผ์„ ์ฒญ์†Œํ•˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด๊ณ  ์žˆ์œผ๋ฉฐ ์งง๊ณ  ๊นŠ์€ ์ž ๋ณด๋‹ค๋Š” ์ถฉ๋ถ„ํžˆ ์ฒญ์†Œ ์ž‘์—…์„ ๋๋‚ผ ์ˆ˜ ์žˆ๋„๋ก ๊ธด ์ž ์„ ์ž๋Š” ๊ฒƒ์ด ์ข‹๋‹ค๊ณ  ํ•œ๋‹ค.

์„ฑ์ธ์€ 7-9์‹œ๊ฐ„์„ ์ž๋„๋ก ์ง„ํ™”ํ–ˆ๋‹ค. ์ด๋ณด๋‹ค ์ ๊ฒŒ ์ž๋ฉด ์‹ฌํ˜ˆ๊ด€๊ณ„์™€ ๋ฉด์—ญ๊ณ„์˜ ๊ธฐ๋Šฅ ์ €ํ•˜, ์ •์‹  ๊ฑด๊ฐ•๊ณผ ๊ธฐ์–ต์˜ ์†์ƒ์„ ์ดˆ๋ž˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ถฉ๋ถ„ํ•œ ์ˆ˜๋ฉด์„ ํ†ตํ•ด ์‹ฌ์žฅ๋ณ‘, ์•”, ๊ฐ์—ผ๋ณ‘, ์ •์‹ ์งˆํ™˜์— ๋งž์„œ ์‹ธ์šฐ๊ณ  ์žˆ๋Š” ๊ฒƒ์ด๋‹ค.ย 

๋ณดํ†ต ์‹ฌ์žฅ์— ์ข‹์œผ๋ฉด ๋‡Œ์—๋„ ์ข‹๊ณ  ์•Œ์ธ ํ•˜์ด๋จธ ์˜ˆ๋ฐฉ์—๋„ ์ข‹๋‹ค. ๋ฐ˜๋Œ€๋กœ ๋งํ•˜๋ฉด ๊ณ ํ˜ˆ์••, ๋น„๋งŒ, ๋‹น๋‡จ, ํก์—ฐ, ๋†’์€ ์ฝœ๋ ˆ์Šคํ…Œ๋กค ์ˆ˜์น˜ ๋“ฑ์€ ์•Œ์ธ ํ•˜์ด๋จธ์˜ ๋ฐœ๋ณ‘ ์œ„ํ—˜์„ ๋†’์ธ๋‹ค.
์šด๋™๊ณผ ์ •์‹  ํ™œ๋™ ๋ชจ๋‘ ํ•ด๋งˆ์—์„œ ์ƒˆ๋กœ์šด ์‹ ๊ฒฝ์„ธํฌ๊ฐ€ ์„ฑ์žฅํ•˜๋Š” ๊ฒƒ์„ ์ด‰์ง„ํ•˜๋ฉฐ ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ค. ์ •๊ทœ ๊ต์œก์„ ์˜ค๋ž˜ ๋ฐ›๊ณ  ์ง€์‹ ์ •๋„๊ฐ€ ๋†’๊ณ  ์ •๊ธฐ์ ์œผ๋กœ ์‚ฌํšŒ์ , ์ •์‹ ์  ์ž๊ทน์„ ๋ฐ›๋Š” ํ™œ๋™์— ์ฐธ์—ฌํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์€ ์ธ์ง€์  ๋น„์ถ•๋ถ„์ด ๋งŽ๊ณ  ์ด๋Š” ์•Œ์ธ ํ•˜์ด๋จธ์˜ ๋‡Œ ์ƒํƒœ๋ฅผ ๊ฐ–๊ณ  ์žˆ๋”๋ผ๋„ ๋ณ‘์˜ ์ง•ํ›„๋ฅผ ๋ง‰์•„์ค€๋‹ค. ์ธ์ง€์  ๋น„์ถ•๋ถ„์ด ๋งŽ์œผ๋ฉด ์•Œ์ธ ํ•˜์ด๋จธ๋กœ ์ผ๋ถ€ ์Šค๋ƒ…์Šค๊ฐ€ ์†์ƒ๋˜๋”๋ผ๋„ ์˜ˆ๋น„ ํ˜น์€ ๋Œ€์•ˆ์ด ๋งŽ์•„ ๋ฌธ์ œ๊ฐ€ ๋“œ๋Ÿฌ๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ด๋Š” ์†์ƒ๋˜์ง€ ์•Š์€ ์‹ ๊ฒฝํšŒ๋กœ๋กœ ์šฐํšŒํ•  ์ˆ˜ ์žˆ์Œ์„ ์˜๋ฏธํ•œ๋‹ค. ์ธ์ง€์  ๋น„์ถ•๋ถ„์€ ์ƒˆ๋กœ์šด ๊ฒƒ์„ ํ•™์Šตํ•˜์—ฌ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š”๋ฐ ์ด๋Š” ์ƒˆ๋กœ์šด ์‹ ๊ฒฝํšŒ๋กœ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ๊ณผ ๊ฐ™๋‹ค. ย 

์ธ์ง€์ž๊ทน์ด๋ž€ ์ƒˆ ์นœ๊ตฌ๋ฅผ ์‚ฌ๊ท€๊ณ  ์ƒˆ๋กœ์šด ๋„์‹œ๋ฅผ ์—ฌํ–‰ํ•˜๋Š” ๊ฒƒ, ์ƒˆ๋กœ์šด ์ฑ…์„ ์ฝ๋Š” ๊ฒƒ ๋“ฑ์„ ์˜๋ฏธํ•œ๋‹ค.

๊ทธ๋ ‡๊ฒŒ ์šฐ๋ฆฌ๋Š” ์ŠคํŠธ๋ ˆ์Šค๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด ์š”๊ฐ€, ๋ช…์ƒ, ๊ฑด๊ฐ•ํ•œ ์‹์Šต๊ด€, ์šด๋™, ๋งˆ์Œ์ฑ™๊น€ ์ˆ˜ํ–‰, ๊ฐ์‚ฌ, ๊ณต๊ฐ์„ ํ†ตํ•ด ์ŠคํŠธ๋ ˆ์Šค์— ์กฐ๊ธˆ ๋‘”๊ฐํ•ด์ง€๊ณ  ๋„ํ”ผ ๋ฐ˜์‘์— ๋ธŒ๋ ˆ์ดํฌ๋ฅผ ๊ฑธ๊ณ  ๋ถˆ์•ˆ์ด๋ผ๋Š” ๋…์„ ๊ฑด๊ฐ•ํ•˜๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋‹จ๋ จํ•ด์•ผ ํ•œ๋‹ค.

CSS selector ์šฐ์„ ์ˆœ์œ„, ๋ช…์‹œ๋„(specificity)

์š”์†Œ ์„ ํƒ์ž(Element Selector) ์ ์ˆ˜ ๊ณ„์‚ฐํ•˜๊ธฐ

CSS์—์„œ๋Š” ์š”์†Œ์˜ ์„ ํƒ์ž์— ๋”ฐ๋ผ ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๋‚˜๋‰œ๋‹ค.

์šฐ์„ ์ˆœ์œ„ ๊ฐ€์ค‘์น˜๋ฅผ ํ†ตํ•ด ์Šคํƒ€์ผ์„ ์ ์šฉํ•  ์ˆœ์„œ๋ฅผ ๊ฒฐ์ •ํ•˜์ง€๋งŒ ํ˜„์žฌ๋Š” ๊ฐ€์ค‘์น˜ ๊ณ„์‚ฐ ๋ฐฉ์‹์ด ๋ธŒ๋ผ์šฐ์ €๋ณ„๋กœ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ์„ ํƒ์ž์˜ ์ƒ๋Œ€ ์šฐ์„ ์ˆœ์œ„๋ฅผ ์•Œ์•„๋‘๋Š” ๊ฒƒ์ด ๋” ์ข‹๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ๊ธฐ์กด์—๋Š” ๊ฐ€์ค‘์น˜๊ฐ€ class:10, id:100์œผ๋กœ, class 10๊ฐœ๊ฐ€ 1๊ฐœ์˜ id์™€ ๋™๋“ฑํ•œ ๊ฐ€์ค‘์น˜๋ฅผ ๊ฐ€์กŒ์ง€๋งŒ ํ˜„์žฌ๋Š” ๊ฐ€์ค‘์น˜๊ฐ€ ๋‹ฌ๋ผ์ ธ ์ผ๋ถ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” 256๊ฐœ์˜ class๊ฐ€ 1๊ฐœ์˜ id์™€ ๋™๋“ฑํ•œ ์šฐ์„  ์ˆœ์œ„๋ฅผ ๊ฐ€์ง„๋‹ค. (์ฐธ๊ณ :stackoverflow)

์„ ํƒ์ž๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์šฐ์„ ์ˆœ์œ„๋ฅผ ๊ฐ€์ง„๋‹ค.

!important > inline style > id > class (pseud0) > element (pseudo)

๋”ฐ๋ผ์„œ ์„ ํƒ์ž๋ณ„๋กœ ์ƒ๋Œ€์ ์ธ ๊ฐ€์ค‘์น˜๋ฅผ ํŒ๋‹จํ•˜์—ฌ ๋†’์€ ์ˆœ์„œ์— ๋”ฐ๋ผ ์™ผ์ชฝ๋ถ€ํ„ฐ comma๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ๊ณ„์‚ฐํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

๋†’์Œinline style , id , class (pseud0) , element (pseudo) <๋‚ฎ์Œ
Ex1) 0 , 1 , 2 , 1
Ex2) 0 , 0 , 200 , 10
๐Ÿ‘‰ Ex1์ด Ex2๋ณด๋‹ค ๊ฐ€์ค‘์น˜๊ฐ€ ๋†’์Œ

์˜ˆ๋ฅผ ๋“ค์–ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด id, class ์„ ํƒ์ž๊ฐ€ ๋ชจ๋‘ ์‚ฌ์šฉ๋˜๋Š” ๊ฒฝ์šฐ ์šฐ์„ ์ˆœ์œ„์— ๋”ฐ๋ผid ์Šคํƒ€์ผ์ด ์ ์šฉ๋œ๋‹ค.

.myMenuClass{
  color:green;
}

#myMenuId{
  color:red;
}

<h1 id="myMenuId" class="myMenuClass">This is it</h1>

๊ทธ๋ฆฌ๊ณ  ๊ฐ€์ค‘์น˜์˜ ํ•ฉ์‚ฐ์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

#myMenuId{
  color:red;
}

.myMenuClass{
  color:blue;  
}

h1#myMenuId{
  color:orange;  
}

<h1 id="myMenuId" class="myMenuClass">This is it!</h1>

์šฐ์„  ์ˆœ์œ„๋ฅผ ๊ณ„์‚ฐํ•ด๋ณด๋ฉด,

#myMenuId : 0,1,0,0 / .myMenuClass : 0,0,1,0 / h1#myMenuId : 0,1,0,1

๋”ฐ๋ผ์„œ ๋งˆ์ง€๋ง‰ orange color๊ฐ€ ์ ์šฉ๋œ๋‹ค.

!important๋Š” ๋ชจ๋“  ๊ฐ€์ค‘์น˜๋ฅผ ๋ฌด์‹œํ•˜๊ณ  ์ตœ์šฐ์„ ์ ์œผ๋กœ ์ ์šฉํ•˜๋Š” ์น˜ํŠธํ‚ค์™€ ๊ฐ™๋‹ค. !important๊ฐ€ ์š”์†Œ์— ์ค‘๋ณต๋˜๋Š” ๊ฒฝ์šฐ ๊ฐ€์žฅ ๋’ค์— ์„ ์–ธ๋œ !important๊ฐ€ ์ ์šฉ๋œ๋‹ค.

ํ•˜์ง€๋งŒ !important์˜ ์‚ฌ์šฉ&๋‚จ์šฉ์€ ํ‰ํ™”๋กœ์šด ์ƒํƒœ๊ณ„๋ฅผ ์œ„ํ˜‘ํ•˜๋Š” ์กด์žฌ๊ฐ€ ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์ตœ๋Œ€ํ•œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ •์‹  ๊ฑด๊ฐ•๊ณผ ์ฝ”๋“œ ๊ตฌ์„ฑ์—๋„ ์ข‹๋‹ค.

๋งˆ์ง€๋ง‰์œผ๋กœ ์˜ˆ์™ธ ์‚ฌํ•ญ๋„ ์•Œ์•„๋ณด์ž.

์šฐ์„ ์ˆœ์œ„ ์—†์Œ: *,:where()
๊ฐ€์ค‘์น˜ ํฌํ•จํ•˜์ง€ ์•Š์Œ: >, ~, +
๊ฐ€์žฅ ๋†’์€ ๊ฐ€์ค‘์น˜ ํ•˜๋‚˜๋งŒ ์„ ํƒ: :is(), :not()
ex) :is(#menuId, .menuId, span) -> ๊ฐ€์ค‘์น˜ ๊ฐ€์žฅ ๋†’์€ #menuId๋งŒ ์นด์šดํŠธ

๋งฅ์—์„œ localhost ์ ‘์† ์‹œ dns_probe_finished_nxdomain ์—๋Ÿฌ ์ฒ˜๋ฆฌ

๋งฅ(Mac)์—์„œ ์‚ฌ์šฉ์ž ์ง€์ • localhost ํ˜ธ์ŠคํŠธ ๋„๋ฉ”์ธ ์ˆ˜์ •ํ•˜๊ธฐ

localhost๋ฅผ ๊ธฐ๋ณธ ์„ค์ •์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉด ๋ฌธ์ œ์—†์ด ๋กœ์ปฌ ์„œ๋ฒ„์— ์ ‘์†์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ local.page.com ๋“ฑ๊ณผ ๊ฐ™์ด ์ž„์˜๋กœ ์ฃผ์†Œ๋ฅผ ์„ค์ •ํ•˜๊ฒŒ ๋˜๋ฉด ์œ„์™€ ๊ฐ™์ด ์‚ฌ์ดํŠธ์— ์—ฐ๊ฒฐํ•  ์ˆ˜ ์—†๋‹ค๋Š” DNS ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ localhost์˜ ์ฃผ์†Œ๋Š” 127.0.0.1์œผ๋กœ ์„ค์ •๋˜์–ด ์žˆ์œผ๋ฏ€๋กœ localhost๋ฅผ ์ฃผ์†Œ๋กœ ์‚ฌ์šฉํ•˜๋ฉด ๋ฌธ์ œ์—†์ง€๋งŒ localhost์˜ ์ฃผ์†Œ๋ช…์ด ๋ฐ”๋€๋‹ค๋ฉด ๋ณ„๋„์˜ ์„ค์ •์„ ํ†ตํ•ด ์•Œ๋ ค์ฃผ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋งฅ์—์„œ ์„ค์ • ํŒŒ์ผ์€ ๋‹ค์Œ ์œ„์น˜์— ์žˆ์Šต๋‹ˆ๋‹ค.

/private/etc/hosts

์ด ํŒŒ์ผ์„ vi ์—๋””ํ„ฐ๋ฅผ ํ†ตํ•ด ์„ค์ •ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค(๊ด€๋ฆฌ์ž ๊ถŒํ•œ ํ•„์š”).

% sudo vi /private/etc/hosts

๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ํŒจ์Šค์›Œ๋“œ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ™”๋ฉด์ด ๋‚˜์˜ต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์— ์ž„์˜์˜ ์ฃผ์†Œ๋ช…๊ณผ ์ด ์ฃผ์†Œ๋ช…์ด ์ฐพ์•„๊ฐˆ IP๋ฅผ ๋„ฃ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

i ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ํŽธ์ง‘์ด๊ฐ€๋Šฅํ•˜๋ฉฐ ์•ž์—๋Š” host ์ฃผ์†Œ 127.0.0.1, ๋’ค์—๋Š” ์‚ฌ์šฉํ•  ์ž„์˜์˜ ์ฃผ์†Œ๋ช…์„ ๋„ฃ์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

์ž…๋ ฅ ํ›„ ์ €์žฅ์„ ์œ„ํ•ด ESC๋ฅผ ๋ˆ„๋ฅธ ๋’ค :๋ฅผ ์ž…๋ ฅ, ๋‹ค์‹œ ์ฝ˜์†”์— qw! ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  ์—”ํ„ฐ๋ฅผ ์น˜๋ฉด ์ €์žฅ์ด ์™„๋ฃŒ๋ฉ๋‹ˆ๋‹ค.

์™„๋ฃŒ ํ›„ ๋กœ์ปฌ ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ•˜๊ณ  local.page.com์— ์ ‘์†ํ•˜๋ฉด ๋ฌธ์ œ์—†์ด ์ ‘์†๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[BOOK] ์—„๋งˆ ๋‚˜๋Š” ์ž๋ผ๊ณ  ์žˆ์–ด์š”(The Wonder Weeks)

์‚ฌ๋žŒ๋‹ต๊ฒŒ ์‚ด๊ธฐ ์œ„ํ•œ ํ•œ ๋‹ฌ ํ•œ ๊ถŒ(2022/08)

์‚ฌ๋žŒ๋‹ต๊ฒŒ ์‚ด๊ธฐ ์œ„ํ•ด ํ•œ ๋‹ฌ์— ํ•œ ๊ถŒ์”ฉ ์ฝ๊ณ ์ž ํ–ˆ์ง€๋งŒ ํ™˜๊ฒฝ์ด ๋‚˜๋ฅผ ์‚ฌ๋žŒ๋‹ต๊ฒŒ ์‚ด๊ฒŒ ํ•ด์ฃผ์ง€ ์•Š์•˜๋‹ค(?). ํ•˜์ง€๋งŒ ๊ทธ๋ ‡๋‹ค๊ณ  ์ฑ…์„ ์•ˆ์ฝ์€ ๊ฒƒ์€ ์•„๋‹ˆ๋‹ˆ ๋’ค๋Šฆ์€ ํ›„๊ธฐ.

์ถœ์ƒ ํ›„ 20๊ฐœ์›”๊นŒ์ง€ ์•„๊ธฐ๋Š” 10๋ฒˆ์˜ ์ •์‹ ์ ์ธ ๋„์•ฝ๊ณผ ํ•จ๊ป˜ ์–ด๋ ค์šด ์‹œ๊ธฐ๊ฐ€ ์ฐพ์•„์˜ค๊ณ  ์ •๋„์˜ ์ฐจ์ด๋งŒ ์žˆ์„ ๋ฟ ๋ชจ๋“  ์•„๊ธฐ๋Š” ์˜ˆ์™ธ์—†์ด ์ด ์‹œ๊ธฐ๋ฅผ ๊ฒช์œผ๋ฉด์„œ ์„ฑ์žฅํ•œ๋‹ค.

๋„์•ฝ ์‹œ๊ธฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

5์ฃผ (35์ผ-42์ผ)
8-9์ฃผ (56์ผ-70์ผ)
12์ฃผ (84์ผ-91์ผ)
15-19์ฃผ (105์ผ-140์ผ)
23-26์ฃผ (161์ผ-189์ผ)
34-37์ฃผ (238์ผ-266์ผ)
42-46์ฃผ (294์ผ-329์ฃผ)
51-54์ฃผ (357์ผ-385์ผ)
60-64์ฃผ (420์ผ-455์ผ)
71-75์ฃผ (497์ผ-532์ผ)

๋„์•ฝ ๋‹จ๊ณ„์—์„œ๋Š” ์นœ์ˆ™ํ•œ ์„ธ๊ณ„๊ฐ€ ๋’ค์ฃฝ๋ฐ•์ฃฝ์ด ๋˜๋ฉด์„œ ๋ถˆ์•ˆํ•ด์ง„ ์•„๊ธฐ๋Š” ์—„๋งˆ์—๊ฒŒ ๋” ๋ถ™์–ด์žˆ์œผ๋ ค ํ•˜๊ณ  ์ž์‹ ์˜ ์ƒ๋ช…์ด ์‹œ์ž‘๋œ ๊ณณ์œผ๋กœ ๋Œ์•„๊ฐ€๋ ค ํ•œ๋‹ค.
์ƒ์กด์„ ์œ„ํ•œ ๋ฐ˜์‚ฌํ–‰๋™(์†๋ฐ”๋‹ฅ์„ ์ž๊ทนํ•˜๋ฉด ์ฃผ๋จน์„ ์ฅ๊ฑฐ๋‚˜ ์„ธ์šฐ๋ฉด ๊ฑท๊ฑฐ๋‚˜ ํ•˜๋Š” ๋“ฑ)์„ ์ง€์†์ ์œผ๋กœ ์ž๊ทนํ•˜๋ฉด ๋ฐœ๋‹ฌ์ด ์ง„์ „๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•  ์ˆ˜ ์žˆ์–ด ๋ฐ˜์‚ฌ ํ–‰๋™์„ ์œ ๋ฐœ์‹œํ‚ค๋Š” ๊ฒƒ์€ ์ข‹์ง€ ์•Š๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋„์•ฝ๊ธฐ๋ฅผ ๋งž์ดํ•˜๋Š” ์•„๊ธฐ๋ฅผ ์œ„ํ•ด ํ•„์š”ํ•œ ๋ถ€๋ชจ์˜ ๋งˆ์Œ๊ฐ€์ง์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

– ๋ชจ๋“  ์•„๊ธฐ๋Š” ๊ฐ™์€ ์›”๋ น์— ๋„์•ฝ์„ ํ•œ๋‹ค.
– ์•„๊ธฐ๊ฐ€ ๋ชจ๋“  ๊ฒƒ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ์™„๋ฒฝํ•˜๊ฒŒ ํ•˜์ง€๋Š” ๋ชปํ•œ๋‹ค.
– ์šด๋™ ๋Šฅ๋ ฅ์—๋งŒ ์ฃผ์•ˆ์ ์„ ๋‘์ง€ ์•Š๋Š”๋‹ค.
– ๋„์•ฝ๊ธฐ๋Š” ์—„๋งˆ์—๊ฒŒ ๋ถ™์–ด์žˆ๊ธฐ, ์šธ๊ธฐ, ์นญ์–ผ๋Œ€๊ธฐ, ์ด ์™ธ์—๋„ ๋ช‡ ๊ฐ€์ง€ ์ฆ์ƒ์ด ๋” ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค.
– ๋„์•ฝํ•˜๋Š” ์•„๊ธฐ๋ฅผ ๋Šฅ๋™์ ์œผ๋กœ ๋•๋Š”๋‹ค.
– ๋„์•ฝ์œผ๋กœ ์ธํ•œ ์ƒˆ ๋Šฅ๋ ฅ ํš๋“ ์‹œ๊ธฐ๋Š” ์•„์ด๋งˆ๋‹ค ๋‹ค๋ฅด๋‹ค.
– ์™„๋ฒฝ๋ณด๋‹ค ํ•˜๋ ค๋Š” ์‚ฌ์‹ค์ด ์ค‘์š”ํ•˜๋‹ค.
– ์™ธ์  ์ƒํ™ฉ์œผ๋กœ ๋„์•ฝ๊ธฐ์— ์ ‘์–ด๋“ค์—ˆ์Œ์„ ๋ชจ๋ฅผ์ˆ˜๋„ ์žˆ๋‹ค.
– ๋„์•ฝ = ์ŠคํŠธ๋ ˆ์Šค = ์ €ํ•ญ๋ ฅ ์ €ํ•˜
– ๋„์•ฝ์€ ๊ธ์ •์ ์ธ ๊ฒƒ์ด๋‹ค.

์•„๊ธฐ์—๊ฒŒ ํ•„์š”ํ•œ ์ˆ˜๋ฉด์˜ ์–‘์€ ์›”๋ น๊ณผ ์—ฐ๋ น์— ๋”ฐ๋ผ์„œ๋„ ๋‹ค๋ฅด๋ฉฐ ๊ฐœ์ธ์— ๋”ฐ๋ผ์„œ๋„ ์ฐจ์ด๊ฐ€ ๋‚œ๋‹ค. ์•„๊ธฐ๊ฐ€ ์–ด๋ฅธ๋ณด๋‹ค ์ˆ˜๋ฉด ๋ฆฌ๋“ฌ์ด ๋น ๋ฅด๊ณ  ์ˆ˜๋ฉด ์ฃผ๊ธฐ๊ฐ€ ํ›จ์”ฌ ์งง๋‹ค.
๊ทธ๋ฆฌ๊ณ  ์•„๊ธฐ๋Š” ์„ฑ์ธ๊ณผ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ์–ด๋ฅธ์˜ ์ˆ˜๋ฉด ์š•๊ตฌ์™€ ๋ฆฌ๋“ฌ์„ ์•„๊ธฐ์—๊ฒŒ ํˆฌ์‚ฌํ•˜๋Š” ๊ฒƒ์€ ์˜ณ์ง€ ์•Š๋‹ค.
์•„๊ธฐ๋Š” ์–ด๋ฅธ๊ณผ ๊ฐ™์€ ํŒจํ„ด์œผ๋กœ ์ž ์„ ์ž๋Š”๋ฐ ํ•„์š”ํ•œ ๋‘๋‡Œ ์† ์ค‘์ถ”๊ฐ€ ์•„์ง ์„ฑ์ˆ™ํ•˜์ง€ ์•Š์€ ์ƒํƒœ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์„ฑ์ธ์€ ์–ด๋‘์›Œ์ง€๋ฉด ๋ฉœ๋ผํ† ๋‹Œ์ด ์ƒ์„ฑ๋˜๊ณ  ์ฝ”๋ฅดํ‹ฐ์†”(์ฃผ์˜๋ ฅ ํ˜ธ๋ฅด๋ชฌ)์ด ์ค„์–ด๋“ค์–ด ๊ธด์žฅ์ด ํ’€์–ด์ง€๊ณ  ์ž ๋“ค๊ธฐ ์‰ฌ์šด ์ƒํƒœ๊ฐ€ ๋œ๋‹ค. ์ฆ‰ ์ž ์„ ํ‘น ์ž๋ ค๋ฉด ํŠน์ • ๋ฌผ์งˆ์ด ๋ถ„๋น„๋˜์–ด์•ผ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์‹ ์ƒ์•„๋Š” ์•„์ง ์ˆ˜๋ฉด ๊ฐ์„ฑ ๋ฆฌ๋“ฌ์ด ์กด์žฌํ•˜์ง€ ์•Š๊ณ  ํ˜ธ๋ฅด๋ชฌ ๋Œ€์‚ฌ๋„ ์„ฑ์ธ๊ณผ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ์ƒ๋ฌผํ•™์ ์œผ๋กœ ๋ฐค๋‚ฎ ๋ฆฌ๋“ฌ์„ ๊ฐ€์งˆ ์ˆ˜ ์—†๋‹ค. ๋”ฐ๋ผ์„œ ๋ฐ๊ธฐ์— ์ƒ๊ด€์—†์ด ๋ถˆ๊ทœ์น™์ ์ธ ๋ฆฌ๋“ฌ์„ ๊ฐ–๊ฒŒ ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

์‹ ์ƒ์•„๋Š” ์ฒด์˜จ์—์„œ ๋ฐค๋‚ฎ ๋ฆฌ๋“ฌ์ด ์‹œ์ž‘๋œ๋‹ค.
์ƒํ›„ 7์ฃผ๋ถ€ํ„ฐ๋Š” ์ฐจ์ธฐ ํ˜ˆ์•ก ์†์—์„œ ์˜…์€ ๋ฉœ๋ผํ† ๋‹Œ์ด ํ™•์ธ๋œ๋‹ค. ์ƒํ›„ 2๊ฐœ์›”์—๋Š” ์ˆ˜๋ฉด ๊ฐ์„ฑ ๋ฆฌ๋“ฌ์˜ ์ „ ๋‹จ๊ณ„์— ๋„๋‹ฌํ•˜๊ณ  3๊ฐœ์›” ์ฐจ์—๋Š” ๋‚ฎ์ž ์ด ์ค„์–ด๋“ค๊ณ  ๋ฐค์ž ์ด ๋Š˜์–ด๋‚˜๊ฒŒ ๋œ๋‹ค. ์ƒํ›„ 15์ฃผ๋ถ€ํ„ฐ๋Š” 24์‹œ๊ฐ„์œผ๋กœ ์ด๋ฃจ์–ด์ง€๋Š” ์•„๊ธฐ์˜ ์ˆ˜๋ฉด ํŒจํ„ด์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ๋ชจ๋“  ์•„๊ธฐ๋Š” ๊ฐœ์„ฑ์ด ๋‹ค๋ฅด๋ฏ€๋กœ ํ†ต๊ณ„์— ๋„ˆ๋ฌด ์—ฐ์—ฐํ•  ํ•„์š”๋Š” ์—†๋‹ค.

์‹ ์ƒ์•„ ์‹œ๊ธฐ์˜ ํŠน์ง•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

– 20cm ์ด๋‚ด์˜ ์‚ฌ๋ฌผ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.
– ์Œ์•…์„ ์ข‹์•„ํ•˜๊ณ  ์‚ฌ๋žŒ๋“ค์˜ ๋ชฉ์†Œ๋ฆฌ๋ฅผ ์ข‹์•„ํ•œ๋‹ค. ๋ชฉ์†Œ๋ฆฌ๋Š” ์•„๊ธฐ์—๊ฒŒ ์•ˆ์ •๊ฐ์„ ์ค€๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ๊ฐ‘์ž‘์Šค๋Ÿฝ๊ณ  ์‹œ๋„๋Ÿฌ์šด ์†Œ์Œ์€ ์ข‹์•„ํ•˜์ง€ ์•Š๊ณ  ์‰ฝ๊ฒŒ ๋†€๋ž€๋‹ค.
– ์ฒด์˜จ ์กฐ์ ˆ์„ ์ž˜ํ•˜์ง€ ๋ชปํ•˜๋ฏ€๋กœ ์ฒด์˜จ์ด ์‰ฝ๊ฒŒ ๋–จ์–ด์ง„๋‹ค.
๋”ฐ๋ผ์„œ ์˜ค๋ž˜ ์‚ฐ์ฑ…ํ•˜๋Š” ๊ฒƒ์€ ์ข‹์ง€ ์•Š๋‹ค.
– ์‹ ์ฒด์ ‘์ด‰์„ ์ข‹์•„ํ•œ๋‹ค. ์‹ ์ฒด ์ ‘์ด‰์€ ์•„๊ธฐ๋ฅผ ๋‹ฌ๋ž˜๋Š” ์ตœ์ƒ์˜ ๋ฐฉ๋ฒ•์ด์ž ์ตœ๊ณ ์˜ ๋†€์ด๋‹ค.
– ์•„๊ธฐ์™€ ํ•จ๊ป˜ ์ง‘๊ตฌ๊ฒฝ์„ ํ•˜๋ฉด์„œ ์„ค๋ช…ํ•˜์—ฌ ์—„๋งˆ์˜ ๋ชฉ์†Œ๋ฆฌ๋ฅผ ๋“ค๋ ค์ค€๋‹ค.
– ๋ชจ๋“  ๊ฒƒ์„ ๋ณด๊ณ  ๋“ฃ๊ณ  ๋ƒ„์ƒˆ๋งก๊ณ  ๋งŒ์ ธ๋ณด๊ฒŒ ํ•œ๋‹ค. 
– ์—„๋งˆ ๋ชฉ์†Œ๋ฆฌ ๋“ฃ๊ธฐ๋ฅผ ์ข‹์•„ํ•œ๋‹ค. ํ‹ฐ๋น„๋Š” ์—„๋งˆ์˜ ๋ชฉ์†Œ๋ฆฌ์— ์ง‘์ค‘ํ•  ์ˆ˜ ์—†์–ด ๋ถˆ์•ˆํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค.
– ๊นจ์–ด์žˆ์„ ๋•Œ ์‹œ์•ผ์— ์žฌ๋ฏธ์žˆ๋Š” ๊ฒƒ์„ ๋‘”๋‹ค.
– ์•„๊ธฐ๋Š” ์Œ์•…์„ ์ข‹์•„ํ•œ๋‹ค. ๋ถ€๋“œ๋Ÿฌ์šด ๋ฐฐ๊ฒฝ ์Œ์•…์€ ์•„๊ธฐ์—๊ฒŒ ์•ˆ์ •๊ฐ์„ ์ค„ ์ˆ˜ ์žˆ๋‹ค.
– ์‹ ์ฒด ์ ‘์ด‰์€ ์—„๋งˆ์˜ ๋ฑƒ์†์„ ๊ธฐ์–ต๋‚˜๊ฒŒ ํ•˜๊ณ  ์•ˆ์ •๊ฐ์„ ์ค€๋‹ค. 

์•„๊ธฐ๋Š” ํ‚ค์šฐ๋Š” ๊ฒƒ์€ ๋†€๋ž๋„๋ก ์‹ ๋น„ํ•˜๋ฉด์„œ๋„ ์ธ๊ฐ„์ด๋ผ๋Š” ์กด์žฌ์— ๋Œ€ํ•œ ๋†€๋ผ์›€์„ ๋งค๋ฒˆ ๊นจ๋‹ซ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.
ํž˜๋“ค์ง€๋งŒ ์ฆ๊ฒ๊ณ  ๋ฟŒ๋“ฏํ•˜์ง€๋งŒ ์•Œ ์ˆ˜ ์—†๋Š” ๋ฌ˜ํ•œ ๊ธฐ๋ถ„์€ ๋ฌด์—‡์ผ๊นŒ.

์œ ๋ชจ์ฐจ์— ๋‹ฌ๊ธฐ ์ข‹์€ ์•„๊ธฐ์šฉ ํ˜ธ๋นต๋งจ ์ธํ˜• ๊ตฌ์ž…๊ธฐ(์ผ๋ณธ ์ง๊ตฌ)

์ด‰๊ฐ๊ณผ ๋‘๋‡Œ ๋ฐœ๋‹ฌ์„ ์œ„ํ•œ ํ˜ธ๋นต๋งจ ์ธํ˜• ์ง๊ตฌ์˜ ๊ธฐ๋ก

์‚ด์ง ์ˆ ์ทจํ•œ ์•„์ €์”จ์ฒ˜๋Ÿผ ๋ณด์ด๊ธฐ๋„ ํ•˜์ง€๋งŒ ๊ทธ๋ž˜๋„ ๊ท€์—ฝ๊ธฐ๋งŒ ํ•œ ํ˜ธ๋นต๋งจ.

์œ ๋ชจ์ฐจ์— ๋‹ฌ๊ณ  ๋‹ค๋‹ˆ๊ธฐ ์œ„ํ•ด ์ผ๋ณธ ์ง๊ตฌ๋กœ ๊ตฌ๋งคํ•˜์˜€๋‹ค.

์ผ๋ณธ๋ช… ์•™๋นต๋งŒใ‚ขใƒณใƒ‘ใƒณใƒžใƒณใ€‚

ํฌ๊ธฐ๋Š” 30cm์ •๋„๋กœ ์ž‘์ง€๋Š” ์•Š์ง€๋งŒ ์•Œ์ฐจ๋‹ค.

๋ฐ˜๋‹ค์ด(BANDAI) ์‚ฌ์˜ ์ œํ’ˆ์œผ๋กœ ๋ฐฐ์†ก๋น„๊นŒ์ง€ 30,000์› ๊ฐ€๋Ÿ‰์ด ๋“ค์—ˆ์ง€๋งŒ ํ˜ธ๋นต๋งจ์„ ์ฐฌ์ฐฌํžˆ ๋œฏ์–ด๋ณด๋ฉด(๋œฏ์ง€ ๋ง๊ณ  ์‚ดํŽด๋ณด๋ฉด..) ์ •๋ง ๋ˆ์ด ์•„๊น์ง€ ์•Š๋‹ค.

๋Œ€์ƒ ์—ฐ๋ น์€ 3๊ฐœ์›”๋ถ€ํ„ฐ~

์•„๊ฐ€์˜ ๋‡Œ ๋ฐœ๋‹ฌ์„ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ์ธํ˜•์œผ๋กœ ์™ธํ˜•์ด ๋ฒ”์ƒ์น˜ ์•Š๋‹ค.

์šฐ์„  ๋ฐœ์ด ์ง์ง์ด๋‹ค. ์ง„์งœ ์ˆ ์ทจํ•œ ๊ฑด๊ฐ€ ์‹ถ์ง€๋งŒ..

์ด‰๊ฐ์„ ์œ„ํ•ด ์˜๋„์ ์œผ๋กœ ํ•œ ์ชฝ์€ ์ˆ˜๊ฑด ์ด‰๊ฐ, ํ•œ ์ชฝ์€ ๋งค๋„๋Ÿฌ์šด ์œ ์‚ฌํ•œ ์ด‰๊ฐ์„ ๋‚ธ๋‹ค๊ณ  ํ•œ๋‹ค.

ํ„ฑ๋ฐ›์ด ๋ฐ‘์—๋Š” ์„ธ๊ท ๋งจ๋„ ์ˆจ์–ด์žˆ๋‹ค.

์ง„์งœ ๊นœ์ฐํ•˜์ง€ ์•Š์„ ์ˆ˜ ์—†๋‹ค.

๊ฑฐ์šธ๋„ ๋‹ฌ๋ ค์žˆ๊ณ  ๊ฑฐ์šธ ์˜†๋ถ€๋ถ„์€ ํ—๊ฒ์ฑ…์ฒ˜๋Ÿผ ๋ฐ”์Šค๋ฝ๊ฑฐ๋ฆฌ๋Š” ์†Œ๋ฆฌ๋ฅผ ๋‚ด๊ธฐ๋„ ํ•œ๋‹ค.

๋ฌผ๋ก  ๋ชธ ์†์—๋„ ๋”ธ๋ž‘์ด๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ๋‹ค.

์‹ค๋ฆฌ์ฝ˜๋ฐธ๋ฆฌ์—์„œ ์˜๊ฐ์„ ๋ฐ›์€ ๊ฒƒ ๊ฐ™์€ ์‚ฌ๊ณผ ๋ชจ์–‘์˜ ์น˜๋ฐœ๊ธฐ๋„ ํ•จ๊ป˜๋‹ค.

์–‘์ชฝ ์–ด๊นจ์—๋„ ์ƒ‰์ƒ๊ณผ ์ด‰๊ฐ์ด ๋‹ค๋ฅธ ๋ˆ์ด ๋‹ฌ๋ ค ์žˆ์–ด์„œ ์•„๊ธฐ๊ฐ€ ๊ฐ€์ง€๊ณ  ๋†€ ๊ฒŒ ๋งŽ๋‹ค.

ํฌ๊ธฐ์น˜๊ณ  ๋น„์‹ธ๊ธด ํ•˜์ง€๋งŒ ๋งŒ๋“ฆ์ƒˆ๊ฐ€ ์ข‹์•„ ๊ณ„์† ์šฐ์™€~๋ฅผ ๊ฐํƒ„ํ•œ ์ธํ˜•์ด๋ผ ์„ผ์Šค์žˆ๋Š” ์„ ๋ฌผ๋กœ๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

๋‹ค๋งŒ, ํ•ด์™ธ ๋ฐฐ์†ก์€ 2์ฃผ ์ •๋„ ๊ฑธ๋ฆฌ๋”๋ผ๊ตฌ์š”.

rgba๋ฅผ ์‚ฌ์šฉํ•ด opacity์˜ ์ƒ์† ๋ฌธ์ œ ํ•ด๊ฒฐ(ํˆฌ๋ช…๋„ ์กฐ์ ˆ)

์ž์‹ ๋…ธ๋“œ์— ์ƒ์†๋˜๋Š” opacity์™€ ๋‹จ๋…์ ์ธ rgba

๋ถ€๋ชจ ๋…ธ๋“œ์— opacity ํšจ๊ณผ๋ฅผ ์ฃผ๋ฉด ์ž์‹ ๋…ธ๋“œ์—๋„ ์ƒ์†๋˜์–ด ํˆฌ๋ช… ํšจ๊ณผ๊ฐ€ ํ•จ๊ป˜ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ž๋™์œผ๋กœ ์ƒ์†์ด ๋˜๋ฏ€๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

์•„๋ž˜ ์„ค์ •์œผ๋กœ ์ƒ‰์ƒ์„ ์ง€์ •ํ•œ ๊ฒฐ๊ณผ์ž…๋‹ˆ๋‹ค.
๋ฐฐ๊ฒฝ black
opacity:0.5
background:yellow
background:red

๋ณด๋‹ค์‹œํ”ผ yellow, red์— opacity๊ฐ€ ์ ์šฉ๋˜์–ด ์ƒ‰์ƒ์ด ํ๋ ค์ง„ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ ‡๋‹ค๋ฉด ์ด ์ƒ์† ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”?

๊ฐ„๋‹จํ•˜๊ฒŒ opacity ๋Œ€์‹  rgba๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

ํˆฌ๋ช…๋„๋ฅผ ํฌํ•จํ•˜๋Š” ์ƒ‰์ƒ์˜ ์ง€์ •์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

rgba(R, G, B, opacity);

๋‹ค์Œ๊ณผ ๊ฐ™์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์œ„ ๋ฐ•์Šค์— ํ•ด๋‹นํ•˜๋Š” ์ƒ‰์ƒ์ธ #9ADFFD์„ rgba ๋ฐฉ์‹์œผ๋กœ ํ‘œํ˜„ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

16์ง„์ˆ˜๋ฅผ 10์ง„์ˆ˜๋กœ ๋ณ€ํ˜•ํ•œ ๊ฐ’์ธ 9A=154, DF=223, Fd=253์„ ๊ฐ๊ฐ R, G, B ์œ„์น˜์— ๋„ฃ์–ด์ฃผ๊ณ  ๋งˆ์ง€๋ง‰ ์ธ์ˆ˜๋Š” 0~1 ์‚ฌ์ด์˜ ๊ฐ’์„ ๋„ฃ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

background : rgba(154, 223, 253, 0.5);

์ด์ œ ์ž์‹ ๋…ธ๋“œ๋Š” opacity๊ฐ€ ์ ์šฉ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ ์ƒ‰์ƒ์ด ์„ ๋ช…ํ•ด์ง„ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒ€์€ ๋ฐฐ๊ฒฝ์„ ์‚ฌ์šฉํ•ด๋„ ์ž์‹ ๋…ธ๋“œ์— ์„ ๋ช…๋„๊ฐ€ ์‚ด์•„๋‚œ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ด๋ฅผ ํ†ตํ•ด ์ƒ์†๋˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ์— ์‚ฌ์šฉํ•œ ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

<div class="div0">
    <div class="div1">
      modify
    </div>
    <div class="div2">
      delete
    </div>
</div>

.div0{
  height:100px;
  background : rgba(0, 0, 0, 0.5);
  display:flex;
  justify-content:center;
  align-items:center;
}

.div1{
  width:200px;
  height:50px;
  background-color:gold;
  display:flex;
  justify-content:center;
  align-items:center;
  color:white;
}

.div2{
  width:200px;
  height:50px;
  background-color:red;
  display:flex;
  justify-content:center;
  align-items:center;
  color:white;
}