JavaScript
1.[1] var, let, const 차이
const : 변하고 싶지 않은 값, 상수let : 호이스팅으로 발생하는 문제에 대처. 변수명 중복 잡아줌. TDZ (선언 전에는 접근 불가)var : 호이스팅으로 인하여 보다 유연함호이스팅 : 선언된 변수와 함수를 가져가서 메모리에 기억을 해둠함수가 실행되기 전
2.[1-1] 변수, 연산자 문제
논리 연산자는 false, true 반환 == : 값만 비교 === : 타입도 비교 ** : 거듭제곱
3.[2] 배열 함수 pop, push, includes, indexOf, slice, splice, length
pop() : 배열 끝에있는 아이템을 제거, 그 아이템값을 리턴push(‘아이템’): 배열 끝에 아이템 추가, 배열의 최종 길이 리턴includes(‘아이템’): 배열에 아이템이 포함되어있으면 true리턴 아니면 false 리턴indexOf(‘아이템’): 아이템의 인덱
4.[3] 객체 정의, 표현
객체(Object)
5.[4] if문, switch문, 삼항연산자
if(조건){ 조건이 true일 경우 들어옴}else if(또 다른 조건){ 조건이 true일 경우 들어옴}else if(또 다른 조건){ 조건이 true일 경우 들어옴 }else { 모든 조건이 false인 경우 들어옴 }조건문 순서는 범위가 작
6.[5] 반복문(for, while)
for문은 정확히 몇번 회전해야하는지 범위를 알때사용하고 while은 주로 정확한 범위가 아닌 상태에 따른 반복일때 사용된다예)
7.[6] 함수
함수는 어떤 일의 단위입니다. 또한 자주쓰는 내용들을 묶어서 함수로 만들어두면 필요할때 언제든 불러다 쓸 수 있습니다. 매개변수: 함수에 전달해야되는 내용이 있을때, 이 함수가 실행될때 알아야되는 내용이 있을 때 매개변수를 통해 전달한다 return: 반환값, 함수
8.[7] Dom, Element selector, Math
document는 DOM트리의 최상위 객체이다DOM(Document Object Model)이라 하면 자바스크립트 입장에서 그저 일종의 문자열일 뿐인 HTML을 자바스크립트가 이해할수있게 객체의 형태로 바꿔둔것이다.(Document를 HTML이라고 이해하면 편하다).
9.[8] ES6 최신 문법
변수객체 초기화 방법객체, Destructuring배열, Destructuring객체, Rest destructuring배열, Rest destructuringSpread화살표 함수7-1. 일반함수와 화살표함수 차이점
10.[9] 배열 함수
자주 사용하는 배열 함수 리스트forEach : 반환값이 없다, 단순 for문과 같이 작동한다.map : 반환값을 배열에 담아 반환한다.filter: 조건에 충족하는(true) 아이템만 배열에 담아 반환한다.some: 조건에 충족하는 아이템이 하나라도 있으면 true
11.JavaScript 동작 원리
자바스크립트코드가 실행되면 스택 프레임이 쌓이는 장소스택에 새로운 프레임이 들어오고 실행이 완료되면 나간다.드럼통 처럼 생겨서 First In Last Out구조의 자료형이다즉 처음에 들어간게 제일 마지막에 나간다 (그림참조)예제: 다음 코드가 stack에 어떻게 들어
12.API 부르기
API부르는 방식이 주로ajax, axios, fetch가 있음. 이중에 fetch가 제일 간단함. (기회가대면 react강의에서는 axios를 다루는 법을 해볼게요!)자바스크립트에서 비동기 동작을 다루는 하나의 패턴이다예전에는 promise 대신에 콜백함수를 이용해서
13.try catch
이번시간에는 개발자라면 꼭 신경써야하는 디테일! 에러 핸들링🚫에 대해서 배워봤습니다. 개발자라면 미리리 에러가 나올만한 상황을 예측을 하여 에러핸들링을 적절하게 해주셔야 서비스를 사용하는 유저가 당황하지 않겠죠?try문 안에 있는 코드를 실행하다가 에러가나면catch