프로그래머스 웹 프로그래밍 - 프론트엔드 5기

프로그래머스 데브코스에서 학습한 내용 정리 / 업로드

JavaScript 학습 저장소

---

client/chapter/core/ 주제별 정리

• JS 기본 구조

1. codeStructure : 웹 브라우저가 가지고 있는 기본 함수 알아보기 & JS 코드의 기본 구조

• 변수 (variables)

1. variables : 변수(let)와 상수(const), 변수 이름 짓기
2. legacyVar : var (legacy) 로 선언한 변수의 특징

• 전역 객체 (globalThis)

1. strictMode : 엄격 모드(strict mode)와 this(window / global)
2. globalThis : 전역 객체(globalThis)
3. dataType : 일반 / 화살표 / 간결 함수에서의 this

• 자료형 (data types)

1. dataType : 자료형, typeof 연산자
   • null, undefined, string, number, bigInt, boolean, object, symbol
2. typeConversion : 암시적 형 변환과 명시적 형 변환

• 연산자 (operators)

1. operation (1) : 단항 연산자, 이항 연산자, 삼항 연산자, 연산자 우선순위
2. operation (2) : 비교 연산자
3. condition (2) : 논리 연산자 (OR, AND, NOT) 및 논리합/곱 할당 연산
4. condition (4) : Nullish 병합 연산자 ('??')

• 조건문 (conditions)

1. condition (1) : if / else 문과 조건부 연산자 ('?')
2. condition (2) : 단락 평가를 이용한 조건 처리 ('||', '&&')
3. condition (3) : switch case 문
4. condition (4) : Nullish 병합 연산자 ('??') 를 이용한 조건 처리

• 반복문 (loop)

1. loop (1) : 기본 while 반복문 (순방향 / 역방향)
2. loop (2) : do...while 반복문 (순방향 / 역방향)
3. loop (3) : for 반복문 (continue / break)
4. loop (4) : for...in 반복문 / hasOwnProperty & hasOwn
5. loop (5) : for...of 반복문 / enumerable 개념

• 함수 (functions)

1. dataType.js : 함수의 기본 개념 및 매개변수, 일반 / 화살표 / 간결 함수 선언법
2. function (1) : 함수 선언, default value 설정, 매개변수 및 콜백 함수
3. function (2) : 함수 표현식, 집합 데이터 활용

• 배열 (Array)

1. function (2) : 배열 매서드 forEach / reduce / map & 유사배열을 배열로 변환하기 (call / proto)

• Document Object Model (DOM)

1. loop (2) : querySelector 와 nextSibling / nextElementSibling