๐ŸŸฅ : ๋ฏธ์™„๋ฃŒ โœ… : ์™„๋ฃŒ

8 / 11 (ํ™”)

โœ… ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ - ์ ˆ๋Œ€๊ฒฝ๋กœ ์ ์šฉ

โœ… MIXIN ๋ฌธ์„œ ์ฝ๊ธฐ

8 / 12 (์ˆ˜)

โœ… ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ - ์ ˆ๋Œ€๊ฒฝ๋กœ ๋ชจ๋‘ ์ ์šฉ / CSS font-size ๋ณ€๊ฒฝ / ์Šค์ผ€์ค„ ์•ฑ

โœ… MIXIN ๋ฌธ์„œ ํ•œ๋ฒˆ ๋” ํ™•์ธ

๐ŸŸฅ ์ด๋ฒˆ ์ฃผ ๋ธ”๋กœ๊ทธ ์˜ฌ๋ฆด ๊ฒƒ ํ•™์Šต : page 51 - [ES6] var ๊ฐ€ ๊ฐ€์ง„ ๋ฌธ์ œ

์ผ์ฃผ์ผ ๊ฐ„์˜ ํœด๊ฐ€๋ฅผ ๋งˆ์น˜๊ณ  ๋ณต๊ท€ํ–ˆ๋‹ค. ์˜ค๋žœ๋งŒ์— ์ง‘์— ๋‹ค๋…€์™€์„œ ์ข‹์•˜๊ณ  ์ด์ œ ๋‹ค์‹œ ์—ด์‹ฌํžˆ ๋‹ฌ๋ ค์•ผ๊ฒ ๋‹ค. ์ด๋ฒˆ ์ฃผ๋ถ€ํ„ฐ๋Š” Node Lab ์— ์ฐธ์—ฌํ•ด ํ˜‘์—…์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋๋‹ค. ๋„ˆ๋ฌด ๊ธฐ์˜๊ณ  ์ง„์งœ ์—ด์ •์ ์œผ๋กœ ์ž„ํ•  ๊ฒƒ์ด๋‹ค.

8 / 13 (๋ชฉ)

โœ… ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ - ๋กœ๊ทธ์ธ ์œ ์ง€ / ๋กœ๊ทธ์•„์›ƒ ๊ธฐ๋Šฅ

๐ŸŸฅ ์ด๋ฒˆ ์ฃผ ๋ธ”๋กœ๊ทธ ์˜ฌ๋ฆด ๊ฒƒ ํ•™์Šต : page 51 - [ES6] var ๊ฐ€ ๊ฐ€์ง„ ๋ฌธ์ œ

๐ŸŸฅ P์‚ฌ ์ง€์›

8 / 14 (๊ธˆ)

๐ŸŸฅ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ - ๋กœ๊ทธ์ธ ์œ ์ง€ / ๋กœ๊ทธ์•„์›ƒ ๊ธฐ๋Šฅ

โœ… P์‚ฌ ์ž์†Œ์„œ ๋‹ค๋“ฌ๊ธฐ

๐ŸŸฅ P์‚ฌ ์ง€์› (17์ผ๊นŒ์ง€)

๐ŸŸฅ ์šฐ์•„ํ•œํ˜•์ œ๋“ค TypScript ๊ฐ•์˜ ์‹ ์ฒญํ•˜๊ธฐ (23์ผ๊นŒ์ง€)

๐ŸŸฅ Next.js ํ•™์Šต

โœ… MIXIN ํ”Œ์  ๊ธฐ์ˆ  ์Šคํƒ ๋ณด๊ณ  ํ•™์Šตํ•ด์•ผํ•  ๊ฒƒ๋“ค ์ •๋ฆฌํ•ด๋ณด๊ธฐ

  • nextjs ๋ฅผ ๊ผญ ์šฐ์„ ์ ์œผ๋กœ ํ•™์Šตํ•ด์•ผํ•œ๋‹ค. ๊ณต์‹ ๋ฌธ์„œ
  • Redux-saga ๋„ ์‹ฌ์ธต์ ์ธ ํ•™์Šต ํ•„์š” (ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ๋ณด๋ฉฐ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์„ ๋“ฏ)

โœ… MIXIN ํ”Œ์  PR ๋ฆฌ๋ทฐ ํ›„ ์ฝ”๋ฉ˜ํŠธ๋‹ฌ๊ธฐ

โœ… MIXIN ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ ํด๋ก  ๋ฐ›์•„์„œ ํ™•์ธํ•ด๋ณด๊ธฐ

โœ… MIXIN ์งˆ๋ฌธ ์‚ฌํ•ญ ์ •๋ฆฌ

  • Card.Icon = function CardICon(){} ์ด๊ฑด static method ์‚ฌ์šฉํ•œ๊ฑด์ง€? ์™œ ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉ?

  • import styles from "./NavBar.module.scss"; ํ•ด์„œ style={styles.icons} ํ•˜๋Š” ๋ฐฉ์‹ ์ฒ˜์Œ ๋ด„

    • inline style ๋กœ ํ•˜๋Š” ์ด์œ ?
    • .scss ํŒŒ์ผ์„ ์ด๋ ‡๊ฒŒ ๋ชจ๋“ˆํ™”ํ•ด์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•? ๋ฌธ๋ฒ•? ๋ฐฐ์šฐ๊ธฐ
    • className={styles.icon__box} ์ด๋ ‡๊ฒŒ๋„ ์“ฐ๋Š”๋ฐ ์ด๊ฑด ๋ญ˜๊นŒ?
  • <Link> ์•ˆ์— <a> ๋ฅผ ์‚ฌ์šฉ?

๊ธฐํƒ€

  • 9 ์›” 11์ผ ์ฏค ๋ธ”๋ ˆ์–ด ๋ฉด์ ‘ ๋๋‚˜๊ณ  ๋‚˜๋ฉด ํ•จ๊ป˜ ํ† ์ดํ”Œ์ ํ•˜๊ธฐ
    (๋ธ”๋ ˆ์–ด๊ฐ€ ์šฐํ…Œ์บ ์—์„œ ํ•œ ๊ฒƒ ์ค‘ ํ•˜๋‚˜๋กœ)

8 / 15 (ํ† )

โœ… P ์‚ฌ ์ง€์›

โœ… D ์‚ฌ ์ง€์›

โœ… Next.js ํ•™์Šต ๊ณต์‹ ๋ฌธ์„œ

8 / 16 (์ผ)

โœ… Next.js ํ•™์Šต ๊ณต์‹ ๋ฌธ์„œ

โœ… Nodelab ํšŒ์˜ ์ฐธ์„