34일차

공부할 목록

• 표준 내장 객체 - 객체
• 표준 내장 객체 - 날짜와 시간
• 전개 연산자
• 구조 분해 할당
• 데이터의 불변성과 가변성
• 얕은 복사와 깊은 복사
• 콜 스택

새로 배운 내용

• axios와 fetch
  • axios는 라이브러리, fetch는 내장 객체이며, json()을 사용해야한다.(fetch는 비교적 최신기술로 지원범위 체크 필요)
  • axios와 fetch에서 객체구조분해할당 예시와 async``await사용

// .then()
fetch('https://www.omdbapi.com?apikey=1111111=frozen')
  .then(res => res.json())
  .then(res => {
    console.log(res)})
axios({
  url: 'https://www.omdbapi.com?apikey=1111111=frozen',
  method: 'GET'
})
  .then(({ data }) => console.log(data))

// async & await
async function getMovie() {
  let res = await fetch('https://www.omdbapi.com?apikey=1111111=frozen')
  res = await res.json()
  console.log(res)

  const { data } = await axios({
    url: 'https://www.omdbapi.com?apikey=1111111=frozen',
    method: 'GET'
  })
  console.log(data)
}
getMovie()

• scss의 &이용

.section {
  &__portfolios {
  
  }
  &__portfolio }
    &--img {
    }
  }
}

하루를 마무리하며

이번에 과제를 제출하고 많이 느낀 것이 코드속에 성격이 보인다는 것이었다. 배운 내용을 꼼꼼히 공부하고 복습하며 코드를 작성한 사람이 보이는가 하면, 나처럼 이리저리 새로운 정보를 많이 접했지만 막상 한군데 뭉쳐서 프로젝트를 만드는 과정에서 복잡하고 스스로도 이해하지 못한 내용이 잘 드러나는 학습생 있었다.

부끄러움이 많이 느껴지는데 정말 얕게얕게 공부를 하는 것이 아니라 하나라도 내껏으로 만들고 활용해봐야겠다는 생각이 드는 시간이었다.