인프런 워밍업 클럽 스터디 1기 FE 1주차 발자국

인프런 워밍업 클럽 1주차 발자국

• 시간 분배를 잘못해서 강의를 거의 듣지 못하고 미션도 해결하지 못했다...2주차부터 열심히 따라가야 한다.

강의 요약

• console 객체

  • 새로 알게 된 메서드: table(), warn(), time(), timeEnd(), clear()

• var, let, const

  • var: 중복 선언, 재할당 가능

  • let: 중복 선언 불가능, 재할당 가능

  • const: 중복 선언, 재할당 불가능

• 변수의 참조 범위

  • var: 함수 레벨 스코프

  • let, const: 블록 레벨 스코프

• 호이스팅

  • 코드가 실행되기 전에 변수 및 함수 선언(이름)이 로컬 범위(유효 범위)의 맨 위로 들어올려지거나 끌어올려지는 경우

• JS 타입

  • 원시 타입: String, Number, Boolean, Symbol, null, undefined,

  • 참조 타입: Object, Array...

• JS 타입 변환

  • String(), Number() constructor 사용

  • toString() 등의 메서드 사용

  • 자동 타입 변환

    • string + number = string

• JS 연산 및 Math Object

  • +, -, *, /, %

  • Math.PI, Math.E, Math.round(), Math.ceil(), Math.min(), Math.max(), Math.randon(), ...

• Template Literals

  • backtick을 사용

• Loops

  • for

  • for/in

  • while

  • do/while

• Windows 객체

  • 브라우저에 의해 자동으로 생성되며 웹 브라우저 창을 나타냄

  • 브라우저의 창에 대한 정보를 알 수 있고, 이 창을 제어할 수 있음

  • var 키워드로 변수를 선언하거나 함수를 선언하면 이 window 객체의 프로퍼티가 됨

• DOM?

  • 메모리에 웹 페이지 문서 구조를 트리구조로 표현해서 웹 브라우저가 HTML 페이지를 인식하게 해줌

  • 웹 페이지를 이루는 요소들을 JS가 이용할 수 있게끔 브라우저가 트리 구조로 만든 객체 모델을 의미함

  • DOM 트리를 DOM에서 제공해주는 API를 이용해서 조작할 수 있음

  • CRP 과정

    • DOM Tree 생성 > Render Tree 생성 > Layout(reflow) > Paint

스스로 칭찬하고 싶은 점

• 1주차 강의를 거의 듣지 못했지만 연휴를 활용하여 강의를 듣고 공부를 했다.

아쉬웠던 점

• 1주차 강의를 거의 듣지 못했다. 열심히 따라가야한다.

보완하고 싶은 점

• 평일에 시간이 부족하여 진도를 따라가지 못하므로 주말을 활용해서 따라가도록 해야겠다. 우선은 내일까지 연휴이니 연휴를 활용해서 진도를 따라잡아야겠다...

다음주 목표

• 최소 진도 따라잡기! 중간 점검까지 미션 3개 이상 완료하기!