๐Ÿ“• 1. Week01 ํšŒ๊ณ 

Lee Jinoยท2022๋…„ 9์›” 25์ผ
0
  • (JWT , API์— ๊ด€ํ•œ ์ „๋ฐ˜์ ์ธ ๋‚ด์šฉ์€ ๊ฒŒ์‹œ๊ธ€๋กœ ์ž‘์„ฑํ•˜์˜€์œผ๋ฉฐ,
    ๊ด€๋ จ๋œ ์  ์ผ๋ถ€๋ฅผ ๋ณธ ๊ฒŒ์‹œ๊ธ€์—์„œ ์–ธ๊ธ‰์˜ˆ์ •์ž…๋‹ˆ๋‹ค.)

  • ์ฒซ ํšŒ๊ณ ์—ฌ์„œ ๋‘์„œ ๋ฐ ๋‚ด์šฉ์ด ์ •๋ง ์—‰๋ง์ธ๋“ฏํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“• 1. Week01 ํšŒ๊ณ  (22.09.19 ~ 22.09.25)

๐Ÿš€ ์ฒซ ํ•ญํ•ด๋ฅผ ์‹œ์ž‘ํ•˜๋ฉฐ

ํ•ญํ•ด๋ฅผ ์‹œ์ž‘ํ•œ์ง€ ์ผ์ฃผ์ผ์ด ์ง€๋‚ฌ๋‹ค.
์ฒซ ์Šคํƒ€ํŠธ๋ถ€ํ„ฐ ์ •์‹ ์—†์ด ๋‚˜ ํฌํ•จ 3๋ช…์ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค.

๊ด€์‹ฌ์ด ์žˆ๊ณ , ํ•˜๊ณ  ์‹ถ์€ ๊ณณ์„ ์ด์•ผ๊ธฐ ํ•˜๋‹ค๊ฐ€ ์—ฌ๋Ÿฌ ์˜๊ฒฌ์ด ๋‚˜์™”์—ˆ๋Š”๋ฐ, ๊ทธ ์ค‘ ์šฐ์—ฐ์ฐฎ๊ฒŒ ์–˜๊ธฐํ–ˆ๋˜ ํ•œ ์ง€์—ญ์˜ ์Œ์‹์ , ๋ฌธํ™”์‹œ์„ค ๋“ฑ์„ ์†Œ๊ฐœํ•˜๋Š” ์ปจํ…์ธ ๋ฅผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

์ด๋ฆ„ํ•˜์—ฌ, " ์–ด์„œ์™€ ๊ฐ•๋ถ์€ ์ฒ˜์Œ์ด์ง€ ? "

๊ธฐ๋ณธ ์„ฌ๋„ค์ผ ์ด๋‹ค.

์™œ ๋งŽ๊ณ  ๋งŽ์€ ๊ณณ์ค‘์— ๊ฐ•๋ถ๊ตฌ์ธ๊ฐ€? ์ƒ๊ฐ์ด ๋“ค ์ˆ˜ ์žˆ๋Š”๋ฐ

์šฐ์„  ํ•  ๊ฑฐ๋ฆฌ๊ฐ€ ๋งŽ์€ ์„œ์šธ์„ ์ค‘์ ์œผ๋กœ ์‹œ์ž‘ํ•˜์—ฌ , ๋งŽ์€ ์ง€์—ญ๊ตฌ๋“ค์ด ์žˆ์—ˆ์œผ๋‚˜

๋Œ€ํ‘œ์ ์œผ๋กœ ๊ผฝ์„ ์ˆ˜ ์žˆ๋Š” "๊ฐ•"์ด ๋ถ™์€ ๊ฐ•๋‚จ,๊ฐ•์„œ,๊ฐ•๋™,๊ฐ•๋ถ ์ชฝ์„ ํƒํ–ˆ๋‹ค.

๋„ค ์ง€์—ญ๊ตฌ์ค‘ ๊ฐ•๋ถ์„ ์„ ํƒํ•œ ์ด์œ ๋Š”, ์œ ๋… ๊ฐ•๋ถ์ด ๊ด€์‹ฌ์ด ์—†์„ ๊ฒƒ ๊ฐ™๊ณ  ํ˜„ ๋ถ€์กฑํ•œ ์‹ค๋ ฅ์œผ๋กœ ์ ์€ ๊ฒƒ๋ถ€ํ„ฐ ํ•ด๋ณด์ž. ๋ผ๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋˜์—ˆ๋‹ค.


  • ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋งŽ์ด ์“ฐ๋Š” ์ฝ”๋“œ๋“ค์€ ์กฐ๊ธˆ์”ฉ ๋ˆˆ์— ๋“ค์–ด์˜ค๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.
    ํŠนํžˆ display:flex;์™€ ํ•จ๊ป˜ ๋ถ™์–ด๋‹ค๋‹ˆ๋Š” 4๊ฐœ์˜ ์ฝ”๋“œ,
    A-Jax , for ๋ฐ˜๋ณต๋ฌธ ๋“ฑ..

  • OPEN API์—์„œ ์ •๋ง ์• ๋จน์—ˆ๋‹ค, ์ธํŠธ๋กœํŽ˜์ด์ง€์—์„œ ๊ฒŒ์‹œ๊ธ€์„ ๋ˆ„๋ฅด๋ฉด
    ๋””ํ…Œ์ผํŽ˜์ด์ง€๋กœ ์—ฐ๊ฒฐ๋˜์–ด ์‚ฌ์ง„, ์†Œ๊ฐœ๊ธ€ ๋“ฑ์ด ์—ฐ๋™๋˜๊ฒŒ๋” ํ•˜๋Š” ์ž‘์—…์ด์—ˆ๋Š”๋ฐ,

  • ์–˜๊ธฐํ•˜๋ฉฐ ๋‚˜์˜จ ๋ถ€๋ถ„์€ XML์„ XML DOM์œผ๋กœ ๋ณ€๊ฒฝํ•œ ํ›„, ์ด ๋ถ€๋ถ„์„ ๋Œ์–ด์™€์•ผํ•˜๋Š” ๊ฒƒ์ด์—ˆ๋Š”๋ฐ, ์ด ๋ถ€๋ถ„์„ ์–ด๋–ป๊ฒŒ๋“  ์ฐพ์•„๋ณด๊ฒ ๋‹ค๊ณ  ๊ตฌ๊ธ€๋ง์œผ๋กœ

    ๋‚˜์˜ค๋Š”๊ฑฐ๋Š” ํ•œ๋งˆ๋””๋กœ ๋‹ฅ์น˜๋Š”๋Œ€๋กœ ๋”ฐ๋ผํ•ด๋ดค๋Š”๋ฐ,, ๊ฒฐ๊ตญ ์•ˆ๋˜๋”๋ผ

  • ๋ฌผ๋ก  , ์ด ์™€์ค‘์— ํŒ€์›๋“ค์—๊ฒŒ ๋‘ ๋ฒˆ ์ •๋„ ๋ฌผ์–ด๋ณด๋ฉฐ ์ตœ์†Œํ•œ์˜ ๋ถ€๋ถ„๋งŒ ๋ฌผ์–ด๋ณด๊ณ  ์ง์ ‘ ํ•ด๋ณด๋ ค ํ–ˆ๋Š”๋ฐ ์•ˆ๋˜์–ด์„œ,, ์„ธ ๋ฒˆ์งธ ๋ฌผ์–ด๋ดค์„๋•Œ
    ๊ทธ๋ฆฌ๊ณ  ๋ฌผ์–ด๋ณผ๋•Œ๋งˆ๋‹ค ๊ฐ™์ด ์ฐพ์•„๋ด์คฌ์—ˆ๋Š”๋ฐ, ๊ฒฐ๊ตญ ์ฐพ์•„๋ƒˆ๋‹ค.

    querySelectorํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด์—ˆ๋Š”๋ฐ,

  • ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ์ด์—ˆ๋‹ค, ์•„ ๋ฌผ๋ก  ์ด์ „์— ํ•ด๋ณด๋˜ ๋ฐฉ๋ฒ• ์•ˆ์žŠ์–ด ๋จน๊ธฐ ์œ„ํ•ด์„œ ์ฃผ์„์œผ๋กœ ์ฒ˜๋ฆฌํ•œ ๊ฒƒ๋„ ์žˆ๋‹ค.. ๋ฐ‘์˜ ๋ฐ˜๋ณต๋ฌธ


๐Ÿš€ ํ•œ ์ฃผ๊ฐ„ ๋ฐฐ์šด์  & ๋Š๋‚€์ 

  • ์ผ๋ถ€ ํ•จ์ˆ˜๊ฐ€ ๋ˆˆ์— ๋“ค์–ด์˜ค๊ธฐ ์‹œ์ž‘ํ•จ.(A-jax, display๋ฌธ, for๋ฌธ ๋“ฑ..)

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

  • ์•„์ง ์ง„ํ–‰์ค‘์ด์–ด์„œ ๋‚ด์šฉ ์–ธ๊ธ‰์ด ์—†๋‹ค์‹œํ”ผ ํ•˜์ง€๋งŒ, ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ๋ง›๋ณด๊ณ  ์•ˆ๋˜๊ฒ ์–ด์„œ ๊ธฐ๋ณธ ๋‚ด์šฉ๋ถ€ํ„ฐ ํ•˜๋˜์ค‘์ด์—ˆ๊ณ , ์›”์š”์ผ์—” ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ์ง‘์ค‘ํ•ด์„œ ํ’€์–ด์•ผ ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

  • ํ•ญํ•ด99์—์„œ ์ œ๊ณตํ•ด์ฃผ์‹  ํ˜ผ๊ณต์Šค ์ฑ…์„ ๋”ฐ๋ผํ•˜๋ฉด์„œ ํ•˜๋Š”๋ฐ, ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ์™€ ๋น„์Šทํ•œ ๋ถ€๋ถ„์ด ๋ณด์ธ๋‹ค. ์กฐ๊ธˆ์”ฉ์€ ๋ˆˆ์— ๋“ค์–ด์˜ค๋Š”๋ฐ
    ์•„๋งˆ,, ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํ’€๋ฉด์„œ ๊ฐ™์ด ๋ณ‘ํ–‰ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค.

  • ์ตœ์†Œ 12์‹œ๊ฐ„ ์ด์ƒ์„ ์ปดํ“จํ„ฐ์™€ ํ•จ๊ป˜ ์ผ์ •์„ ์†Œํ™”ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฒด๋ ฅ๊ด€๋ฆฌ๊ฐ€ ๊ต‰์žฅํžˆ ์ค‘์š”ํ•ด๋ณด์ธ๋‹ค.

  • ์ƒ๊ฐ๋ณด๋‹ค ์‹œ๊ฐ„์ด ๊ต‰~์žฅํžˆ ๋นจ๋ฆฌ๊ฐ„๋‹ค. ํ˜„์žฌ ๊ธฐ๋ถ„์€ ํŒŒ๋„๊ฐ€ ๋„˜์‹ค๋Œ€๋Š” ๋ฐฐ์— ํƒ€์„œ ๋น ๋ฅด๊ฒŒ ํ˜๋Ÿฌ๊ฐ€๋Š” ๊ฒƒ ๊ฐ™๋‹ค.

๐Ÿš€ JWT ? API ?

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

  • ์ด ๋ถ€๋ถ„์— ๋Œ€ํ•ด์„œ๋Š” ๋‹น์žฅ ๋ฐฐ์› ๋‹ค๊ณ  ๋ง์€ ๋ชปํ•  ๊ฒƒ ๊ฐ™๋‹ค.
    ์ƒ๊ฐ๋ณด๋‹ค ๋ฐ›์•„๋“ค์ด๋Š”๊ฒŒ ์—ฌ๋Ÿฌ ๋ฒˆ ๋ฐ˜๋ณต ์ง„ํ–‰์„ ํ•ด์•ผ ๋  ๊ฒƒ ๊ฐ™์•„์„œ,

๐Ÿš€ ๋งˆ์น˜๋ฉฐ

  • ์‹œ๊ฐ„์ด ๊ต‰์žฅํžˆ ๋นจ๋ฆฌ์ง€๋‚˜๊ฐ€๊ณ , ์–ด๋ ค์›Œ ํ•˜๋‚˜ ํ•˜๋‚˜ ํ•˜๊ธฐ ๊ธ‰๊ธ‰ํ•˜์ง€๋งŒ
    ์–ด์ฐŒ ์–ด์ฐŒ ๋”ฐ๋ผ๊ฐ€๊ณ  ์žˆ๋Š”๊ฒƒ ๊ฐ™๊ธฐ๋„ํ•˜๊ณ ,,
profile
์•ˆ๋…•ํ•˜์„ธ์š”

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