JavaScript의 데이터 타입(Primitive, Reference)의 종류와 그 특성에 대해 알아본다.
Arrow function / 일반 function 문법 간 차이점 대해 알아본다.
JavaScript class 기본 사용법과, 여러가지 prototype 지정 코드 작성법 , 그에 따른 의미 차이를 알아본다.
특정 클래스 속성을 다른 클래스가 이어받게 해주는 extend 문법에 대해 알아본다.
getter, setter에 대해 알아보자
Callback함수가 Arrow function일 때 this 사용 시 주의할 점에 대해 알아보자
각 변수 별 재선언, 재할당 가능 여부와 사용 범위를 알아본다.
변수/함수의 선언 부분을 스코프의 최상단으로 끌어 올려 해석하는 자바스크립트의 성질Hoisting 예자바스크립트의 시점👀 코드의 1행에서 아직 name변수가 선언되지 않았음에도 undefined가 뜬다.undefined : 변수 선언 O, 할당 Xnull : 변수 선
1\. 문자에 줄바꿈 가능(String은 원래 안 됨)2\. 문자, 변수 혼용해서 사용시 편리문자 중간에 변수 사용 시 $중괄호 둘러주면 OHTML 템플릿 만들 때함수 사용 시 함수명 옆에 Tagged Literal 써주면문자/변수를 분리해준다.문자열의 순서 변경도 가
Array, Object 등 반복가능한 객체(Iterable Object)를 개별 요소로 분리할 수 있게 해주는 연산자인 Spread Operator에 대해 알아 본다.
함수의 parameter, arguments에 대해 알아보자
함수/메서드 내 parameter를 일괄로 다룰 때 유용한 Rest Parameter에 대해 알아보자.
Array, Object 내 자료들을 각각 분리하여, 변수들에 일괄 할당하고 싶을때 유용한 Destructuring 문법에 대해 알아보자
특정 JS파일을 다른 HTML 파일로 내보내고 불러올 수 있다. 이를 이용하면 모듈식으로 개발이 가능하다.
웹 브라우저란 서버에서 받은 HTML, CSS, JS 파일을 실행시키는 프로그램 (크롬, 인터넷익스플로러, 파이어폭스, 사파리 등...) C++로 만들어져 있음 동기, 비동기란 동기 : 코드가 위에서 아래로 순차적으로 실행됨 싱글스레드? 비동기 : 자바스크립트는 동
ES6의 반복문 forEach, for in, for of에 대하여
Object내에 반복문으로 출력 안 되는 정보 넣을 수 있다.
Map, Set 자료형에 대해 알아보자
반복되는 DOM요소를 커스텀 태그로 만들 수 있다
숨겨져 있는 DOM을 만드는 법에 대해 알아보자
object나 셀렉터 등을 사용해 자료를 꺼낼 때, 해당 객체가 비어있을 시 발생하는 오류를 방지하는 방법에 대해 알아 보자.
현재 URL값 가져오기 : window.location.href;1의 값을 URL객체로 선언, 할당한다위 객체의 searchParams 속성 호출 > url parameter관련 메소드 사용가능해짐2의 값에서 get() 메소드 사용하면 url 쿼리스트링 내 특정 key
목표 채팅페이지 진입 시 / 상대방에게 메세지 도착 시, 최하단으로 스크롤 이동시킨다. 내가 메세지 보낸 후 스크롤을 창의 최하단으로 이동시킨다 필요한 개념 Javascript 스크롤 이벤트 관련 속성, 메소드 scrollHeight : 스크롤 전체 영역 client
조건문으로 $('예시
HTML, CSS로 미리 UI디자인 후 평소 숨겨 놓는다사용자가 조작할 경우(버튼 누르거나 등…) 숨겨 둔 UI 보여달라고 코드를 짠다. 💡 애니메이션 줄 땐 display보단 visibility 사용하자display : none을 대신 visibility : hid
인풋 값 입력시 or 인풋에서 포커스 이동될 시인풋 값이 적절한지 판단해제출 버튼을 활성화한다upload페이지 최초 진입 시 제출 버튼 비활성화로 설정한다1\. 호출 시 가격 인풋에 입력된 값이 숫자인지 체크하여, 맞다면 priceIsNum에 true 저장 후 반환하는
비동기 코드 처리 방법에 대해