What?

• this
  • window, object, eventlistener, constructor
  • 이벤트리스너 안에서 콜백함수를 쓰면 window
  • object 안에서 콜백함수를 쓰면 window
  • function을 만날 때마다 바뀐다.
• Array Function
  • 내부 this 값을 새로 바꾸지 않음
  • 사용법 숙지
• 변수 문법 정리
  • 선언, 할당, 범위, 호이스팅
  • var, let, const

How?

• 다시 한번 개념에 관한 공부가 중요하다는 걸 느끼게 되었다. this 키워드에 대해선 어떠한 방식으로 접근하는지에 대해서 간략하게 알고 있었지만, 이번 공부로 놓치고 지나간 부분에 대해 자세히 알게 되었고, 앞으로는 잘 적용할 수 있을 것 같다. 그리고 나머지 변수, array function도 마찬가지로 이전보다 더 깊게 공부하는 계기가 되었다.

What?

• Dom 개념
• Ajax 개념 (서버, GET/POST, 데이터바인딩)
• sticky와 scroll animation (1차 함수)
• hammer.js 를 이용한 터치 기능 구현
• setTimeout 사용해 간단한 Typewriting 애니메이션

What?

• forEach 이용해 자료 뽑아내기
• Arrow Function 문법

What?

• 스크롤 애니메이션 : navbar
• Tab 기능 : for문
• 이벤트 버블링 : 태그에 이벤트 발생 => 해당 태그의 모든 상위요소까지 이벤트 실행
  • background 클릭시 모달창 닫기 기능 구현
• Array/object 자료형 : 데이터 바인딩
• 인터랙티브 form : input, change, html 동적 생성

What?

• 슬라이드 다운 모달창 스크립트 구현
• 정규식 구현
  • 의미 : 문자를 검사하고 싶을 때 사용하는 식
  • 슬래시 기호로 표현
• 이미지 슬라이드 스크립트 구현
• 미디어 api로 카메라, 오디오값 불러옴
• 녹화 기능을 위해 함수 추가
• 미디어 레코더는 기본값이 한번에 모든걸 저장함
  • 타이머 함수를 추가해 매초마다 이벤트에 기록되게 수정
• blob을 받고 다운로드 기능을 위해 링크를 얻음

What?

• 부트스트랩 문서 확인하며 sns profile 레이아웃 작업 진행
• CSS 덮어쓰기의 중요성 숙지
• 최솟값, 최댓값 range 안올라가는 경우 padding 제거
• input 속성 range 와 value 값 이용하여 볼륨 바 기능 구현 (볼륨 범위에 따른 아이콘 변화, 음소거, 음소거 해제시 기존 볼륨값 복원)

What?

• 관련 내용 모두 노션에 기록

What?

What?

What?