JavaScript
1.[JS] <script> 태그의 위치
바닐라JS를 다시 공부하다가 문득 <script>태그의 위치에 대해 의문점이 생겼다.이전에 프로젝트를 할 때 당연하게 <body>태그의 맨 밑에 선언했는데 학원에서 배울 때는 또 <head>에 선언했다.그때는 의문점이 없었는데 지금 공부하다보니 갑자기
2.[JS] console.log()와 console.dir()
console.log와 console.dir은 둘 다 브라우저 개발자 도구에서 디버깅 목적으로 사용되지만 출력되는 형식은 다르다.
3.[JS] == 와 === 의 차이점
대부분의 언어들이 == 연산자를 사용하는 것과 달리 자바스크립트는 ==연산자와 === 연산자 2개가 존재한다.JavsScript에서 ===와 ==는 비교 연산자로, 두 값이 같은지를 비교한다.그러나 동작 방식에 중요한 차이가 있다.첫번째 비교는 true가 정수 타입의
4.[JS] JSON.stringify()란?
JSON은 일반적으로 웹 서버와 데이터를 교환하는데 사용된다.웹 서버로 데이터를 보낼 때, JavaScript 객체, 배열등은 서버와 교환할 수 없기 때문에 데이터는 문자열이어야 한다.그래서 이를 문자열로 변환하는 직렬화(Serialization)가 필요하다.JSON.
5.[JS] Vanila JavaScript로 TODO List 만들기
바닐라JS를 공부하면서 작은 프로젝트를 하나 개발해보려고 한다.역시 가장 무난한건 TODO 리스트일 것이다.
6.[JS] 객체 리터럴이란?
객체와 객체 리터럴은 밀접하게 관련된 개념이지만 같은 말은 아니다.객체는 키-값 쌍으로 이루어진 데이터 구조이다.객체는 자바스크립트에서 데이터를 저장하고, 조작하며, 상호작용하는 데 사용되는 기본적인 자료형이다.객체는 속성(property)과 메서드(method)를 가
7.[JS] Date() 정리
자바스크립트에서 Date 객체를 사용해서 시간과 날짜 정보를 얻어올 수 있다. Date객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담는다. > 자바스크립트에서 월(month)을 나타낼 때는 1월이 0으로 표현되고
8.[JS] 자바스크립트의 프로토타입
C++과 Java는 클래스를 이용해서 객체를 생성하는 클래스 기반 객체 지향 언어이다.반면, JavaScript는 클래스가 아닌 프로토타입을 상속하는 프로토타입 기반 객체지향 언어이다.프로토 타입은 디자인 패턴이다.프로토타입은 객체를 효율적으로 생성하는 방법을 다루는
9.[JS] localStorage와 sessionStorage의 차이
localStorage를 사용하여 배열 데이터를 저장하는 작업 중인데, sessionStorage와의 차이점도 함께 정리하면 좋을 것 같아서 정리해두려고 한다.localStorage와 sessionStorage는 웹 브라우저에서 데이터를 클라이언트에 저장하지만 저장되는
10.[JS] 화살표 함수 구문
위와 같이 함수를 모듈화해서 default로 내보낼 수 있다.하지만 함수에 매개변수가 없는 경우에는 괄호를 생략해서는 안된다.함수가 둘 이상의 매개변수를 받는 경우에도 괄호를 생략해서는 안된다.() => {...};
11.XHR(XMLHttpRequest)이란?
브라우저는 주소창이나 HTML의 form 태그 또는 a태그를 통해 HTTP 요청 전송 기능을 기본 제공한다. 자바스크립트를 사용하여 HTTP요청을 전송하려면 XMLHttpRequest 객체를 사용 한다.XHR(;XmlHttpRequest)는 Ajax 같이 페이지를 리프
12.[JS] JavaScript의 비동기처리(EventLoop, Callback, Promise, async/await)
💡 자바스크립트의 동기와 비동기 자바스크립트는 싱글 스레드 언어이므로 한 번에 하나의 작업만 수행할 수 있다. 즉, 이전 작업이 완료되어야 다음 작업을 수행할 수 있다. 동기(Synchronous) 각 함수와 코드들이 위에서 아래로 차례로 동작하는 방식이라고 할
13.[JS] Polyfill이란? Polyfill 개념
기본적으로 지원하지 않는 이전 브라우저에서 최신 기능을 제공하는데 필요한 코드JavaScript는 끊임없이 발전되어왔기 때문에 명세도 계속 변화했다.이 과정에서 모든 브라우저는 발전된 스크립트 문법을 제공하지 않을 수 있기 때문에 브라우저 호환성 문제를 해결하기 위해