자바스크립트
1.공부 목적
자바스크립트의 문서를 처음부터 끝까지 공부하고 글을 쓰려고 한다.
2.[JAVASCRIPT] 변수
자바스크립트 변수 종류
3.[JAVASCRIPT] 루프와 반복문
반복문은 반복적으로 실행해야하는 코드가 있을 때 사용한다.처음에 for in문과 for of문을 접했을 때는 생긴게 비슷해서 누가 어떤때 쓰는 거였지..하고 헷갈렸었다. 지금은 헷갈리진 않지만 한번 정리하고 가면 좋을 것 같아서 다른 반복문들과 정리해보았다.while
4.[JAVASCRIPT] 비교연산자
비교연산자자바스크립트의 데이터를 서로 비교해주는 연산자비교연산자에는 두가지의 연산자가 있다.느슨한 비교연산자데이터 값만 비교, 타입은 비교하지 않음1 == '1'// true❗️ 문자열 1 과 숫자 1은 다르다실무에서 문자열 1과 숫자 1은 엄격히 구분되어야 한다.근데
5.[JAVASCRIPT] 조건문
조건문을 사용하면 특정 조건이 만족됐을 때 특정 코드를 실행할 수 있습니다.if 문가장 기본적인 조건문은 if 문입니다.if문은, "\~~하다면 \~~를 해라" 를 의미합니다.예시 코드를 한번 봅시다.결과는, "a + 1 이 2 입니다." 이 출력됩니다.하지만, 만약에
6.[JAVASCRIPT] 스코프(Scope)란?
자바스크립트를 공부할 때 스코프(Scope)란 단어를 많이 접할 수 있는데요. 이 스코프란 무엇인지에 대해 알아보겠습니다.Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다. 즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’라고 할 수 있는데요.자
7.[JAVASCRIPT] 객체와 배열 개념과 차이
Object(객체)정의자바스크립트에서 원시 타입을 제외한 모든 데이터 타입은 객체이다. 객체는 여러가지 값 혹은 함수도 가능하다.객체가 보유한 값을 "프로퍼티"라고 하며, 객체가 보유한 함수는 "메서드"라고 한다. key, value 구조의 자료구조이다. 객체의 프로퍼
8.[JAVASCRIPT] 비동기 처리 왜 하는걸까?
호출 함수에 항상 붙는 async/await 키워드는 어떻게 비동기 처리를 하는 것인지에 대한 궁금증이 생겼다.
9.[JavaScript] Dom 객체와 이벤트 처리
문서의 구조화된 표현을 제공한다. HTML 문서를 구조화하여 각 요소를 객체 취급하며, DOM의 구조 문서를 논리 트리로 표현된다.
10.[JavaScript] 클로저(Closure)란?
클로저는 함수와 함수가 선언된 어휘적 환경(Lexical Environment)의 조합입니다. 즉, 함수 안에 함수를 선언한 환경에서의 관계를 의미합니다.
11.프레임워크(React, Vue, Angular)
프론트엔드 프레임워크의 대해 알아보자!React, Angular, Vue는 현재 가장 인기 있는 JavaScript 프론트엔드 프레임워크 및 라이브러리입니다.
12.[JavaScript] 화살표 함수란?
ES6(ES2015)에서 도입된 자바스크립트 화살표 함수(Arrow function expressions)란 무엇이며, 화살표 함수의 사용법, 화살표 함수와 일반 함수의 차이점, 화살표 함수를 쓰는 이유 등에 대해 설명합니다.
13.[JavaScript] Set과 Map의 대해 알아보자!
Set은 값의 집합으로, 중복된 값을 허용하지 않습니다. 이러한 특성으로 인해 Set은 고유한 값을 저장하기 위해 자주 사용됩니다. Set은 순서를 유지하며, 인덱스나 키로 요소에 접근할 수 없습니다.Set의 주요 메서드는 다음과 같습니다.new Set(iterable
14.[JavaScript] 정규표현식을 치환 해보자!(replace, replaceAll)
replace() 함수를 이용하여 문자열의 특정 문자열을 다른 문자열로 변환할 수 있다.먼저 검색되는 1개의 문자열만 변환하지만, 정규 표현식을 이용하여 일치하는 모든 문자열을 변환할 수 있다.정규표현식 이란?문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를
15.[JavaScript] 엄격 모드
ECMAScript5 부터 도입된 기능으로 기존에 무시되는 에러들로 인하여 에러를 발생시키게 한다. 파일 전체에 적용시킬 수도 있고 함수 스코프에 적용시킬 수 있지만 블록 스코프는 불가능하다.이를 통해서 실수를 잡아낼 수 있고 안전한지 않은 것들을 예방할 수 있다.
16.[JavaScript] JSON과 메서드
JavaScript Object Notation (JSON)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷입니다. 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용합니다.
17.[JavaScript] try cath문 에러와 핸들링
보통의 스크립트에서 에러가 발생하면 스크립트가 즉시 중단되고, 콘솔에 에러가 출력됩니다. 하지만 try-catch문은 프로그래밍에서 예외(에러)를 처리하는 데 사용되는 구문입니다.
18.[JavaScript] 클린 코드, 닌자 코드
클린 코드란, 코드를 작성할 때 가독성있고 재사용 가능하여 유지 보수성을 높히는 코드를 말합니다.다음은 "클린한" JS 코드는 어떤 것일까요?
19.[JavaScript] iterable 객체
반복 가능한(iterable, 이터러블) 객체는 배열을 일반화한 객체입니다. 이터러블 이라는 개념을 사용하면 어떤 객체에든 for..of 반복문을 적용할 수 있습니다.
20.[JavaScript] 프로토타입
프로토타입은 제품, 서비스의 초기버전 또는 시제품을 말한다. 프로토타입은 여러 형태와 수준을 가질 수 있는데, 간단한 종이모형부터 소프트웨어 시뮬레이션, 인터랙티브 웹 프로토타입까지 다양한 형태로 개발될 수 있다.