1일차에 막힌 부분

여기서 해결 못하고 있는 부분

1. 가장 상단 '내배캠 ~~콜렉션' 부분의 배경에 파란색 배경이 살짝 나와있다
2. 영화 검색 : 이후 띄어쓰기 없이 input이 나온다
3. 영화 이미지가 밑줄 이후 띄어쓰기 없이 바로 나온다
4. 영화 api구현이 안된다
5. 구현이 안되어서 카드 정렬도 못하고 있다

======================================================
해당 부분 당장 급급하게 해결보다 강의 먼저 들어서 이론 파악이 중요하다 판단

오늘의 목표

3~5주차 강의 완독
남은 시간 익숙하지 않은 개념 정리
남은 시간 api해결 고민

몰랐던 내용

for in문

object(객체)에 사용할 수 있는 반복문
배열에도 사용 가능하지만 추천 x

const obj = {
  name : '이름',
  age : '나이'
}

for(const key in obj){
  console.log(key); // key값 출력
  console.log(obj.name, obj.age); // value 값 출력

  console.log(`key 값 : ${key}`); // 1. key값 : 이름 // 2. key값 :age
  console.log(`value 값 : ${obj[key]}`); // 1. value 값 : 이름 // 2. value값 : 나이
}

console.log에서 반복문이기에 key,value값이
다 나올때까지 한번씩 순회하면서 반복
for문에서 생성한 변수는 무조건 key값 출력

실행컨텍스트

var a = 1;
function outer() {
  function inner() {
    console.log(a);
    var a = 3;
  }
  inner();
  console.log(a);
}
outer();
console.log(a);

일단 a 변수 선언
outer 함수 실행
inner 함수 실행
console.log(a) = undefined
console.log(a) = 1
console.log(a) = 1
여기서 console.log(a) inner함수안에 있는 값이 왜 1도아니고 3도아닌
undefined인지 헤깔렸는데,
첫 console.log(a) 기준 변수 a 선언이 없어서 첫번째로 찾는건 inner함수 안에
선언한 함수가 있는지! 근데 var a = 3; 이 있었고 아쉽게도 먼저 해독하는건
console.log(a)이기 때문에 선언되있는것만 알고 값은 할당되기 전 콘솔출력이기에
undefined가 출력!
그 다음 outer에 있는 console은 거기 기준 a 선언이 안되있어서 바깥쪽까지 찾아보니
var a = 1이 있어서 1이 출력!
바깥에 있는 콘솔도 1출력!
여기서 var a = 3은 inner안에서 선언하여서 outer쪽으로 실행될시 사라지는 값임

함수 선언식 , 표현식 (표현식을 더 자주 쓰자)

function a(){} => 선언식
var a = function() =>표현식
호이스팅 적용시 함수 명이 같을 때 선언식으로 코드를 짜면 전체에 영향을 끼치는
아주 위험한 에러 코드가 발생될 수 있으니, 표현식을 습관화 하자!

오늘의 공부 결과

스파르타 자바스크립트 문법 강의 3~4회차 재독

오늘의 아쉬운점

1. 무지막지한 이론을 이해해보려하다 5강까지 다 듣지 못하였다
2. 피곤한데 계속 머리에 뭐를 집어넣으려고 하니 더 집중이 안되는 것 같아
   9시 넘어도 계속 공부할 생각으로 누웠다 공부했다 반복했다(현재시간 1시)
3. 알고리즘 강의를 1개라도 혹은 문제 1개라도 풀고싶었는데 못했다

오늘의 좋았던 점

1. 호이스팅 관련 이론을 제대로 파고 들었던 것 같다(나름 이해 많이 함)
2. 1번째 들었던 강의에 대해 조금 더 깊게 파고 들어 내일 개인과제 할 때
   이론적인 부분에서 막히는게 더 줄어들 것 같다(ex)비동기,동기,async,await,promise 등 api 관련 내용)

개선할 점

1. 조금 더 시간 활용을 잘해서 공부량을 늘려야 함
2. 알고리즘 어떻게든 조금씩이라도 접근해야함

앞으로 개인적으로 알아볼 내용

1. css : root
2. html section
3. input type "submit" button 비교
4. forEach 매서드
5. 학원에서 배포한 js예제 30문제 한개라도 풀어볼것
6. 아스키 코드
7. map 매서드
8. Axios
9. Git hub