Day 2 DevLog (Tue)

๐Ÿ›€07:30 - ๊ธฐ์ƒ ๋ฐ ์”ป๊ธฐ

์ข€ ๋Šฆ๊ฒŒ ์ผ์–ด๋‚ฌ๋‹ค.. ์ผ๊ณฑ์‹œ์— ์•Œ๋žŒ์„ ๋งž์ถฐ ๋†“์•˜๋Š”๋ฐ, ๋” ์ž๊ณ  ์‹ถ์–ด์„œ ๋ชธ์ด ์›€์ง์ด์ง€๋ฅผ ์•Š๋Š”๋‹ค.

๐Ÿšถโ€โ™‚๏ธ08:00 - ํ•™์Šต ์žฅ์†Œ๋กœ ์ด๋™ ๋ฐ ์‹์‚ฌ

์ง‘ ๋‚˜์™€์„œ ๋ฐ”๋กœ ๊ทผ์ฒ˜์— ์ž‘์€ ์นดํŽ˜๊ฐ€ 3-4 ๊ตฐ๋ฐ ์žˆ๋Š”๋ฐ, ์ด ์ค‘ ํ•œ ๊ณณ์—์„œ ์•„์นจ ํ•œ์ • ์‚ผ๊ฐ๊น€๋ฐฅ์„ ํŒ๋งคํ•œ๋‹ค. ๊ทธ๋ž˜์„œ ๋ƒ…๋‹ค 2๊ฐœ๋ฅผ ์ƒ€๋‹ค.

์ง‘์—์„œ ์ฑ™๊ฒจ์˜จ ๊ตฌ์šด ๊ณ„๋ž€ ๋ฐ ์‚ผ๊ฐ๊น€๋ฐฅ ํ•˜๋‚˜๋ฅผ ํ•ด์น˜์šฐ๊ณ  ์–ด์ œ ํ•œ ๋ณต์Šต ๋ธ”๋กœ๊ทธ ์จ์•ผ์ง€ ํ•˜๋‹ˆ๊นŒ 8์‹œ 40๋ถ„..

์—ฌํŠผ ์ž‘์„ฑ ์™„๋ฃŒ.

๐Ÿ’ก09:00 - ์กฐ๊ฑด๋ฌธ lesson

  1. ์–ด๋– ํ•œ ์กฐ๊ฑด์„ ํŒ๋ณ„ํ•˜๋Š” ๊ธฐ์ค€์„ ๋งŒ๋“œ๋Š” ๊ฒƒ
  2. ๋ฐ˜๋“œ์‹œ ๋น„๊ต ์—ฐ์‚ฐ์ž๊ฐ€ ๋“ค์–ด๊ฐ„๋‹ค.
  3. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ์˜ ๊ฐ™๋‹ค(equal) ๋Š” ์•„๋ž˜๋ฅผ ๋ณด์ž.
function myName(name) {
  if (name === '์„ ๋ฆ‰์ด') {
    return `์ œ ์ด๋ฆ„์€ ${name} ์ž…๋‹ˆ๋‹ค.`
  } else {
    return '๋‚ด ์ด๋ฆ„ ๋นผ๊ณค ์†Œ๊ฐœ๊ธˆ์ง€!'
  }
}
  1. ์กฐ๊ฑด๋ฌธ์˜ ํ˜•ํƒœ

์œ„์˜ ์ฝ”๋“œ๋ฅผ ์ฐธ๊ณ  ํ•˜๋ฉด ๋Œ€๋žต์ ์ธ ํ˜•ํƒœ๋ฅผ ์•Œ ์ˆ˜ ์žˆ์Œ.

  1. ๋‘ ๊ฐ€์ง€ ์กฐ๊ฑด๋ฌธ์ด ํ•œ ๋ฒˆ์— ์ ์šฉ๋˜๋Š” ๊ฒฝ์šฐ

๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž (Logical Operator) ๋ฅผ ์‚ฌ์šฉ

๋ฌด์—‡์ด ์•„๋‹ˆ๋‹ค! ํ•  ๋•Œ ์“ฐ๋Š” !

์ด ๋Š๋‚Œํ‘œ (!) ๋Š” Not ์„ ์˜๋ฏธํ•˜๋Š” ์—ฐ์‚ฐ์ž ์ด๋‹ค. truty, falsy ์—ฌ๋ถ€๋ฅผ ๋ฐ˜์ „์‹œํ‚จ๋‹ค.

  1. ์กฐ๊ฑด๋ฌธ์˜ ์‹ค์Šต

!undefined ๋Š” ์–ด๋–ป๊ฒŒ ๋‚˜์˜ฌ๊นŒ? !โ€™Helloโ€™ ๋Š” ์–ด๋–ป๊ฒŒ ๋‚˜์˜ฌ๊นŒ?

  1. ๊ธฐ์–ตํ•ด์•ผ ํ•  6๊ฐ€์ง€ falsy ๊ฐ’

์•„๋ž˜ ๋งํฌ ์ฐธ์กฐ

https://developer.mozilla.org/ko/docs/Glossary/Falsy

  1. ์กฐ๊ฑด๋ฌธ ๋ฌธ์ œ๋กœ ์—๋Ÿฌ ๋ฉ”์„ธ์ง€ ์•Œ์•„๋ณด๊ธฐ

์—๋Ÿฌ ๋ฉ”์„ธ์ง€๋ฅผ ์ฝ๋Š” ๋ฒ•, ์˜ค๋ฅ˜๋‚œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•ด ๊ฐ€๋Š” ๋””๋ฒ„๊น… ๊ณผ์ •์— ๋Œ€ํ•ด ์ดํ•ดํ•ด ๋ณด๊ฒŒ ๋˜์—ˆ๋‹ค.

๐Ÿš€10:00 - ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ : ์กฐ๊ฑด๋ฌธ

๋‚ด๊ฐ€ ๋“œ๋ผ์ด๋ฒ„ ์—ญํ• ์„ ๋งก์•„ 12์‹œ ๊นŒ์ง€ ์กฐ๊ฑด๋ฌธ์˜ ์ ˆ๋ฐ˜ ๊ฐ€๋Ÿ‰์„ ํŽ˜์–ด ๋‹˜๊ณผ ํ•จ๊ป˜ ํ’€์—ˆ๋‹ค.

๐Ÿฑ12:00 - Lunch Time

๋‚จ์€ ์‚ผ๊ฐ๊น€๋ฐฅ ํ•˜๋‚˜์™€ ํ›ˆ์ œ๋ž€ 2๊ฐœ ๋จน๊ณ  ๋

๐Ÿ“13:00 - ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ : ์กฐ๊ฑด๋ฌธ ~

๐Ÿ•น14:00 - ์กฐ๊ฑด๋ฌธ์œผ๋กœ ๋ฐฐ์šฐ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜ lesson

์ˆ˜๋„ ์ฝ”๋“œ์— ๋Œ€ํ•ด ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

์ˆ˜๋„ ์ฝ”๋“œ๋ž€ ํ”„๋กœ๊ทธ๋žจ์˜ ์ ˆ์ฐจ ํ•˜๋‚˜ํ•˜๋‚˜๋ฅผ ์šฐ๋ฆฌ๊ฐ€ ์‹ค์ œ ์‚ฌ์šฉํ•˜๋Š” ์ผ๋ฐ˜์ ์ธ ์–ธ์–ด๋ฅผ ์ด์šฉํ•ด์„œ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.

ํ”„๋กœ๊ทธ๋žจ์ด ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€ ๊ทธ ํ๋ฆ„์„, ์ฆ‰ ์ˆฒ์„ ๋ณด๊ธฐ ์œ„ํ•จ์ด์ง€ ์•Š์„๊นŒ.

๐Ÿ–Œ12:30 - ๋ฌธ์ž์—ด ๋‹ค๋ฃจ๊ธฐ lesson

  • ๋ฌธ์ž ์ž์ฒด๋ฅผ ๋ฐฐ์—ด๋กœ ์ธ์‹ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค.
  • ๋ฌธ์ž์—ด์€ ์ฝ๊ธฐ ์ „์šฉ์ด๋‹ค. ์ ‘๊ทผ์€ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ (์ฆ‰ ๋ณผ์ˆ˜๋Š” ์žˆ์ง€๋งŒ), ๊ทธ ๊ฐ’์„ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ํ•˜๋Š” ์ˆ˜์ •์€ ๋ถˆ๊ฐ€ํ•˜๋‹ค.
  • ์ƒˆ๋กœ ๊ฐ’์„ ํ• ๋‹นํ•˜์ง€ ์•Š๋Š” ์ด์ƒ ๋ฐ”๋€Œ์ง€ ์•Š๋Š”๋‹ค.
  • ๋ฌธ์ž์—ด์— ๋‹ค๋ฅธ ํƒ€์ž…์„ + ์—ฐ์‚ฐ์ž๋ฅผ ํ†ตํ•ด ๋”ํ•˜๋ฉด ๋ฌธ์ž์—ด๋กœ ๊ฐ•์ œ ์ „ํ™˜๋œ๋‹ค.
  • ๋ฌธ์ž์—ด์˜ ์ „์ฒด ๊ธธ์ด๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” str.length
  • ์ฐพ๊ณ ์ž ํ•˜๋Š” ๋ฌธ์ž ๋˜๋Š” ๋ฌธ์ž์—ด์ด ์‹œ์ž‘๋˜๋Š” index ๋ฅผ ์•Œ๋ ค์ฃผ๋Š” str.indexOf(searchValue)
  • return ๊ฐ’์ด ๋ฐฐ์—ด๋กœ ๋‚˜์˜ค๋ฉฐ separator value ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ชผ๊ฐœ์ง€๋Š” str.split(separator) : ๊ฐœํ–‰ ๋ฌธ์ž \n ์— ๋Œ€ํ•ด ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.
  • str.substring(start, end) : end - 1 ์˜ index ๊นŒ์ง€์˜ ๋ฌธ์ž์—ด๋งŒ ๊ฐ€์ง€๊ณ  ์˜จ๋‹ค๊ณ  ํ•จ
  • str.toLowerCase()
  • str.toUpperCase()

๋ชจ๋“  string method ๋Š” immutable ์ด๋‹ค. ๋ฐ”๊ฟ”์„œ ๊ฐ’์„ ๋ณด์—ฌ์ฃผ์ง€๋งŒ ๊ธฐ์กด ํ• ๋‹น๋œ ์›๋ณธ์€ ๋ณ€ํ•˜์ง€ ์•Š๋Š”๋‹ค.

array (๋ฐฐ์—ด) method ๋Š” immutable ๋ฐ mutable ์—ฌ๋ถ€๋ฅผ ์ž˜ ๊ธฐ์–ตํ•ด์•ผ ํ•œ๋‹ค๊ณ  ํ•จ.

๐Ÿ’ป15:00 - 17:00 ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ : ์กฐ๊ฑด๋ฌธ ~

๋ฌธ์ œ๊ฐ€ ์‰ฝ์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ๋Š๊ผˆ๋‹ค.

๐Ÿ˜ฑ17:00 - 19:00 ์˜คํ”ผ์Šค ์•„์›Œ

์—”์ง€๋‹ˆ์–ด ๋‹˜๊ป˜์„œ ํ•™์Šตํ–ˆ๋˜ ๋‚ด์šฉ์„ ๋˜์งš์–ด ์ฃผ์‹œ๊ณ  ์งˆ๋ฌธ์„ ํ•ด๊ฒฐํ•˜๋ฉฐ ์–ด๋ ค์› ๋˜ ๋ฌธ์ œ๋ฅผ ํ•จ๊ป˜ ํ’€์–ด๋ณด๋Š” ์‹œ๊ฐ„์ด์˜€๋‹ค.

๐Ÿค”๋Š๋‚€์ 

์–ผ๋ฅธ ๊ฐ€์„œ ์ž์•ผ๊ฒ ๋‹ค.


Written by@[DotoriMook]
ํ”„๋ก ํŠธ์—”๋“œ ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž ๋„ํ† ๋ฆฌ๋ฌต์˜ ๊ธฐ์ˆ ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ ์ž…๋‹ˆ๋‹ค.

GitHubMediumTwitterFacebook