자바스크립트

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다.자바스크립트 언어는 자바나 C++ 등의 프로그래밍 언어와 달리 컴파일 과정 없이 프로그램 작성 즉시 브라우저에 결과를 시각적으로 표현할 수 있다. 웹페이지는 콘텐츠를 브라우저에 표현하고 사용자와의

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다.자바스크립트에서 변수는 var, const, let의 키워드를 이용하여 정의하거나 키워드 없이 정의할 수 있다.const와 let은 ES6에서 새롭게 추가된 것이다. 추가되면서 스코프의 구분이 조정

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다.웹페이지 내의 특정 요소를 선택할 때 사용하는 형식으로 하나의 요소만을 가리키는 것과 여러 개의 요소를 한꺼번에 가리키는 방식이 있다.웹 문서가 브라우저에 로드되면, 문서 객체 형식이 되어 각 H

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다.DOM(Document Object Model)은 HTML이나 XML 형태를 쉽게 접근하기 위해 만든 모델이다. 각 요소에 쉽게 접근할 수 있어 조회/추가/변경/삭제를 도와준다. HTML 문서의

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다. 배열의 연산 자바스크립트에서 자주 사용되는 배열의 메서드와 연산방법에 대해 정리하였다. 1. push(), pop() push() - 배열의 마지막에 원소 추가 pop() - 마지막 원소 제거

해당 포스팅은 GOAT 자바스크립트 책으로 공부한 내용을 정리한 것이다.Ajax(Asynchonous Javascript And XML(데이터))란 웹 페이지의 일부 또는 전체 영역을 갱신할 수 있도록 해주는 방법이다.Ajax는 브라우저에 탑재된 XMLHttpReque

객체 자료형을 선언하고 forEach를 사용해서 구하기countx=(countx || 0)+1)을 풀어쓰면 다음과 같다.여기서 객체를 정렬하려면, 먼저 객체를 배열 형태로 변환해야 한다.Object.values(count) 또는 Object.entries(count)를

map.set(x, (map.get(x)||0)+1) <- 괄호에 주의하자{} 사용법도 똑같이 key-value 쌍을 저장해주는 것이다. 어쩌면 더 간편할지도?

자바스크립트에서 replace() 함수를 통해 문자열을 치환해줄 수 있다.하지만 문자열에서 변경하려는 문자열이 여러개일 경우, 첫번째로 발견한 문자열만 치환해준다.예를 들어 'a', 'a', 'b'에서 replace('a', 'c')를 실행하면 'c', 'a', 'b'

행마다 길이가 증가할 수 있도록 만들어 준다 !const arr = Array.from({ length: n }, (\_, i) => Array(i + 1).fill(0));Array.from({ length: n } \- 이 부분은 크기가 n인 배열을 만들어서 각