๐ŸŒŸ Section 2: Frontend & Backend Basic

kaitlin_kยท2021๋…„ 8์›” 19์ผ
0

Memoir

๋ชฉ๋ก ๋ณด๊ธฐ
3/3

Section2์—์„œ ๋ฐฐ์šด ๊ฒƒ

Section2์—์„œ๋Š” 1์ฃผ์ฐจ ๋ถ€ํ„ฐ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜, JS/Node ๋น„๋™๊ธฐ, HTTP ๋„คํŠธ์›Œํฌ ๊ธฐ์ดˆ์™€ ์‹ค์Šต, React ๋ฐ์ดํ„ฐ ํ๋ฆ„์˜ ์ดํ•ด์™€ ๋น„๋™๊ธฐ ์š”์ฒญ์ฒ˜๋ฆฌ, ์›น ์„œ๋ฒ„ ๊ธฐ์ดˆ, React ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ(styled component, storybook ์†Œ๊ฐœ), React ์ƒํƒœ๊ด€๋ฆฌ(Redux), ํด๋ผ์ด์–ธํŠธ ๋นŒ๋“œ์™€ ๋ฐฐํฌ(Vercel) ๋“ฑ์„ ๋ฐฐ์› ๋‹ค.

4์ฃผ๊ฐ„ ์ œ์ถœํ•œ ๊ณผ์ œ๋“ค

  • beesbeesbees
    ES6 ๋ฌธ๋ฒ•์ธ ํด๋ž˜์Šค๋ฅผ ํ™œ์šฉํ•ด ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๊ตฌํ˜„ํ•˜๊ณ  4๊ฐ€์ง€ ํŠน์ง•(์บก์Šํ™”, ์ถ”์ƒํ™”, ์ƒ์†, ๋‹คํ˜•์„ฑ)์„ ๋ฐฐ์› ๋‹ค

  • stringifyJSON
    ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” JSON๊ฐ์ฒด๋ฅผ ๋งŒ๋“œ๋Š” JSON.stringify()์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” JSON.parse()๋ฅผ ์ง์ ‘ ๊ตฌํ˜„ํ–ˆ๋‹ค

  • Tree-UI
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ๊นŠ์ด๊ฐ€ ์žˆ๋Š” ๋ฉ”๋‰ดํŒ์„ ๊ตฌํ˜„ํ–ˆ๋‹ค. ๋ฐ˜๋ณต๋ฌธ๊ณผ createElement, append๋“ฑ์˜ ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ–ˆ๊ณ , ์žฌ๊ท€ํ•จ์ˆ˜๋ฅผ ํ™œ์šฉํ•ด ๋ฉ”๋‰ด์™€ ์„œ๋ธŒ๋ฉ”๋‰ด, ๊ทธ ์•ˆ์˜ ์„œ๋ธŒ๋ฉ”๋‰ด๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค.

  • Callback, Async, Promise (1)
    ๋น„๋™๊ธฐ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ์„ธ๊ฐ€์ง€ ๋ฐฉ๋ฒ•๊ณผ ์žฅ๋‹จ์  ์ดํ•ดํ–ˆ๋‹ค.

  • Callback, Async, Promise (2)
    node js์˜ fs ๋ชจ๋“ˆ์„ ์ด์šฉํ•ด ํŒŒ์ผ์„ ์—ด๊ณ  ์ €์žฅํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๊ณ , promise๋ฅผ ๋ฆฌํ„ด์‹œ์ผœ ์›ํ•˜๋Š” ์ •๋ณด๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

  • Callback, Async, Promise (3)
    fetch๋ฅผ ์‚ฌ์šฉํ•ด ์„œ๋ฒ„์— ์ €์žฅ๋œ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ๊ณ , promise chaining, promise.all, asyn await ์‚ฌ์šฉ๋ฒ•์„ ์ตํ˜”๋‹ค.

  • statesairline client(1), statesairline client(2)
    ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ์— ๋งŒ๋“ค์–ด์ง„ ์ƒํƒœ๋ฅผ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ์˜ ์ด๋ฒคํŠธ์— ์˜ํ•ด ๋ณ€๊ฒฝ์‹œํ‚ค๊ธฐ ์œ„ํ•œ ์ƒํƒœ ๋Œ์–ด์˜ฌ๋ฆฌ๊ธฐ์™€ ์ƒํƒœ๊ฐ€ ๋ณ€๊ฒฝ๋ ๋•Œ fetch๋ฅผ ํ†ตํ•ด ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ์€ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์™€ ๋ณ„๊ฐœ๋กœ ์ž‘๋™ํ•˜๋ฏ€๋กœ ์ด๋Ÿฌํ•œ side effect๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ useEffect๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.

  • mini node server
    upper ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„๋•Œ post ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ  ์‘๋‹ต์œผ๋กœ ๋ฐ›์•„์˜จ ๋Œ€๋ฌธ์ž๋กœ ๋ฐ”๋€ ๋ฌธ์ž์—ด์„ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ณ , lower ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„๋„ ๋งˆ์ฐฌ๊ฐ€์ง€ ๊ณผ์ •์„ ํ†ตํ•ด ์†Œ๋ฌธ์ž ๋ฌธ์ž์—ด์„ ํ™”๋ฉด์— ๋ณด์—ฌ์ค€๋‹ค.

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

  • custom-component
    CDD(Component Driven Development)์™€ storybook ๊ฐœ๋…์„ ์‚ดํŽด๋ณด๊ณ , css-in-js ๊ด€๋ จ ๋ฆฌ์•กํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ค‘ ํ•˜๋‚˜์ธ styled-component๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ modal, toggle, tab, tag, autocomplete, clickToEdit ์ปดํฌ๋„ŒํŠธ ๋“ฑ์„ ๊ตฌํ˜„ํ–ˆ๋‹ค

  • cmarket (1)
    SPA๋กœ ๊ตฌํ˜„๋œ ์˜จ๋ผ์ธ ์‡ผํ•‘๋ชฐ(์ƒํ’ˆ๋ชฉ๋ก ํŽ˜์ด์ง€, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€)์—์„œ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ๊ธฐ์กด์— ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ๋‹ด๊ฒจ์žˆ์ง€ ์•Š์€ ์ƒํ’ˆ์ด๋ผ๋ฉด ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋‹ด๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ–ˆ์„๋•Œ ์ตœ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํ’ˆ ์ข…๋ฅ˜ ์ƒํƒœ๋ฅผ +1๋กœ ์—…๋ฐ์ดํŠธํ•œ๋‹ค. ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€์—์„œ๋Š” input ์ฐฝ์„ ํ†ตํ•ด ์ƒํ’ˆ์˜ ์ˆ˜๋Ÿ‰์„ ์กฐ์ ˆํ•˜๊ณ , ์‚ญ์ œ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ์žฅ๋ฐ”๊ตฌ๋‹ˆ์—์„œ ์ œ๊ฑฐํ•œ๋‹ค.์ˆ˜๋Ÿ‰์— ๋”ฐ๋ผ ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€ ์šฐ์ธก์˜ ์ฃผ๋ฌธ ๊ณ„์‚ฐ ์ปดํฌ๋„ŒํŠธ ๋˜ํ•œ ๋ณ€๊ฒฝ๋œ๋‹ค.

  • cmarket (1)
    ๊ธฐ์กด์—๋Š” props๋กœ ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ์—์„œ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ–ˆ๋‹ค๋ฉด, ๋ฆฌ๋•์Šค๋ฅผ ์‚ฌ์šฉํ•ด ์ƒํƒœ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์ˆ˜์ •ํ–ˆ๋‹ค.

section 2๋ฅผ ๋งˆ์น˜๊ณ  ๋Š๋‚€ ์ 

ํ† ์ด..์ž๋ฃŒ๊ตฌ์กฐ..๐Ÿคข

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

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

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

๋ฐฑ์—”๋“œ...?๐Ÿค”

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

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

HA2...๐Ÿ’ฌ

HA2๋ฅผ ์–ด์ œ, ์˜ค๋Š˜ ์น˜๋ €๋‹ค. ์ฝ”ํ”Œ๋ฆฟํ˜• 3๋ฌธ์ œ์™€ ๊ณผ์ œํ˜• 1๋ฌธ์ œ๊ฐ€ ๋‚˜์™”๋‹ค. ์ฝ”ํ”Œ๋ฆฟํ˜•์€ 3๋ฌธ์ œ ์ค‘์— 2๋ฌธ์ œ๋ฅผ ํ’€์—ˆ๊ณ , ๋‚œ์ด๋„๊ฐ€ ์˜ˆ์ƒ๋งŒํผ ์–ด๋ ต์ง€๋Š” ์•Š์•˜๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ํ•œ ๋ฌธ์ œ๊ฐ€ ๋๊นŒ์ง€ ์•ˆ ํ’€๋ ค์„œ ๋งˆ์ง€๋ง‰ ํ…Œ์ŠคํŠธ ์ผ€์ด์Šค ํ•˜๋‚˜๋ฅผ ํ†ต๊ณผ ๋ชปํ•œ์ฑ„๋กœ ์ œ์ถœํ–ˆ๋‹ค.

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

๊ณผ์ œํ˜•์„ ํ’€๋ฉด์„œ ์—๋Ÿฌ๊ฐ€ ์ •๋ง ๋งŽ์ด ๋‚ฌ๋Š”๋ฐ, ๊ทธ๋•Œ ๋„ˆ๋ฌด ์ž์‹ ๊ฐ์„ ์žƒ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์—๋Ÿฌ๋ฅผ ํ”ผํ•  ๊ฒŒ ์•„๋‹ˆ๋ผ ์—๋Ÿฌ๊ฐ€ ๋‚ฌ์„๋•Œ ์–ด๋–ค ๋ฌธ์ œ์ธ์ง€ ํŒŒ์•…ํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ํ–ˆ์–ด์•ผ ํ–ˆ๋Š”๋ฐ ๊ทธ๋Ÿฌ์ง€ ๋ชปํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋ž˜์„œ ์•ž์œผ๋กœ๋Š” ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„๋•Œ ์–ด๋–ค ์—๋Ÿฌ์˜€๊ณ  ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€๋„ ๊ฐ„๋‹จํžˆ ๋ธ”๋กœ๊น… ํ•ด๋ด์•ผ๊ฒ ๋‹ค.

section 3๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๋งˆ์Œ๊ฐ€์ง

์ง€๋‚œ section 1 ํšŒ๊ณ  ๊ธ€์„ ๋ณด๋‹ˆ,,,
โœ… ๋งค์ผ์€ ์•„๋‹ˆ๋”๋ผ๋„ ์ƒˆ๋กœ ๋ฐฐ์šด ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ๋Š” ๊พธ์ค€ํžˆ ๊ธฐ๋กํ•  ๊ฒƒ
โŽ 1์ผ 1 ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํ’€๊ธฐ
โœ… ์ฃผ๋ง์— ๋ณต์Šตํ•˜๋Š” ์‹œ๊ฐ„ ๊ฐ–๊ธฐ
โŽ ๋…์„œํ•˜๊ธฐ

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

๐Ÿ”… ํ† ์ด๋Š” ๋‹น์ผ๋‚  ๋ ˆํผ๋Ÿฐ์Šค ์ฝ”๋“œ ๋ถ„์„ํ•˜๊ธฐ (๊ทธ๋ž˜๋„ ๋ชจ๋ฅด๊ฒ ์œผ๋ฉด ๋‹ค์Œ๋‚  ๋˜๋ณด๊ธฐ)
๐Ÿ”… 1์ผ 1 ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
๐Ÿ”… TIL ์‹œ์ž‘!
๐Ÿ”… ์ ˆ๋Œ€ ๊ธ์ •์ ์œผ๋กœ ์ƒ๊ฐํ•˜๊ธฐ! ๋‚จ๋“ค๊ณผ ๋น„๊ต ์ ˆ๋Œ€ โŒ
๐Ÿ”… ์˜ค์ „ 7์‹œ ๊ธฐ์ƒ!

ํ”„๋กœ์ ํŠธ๊นŒ์ง€ ์ •๋ง ๋”ฑ ํ•œ๋‹ฌ๋‚จ์•˜๋‹ค.. ์ฒ˜์Œ์—๋Š” 6๊ฐœ์›”์ด ๊ธธ๋‹ค ์‹ถ์—ˆ๋Š”๋ฐ ์ง€๊ธˆ์€ '๋ฒŒ์จ section2๊ฐ€ ๋๋‚ฌ๋‹ค๊ณ ?'์‹ถ๋‹ค. ํ•œ๋‹ฌ ๋นก์„ธ๊ฒŒ ํ•œ๋‹ค๊ณ  ์•ˆ์ฃฝ์œผ๋‹ˆ๊นŒ ์ง„์งœ ์ด๋ฒˆ section3๋Š” ์ตœ๊ณ ๋กœ ์—ด์‹ฌํžˆ ํ•ด๋ณด์ž! ๋ถ€๋”” section 3 ๋งˆ์น˜๊ณ  ์›ƒ์œผ๋ฉด์„œ ํšŒ๊ณ ๋ก์„ ์“ธ ์ˆ˜ ์žˆ๊ธธ!!

profile
์–ด์ œ๋ณด๋‹ค ๋‚˜์€ ์˜ค๋Š˜์„ ๋งŒ๋“œ๋Š” ์ค‘

0๊ฐœ์˜ ๋Œ“๊ธ€