Achievement Goals

문자열 기초

• 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.

  O

• 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다.

  str.length 메소드는 문자열의 길이를 반환한다.

  let str = 'apple'
  console.log(str.length) //5

• 문자열의 글자 하나하나에 접근할 수 있다.

  인덱스를 사용하여 문자열에 있는 글자에 접근할 수 있다.

  let str = 'apple'
  console.log(str[2]) // 'p'

• 문자열을 합칠 수 있다.

  javascript는 너무 너무 친절해서 문자열도 알아서 붙여준다. 친절함에 눈물이 날 지경😂

  let word1 = 'I like'
  let word2 = 'chocolate!'
  console.log(word1 + " " + word2) // 'I like chocolate!'

  문자열뿐만 아니라 숫자 등의 다른 타입을 더해도 알아서 string 형태로 변환해서 붙여준다!!

  let word = 'I like '
  let num = 234
  console.log(word + num) // 'I like 234'

  문자열 사이에 다른 값을 넣고 싶다면 template literal을 사용해주면 된다.

  let hour = 2
  let min = 23
  let sec = 56
  console.log(`지금은 ${hour}시 ${min}분 ${sec}초 입니다.`)
  // '지금은 2시 23분 56초 입니다.'

• 문자열을 원하는 만큼만 선택할 수 있다.

  str.slice(start, end) 또는 str.substring(start, end)로 문자열을 잘라서 쓸 수 있다. 요즘엔 substring보다 slice를 더 많이 사용한다고 한다.

  let word = 'abcdefg'
  console.log(word.slice(0,3)) // 'abc'

  end index는 반환되는 스트링에 포함이 안된다.
  index에 음수를 넣으면 어떻게 될까?

  let word = 'abcdefg'
  console.log(word.slice(0,-3)) // 'abcd'

  놀랍게도 제대로 작동한다! 음수는 str.strlen + index 로 처리되므로 문자열 뒤에서 부터 셀 때 유용하다.

• 영문을 모두 대문자로 바꿀 수 있다.

  str.toUpperCase()를 사용하여 바꿀 수 있다.

• 영문을 모두 소문자로 바꿀 수 있다.

  str.toLowerCase()를 사용하여 바꿀 수 있다.

• 문자열 중 원하는 문자의 index를 찾을 수 있다

  str.indexOf('문자') 또는 str.lastIndexOf('문자')로 찾을 수 있다. 찾고자 하는 문자열의 첫 문자가 포함되어 있는 인덱스가 반환되며, lastIndexOf는 문자열의 뒤에서 부터 검색한다.

• 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다.

  str.includes('문자')를 사용하여 알아볼 수 있다.

• 띄어쓰기 (" ") 로 문자열을 구분하여 배열로 바꿀 수 있다.

  str.split(" ")을 사용하면 " "를 기준으로 나뉜 문자열들의 배열이 반환된다. csv를 처리할 때 유용하다고 한다.

• 위의 배열의 요소 사이에 띄어쓰기 (" ") 넣어 다시 문자열로 바꿀 수 있다.

  str.split(" ").join(" ")을 사용하면 된다. 이건 다음에 배울 배열 시간에 자세히 알아보자.

반복문 기초

• 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.

  'Hello!'를 다섯 번 쓰고 싶다면?

  for (let i = 0; i < 5; i++)
  	console.log('Hello')

• 반복문(for문)과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다.

  귀여운 피라미드를 만들어보자.🐥

  let str = '*'
  let space = ' '
  for (let i = 0; i < 5; i++)
      console.log(space.repeat(5 - i - 1) + str.repeat(i * 2 + 1) + '\n')

• 기본적인 for문 (for (let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다.

  고급스러운 다이아몬드를 만들어보자.💎

  let str = '*'
  let space = ' '
  for (let i = 0; i < 10; i++) {
      if (i < 5)
      	console.log(space.repeat(5 - i - 1) + str.repeat(i * 2 + 1) + '\n')
      if (i >= 5)
      	console.log(space.repeat(i - 4) + str.repeat(17 - 2 * i) + '\n')

• for와 while의 차이에 대해서 설명할 수 있다.

  for 구문은 요렇게 사용한다.

  for (초기화식; 조건식; 증감식) {
  	반복할 내용
  }

  while 구문은 이렇게 사용한다.

  초기화식 // 없어도 된다.
  while (조건식) {
  	반복할 내용
  	증감식
  }

  while 구문은 초기화를 따로 해주어야 한다. (물론 안해줘도 된다.ㅎ)

• 반복문에 조건문을 적용하여 특정 조건에서만 코드가 실행되도록 할 수 있다.

  주어진 수 보다 작거나 같은 짝수의 개수를 세어보자.

  let num = 13
  let count = 0
  for (let i = 1; i <= 13; i++) {
  	if (i % 2 === 0)
      	count++
  }
  console.log(count) // 6

• 이중 for문이 무엇인지 이해하고 활용할 수 있다.

  문자열을 입력받아 해당 문자열에 중복된 문자(letter)가 존재하는지 여부를 boolean 값으로 리턴해보자.

  for (let i = 0; i < str.length; i++) {
      for (let j = i + 1; j < str.length; j++)  {
        if (str[i] === str[j])
          return true
      }
  }
  return false

어제 2차 백신을 맞았더니 아침부터 너무 피곤하고 힘들었다. 몸도 아프고 그냥 침대에만 누워있고 싶었다.. 정말 뇌가 없는 기분😵 그래도 공부.. 노취쥐 아늘코에요... 내일은 재밌는 CSS 하는 날! 너무 기대가 된다.