AgoraStates

hyena_leeยท2023๋…„ 1์›” 10์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
18/42
post-thumbnail

๐Ÿ“š Bare Minimum Requirement (์ตœ์†Œ ์š”๊ตฌ ์‚ฌํ•ญ)

  • ๋””์Šค์ปค์…˜ ๋‚˜์—ด ๊ธฐ๋Šฅ
    script.js๋ฅผ ์ˆ˜์ •ํ•˜์—ฌ agoraStatesDiscussions ๋ฐฐ์—ด์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‚˜์—ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๊ตฌํ˜„ํ•œ๋‹ค.
  • CSS
    ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ  ์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ๊ฐ€ ์ค‘์•™์œผ๋กœ ์™€์•ผ ํ•œ๋‹ค.
    style.css๋ฅผ ์ˆ˜์ •ํ•˜์—ฌ ๋ฉ‹์ง€๊ณ  ์•„๋ฆ„๋‹ต๊ฒŒ ๋‚˜๋งŒ์˜ ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ ๋ฅผ ๊พธ๋ฏผ๋‹ค.
    colorhunt, dribbble์—์„œ ์ ์ ˆํ•œ ์ƒ‰ ์กฐํ•ฉ, ๋””์ž์ธ์„ ์ฐธ๊ณ ํ•œ๋‹ค.
  • ๋””์Šค์ปค์…˜ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ
    script.js๋ฅผ ์ˆ˜์ •ํ•˜์—ฌ ๋””์Šค์ปค์…˜ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•œ๋‹ค.
    section.form__container ์š”์†Œ์— ์ƒˆ๋กœ์šด ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ  ์งˆ๋ฌธ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ์ž…๋ ฅ ํผ์„ ์ œ์ž‘ํ•œ๋‹ค. (ํ˜•์‹์€ ์ž์œ )
    ์•„์ด๋””, ๋ณธ๋ฌธ์„ ์ž…๋ ฅํ•˜๊ณ  ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์‹ค์ œ ํ™”๋ฉด์— ๋””์Šค์ปค์…˜์ด ์ถ”๊ฐ€๋˜์–ด์•ผ ํ•œ๋‹ค.
    agoraStatesDiscussions ๋ฐฐ์—ด์— ์ถ”๊ฐ€ํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์‹ค์ œ ์Œ“์—ฌ์•ผ ํ•œ๋‹ค.
  • Github Page ๋ฐฐํฌ
    Github Page ๋ฐฐํฌ ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜์—ฌ ๋ˆ„๊ตฌ๋‚˜ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ๋ฐฐํฌํ•œ๋‹ค.
  • ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  fe-sprint-my-agora-states ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋กœ Pull Request
    ๋‚˜๋งŒ์˜ ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ ๋ฅผ ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ๊นƒํ—ˆ๋ธŒ์— Pull requestํ•œ๋‹ค.
    ์ฃผ์–ด์ง„ Pull request ํ˜•์‹์— ๋”ฐ๋ฅธ๋‹ค.

๐Ÿš€ ์ตœ์ข… ์™„์„ฑ๋ณธ

####๐ŸŒง๏ธ ์•„์‰ฌ์šด ๋ถ€๋ถ„

  • check box ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • new Date() : ํ˜„์žฌ ์‹œ๊ฐ„
  • .toISOString() : ๋‚ ์งœ ํ˜•์‹

####โ˜€๏ธ ๋ฐฐ์šด์ 

  • DOM
  • pagination
  • keyframes
  • font-face

๐ŸŒˆ ํšŒ๊ณ 

solo ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅ๊ตฌํ˜„์€ ๊พธ์—ญ๊พธ์—ญ ๋„˜์–ด๊ฐ€๋Š”๋ฐ css ์˜ค๋ฉด ์•ž์ด ์บ„์บ„ํ•˜๋‹ค. ์ตœ๋Œ€ํ•œ ์˜๊ฐ ๋ฐ›์œผ๋ ค๊ณ  ๋ฆฌ์„œ์น˜๋„ ๋งŽ์ด ํ•ด๋ณด๊ณ  ํ•˜๋‚˜ํ•˜๋‚˜ ์ œ๋ชฉ๋ถ€ํ„ฐ ์–ด๋–ค ๋””์ž์ธ ํ•ด๋ณผ๊นŒ? ๊ทธ ๋‹ค์Œ ํผ ์ด๋Ÿฐ์‹์œผ๋กœ ํ•˜๋‚˜ํ•œ ๊พธ๋ฉฐ๋ณด๋‹ˆ ์ด๋Ÿฐ ๊ฒฐ๊ณผ๋ฌผ์ด ๋‚˜์™”๋‹ค. ๋‹ค์‹œ ์ฝ”๋“œ๋„ ๋œฏ์–ด๋ณด๊ณ  flex ๊ฐœ๋…๋„ ๋‹ค์‹œ ํ™•์ธํ•ด ๋ณผ ํ•„์š”๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ๋œ ๋ฏธ๋‹ˆ ์†”๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์นœ๋‹ค.

profile
์‹ค์ˆ˜๋ฅผ ๋‘๋ ค์›Œ ๋ง๊ณ  ๊ณ„์† ๋„์ „ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์—ฌ์ •!

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