slice Question |mystring|overwritestring|s|result| |:---:|:---:|:---:|:---:| |"He11oWor1d"|"lloWorl"|2|"HelloWorld"| ||||

The method returns a DOMRect object providing information about the size of an element and its position relative to the viewport.Element.getBoundingCl

repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다. toUpperCase(): 이 메서드는 문자열의 모든 문자를 대문자로 변환한다.toLowerCase(): 이 메서드는 문자열의 모든 문자를 소문자로 변환한다.join() 메서드는

SEO favicon seo OG

css 적용순서 0순위. important (현업에서 사용하지 않음. 디버깅 할 때는 유용하지만 실제 코드 작성시에는 쓰면 안된다.) 1순위. 태그 안의 인라인으로 설정한 스타일 2순위. id 선택자 3순위. class 선택자 4순위. 선택자 5순위. 기본 브라우저 스

Git: 버전 관리 시스템 버전별로 관리하면 내가 어떻게 개발을 해왔는지 히스토리 파악 가능하다. Github: 버전을 서버에 올릴 수 있음 프로젝트 코드를 인터넷에 저장해두어 내 컴퓨터에서 문제가 생겨도 프로젝트는 안전하게 보관되어 있다. 필수용어 working

float 이미지와 텍스트를 어떻게 배치할 것인지 정의하기 위해 나온 것이다. float: left 이미지가 왼쪽에 배치되고 텍스트가 이미지를 감싸면서 배치되는 것. float: center 이미지가 가운데에 배치되고 텍스트가 이미지를 감싸면서 배치되는 것. float

기본적으로 block 레벨이라서 한 줄에 한 개씩 나온다.안에 내용이 있어야 표기된다. inline 레벨이라 한 줄에 여러 개가 나올 수 있는만큼 나온다. display 속성값을 block, inline-block, inline 등으로 바꿔줄 수 있다. inlinein

배열의 요소를 하나씩 살펴보면서 반복 작업을 하는 메소드이다. forEach 메소드는 첫 번째 아규먼트로 콜백 함수를 전달받는데, 콜백 함수의 파라미터에는 각각 배열의 요소, index, 메소드를 호출한 배열이 전달된다. (index 와 array는 생략 가능)forE

이전의 메소드들과 문법이 조금 다르다. 두 번째 요소는 배열의 요소세 번째 요소는 요소의 인덱스네 번째 요소는 메소드를 호출한 배열이 전달된다.첫 번째 파라미터는 영어로 Accumulator라고 하고 한국어로는 누산기라고 표현한다. 줄여서 acc라고도 한다. 이 파라미

some method 조건을 만족하는 요소가 1개 이상 있는지 every method 모든 요소가 조건을 만족하는지

filter & find 이 두 메소드도 forEach와 map 메소드처럼 배열에 요소들을 하나씩 살펴보면서 반복적인 동작을 하는 메소드이다. filter filter라는 메소드를 사용하면 우리가 원하는 조건에 맞는 요소들만 추려내서 새로운 배열을 만들 수 있다.

배열에는 for...of 문처럼 각 요소를 하나씩 살펴보면서 반복적인 동작을 할 수 있는 forEach와 map이라는 배열 만의 메소드가 있다. 메소드를 호출할 때 아규먼트로 콜백 함수를 작성해 주게 되면 콜백 함수의 첫 번째 파라미터로 배열의 요소를 순서대로 하나씩

조건부 연산자 (Conditional operator) 삼항 연산자 (Ternary operator)라고도 불리는 이 연산자는 자바스크립트에서 세 개의 피연산자를 가지는 유일한 연산자이다. if문과 같은 원리로 조건에 따라 값을 결정할 때 활용되는데, 간단한 조건식

에러 자바스크립트로 조금 더 안정적인 프로그램을 만들기 위해서는 에러를 다루는 방법을 알아두는 것이 중요하다. 자바스크립트는 코드가 실행되는 도중에 에러가 발생하면 자동으로 그 에러에 대한 정보가 담긴 에러 객체를 생성한다. 에러 메시지는 크게 에러 객체의 이름과 조

가장 간단한 상황은 함수가 리턴하는 값이 배열일 때 그 리턴값을 활용하는 것이다. 그러면 배열의 요소들이 하나씩 순서대로 전달된다.때로는 이렇게 Rest Parameter로 Destructuring 문법을 활용할 수도 있다. 그런데 조금만 더 응용하면 파라미터 부분에서

구조 분해 (Destructuring) 배열과 객체는 여러 개의 값을 다룰 때 유용하게 활용된다. 인덱스로 여러 값에 순서가 있는 배열과 프로퍼티 네임으로 여러 값에 이름이 붙는 객체의 구조가 서로 다르기 때문에 Destructuring 문법도 배열과 객체에 각각 적

스크립트를 실행하는 환경이 브라우저인 경우라고 가정하고, JavaScript 코드를 실행하려는 모든 환경에 내장된 중요한 한 가지가 있는데 바로 JavaScript 엔진이다. Chrome과 같은 브라우저 내에 내장되어 있는데 Chrome에서는 V8, Firefox

문장과 표현식 우리가 작성하는 모든 자바스크립트 코드는 모두 문장과 표현식으로 구성되어 있다. 문장 (statements) 자바스크립트에서 문장은 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리를 가리킨다. 이 코드의 첫 번째 줄도 x라는 변수를 선언하는 동작이

객체의 프로퍼티를 좀 더 간결하게 작성하는 방법이렇게 우리가 활용할 변수의 이름과 프로퍼티 네임이 똑같다면 이렇게 하나만 작성하는 표현이 가능하다.변수뿐만 아니라 함수를 메소드로 만들 때도 축약형 표기가 가능하다.프로퍼티 네임과 벨류로 사용할 변수나 함수의 이름이 같다