Array.map() 메서드 map() 어떤 배열에 있는 모든 요소의 값을 변경해 만든 새로운 배열을 써야 할 때 루프를 사용해서 수동으로 처리할 수 있으나, 기본 제공 메서드인 Array.map()을 사용할 수 있다. 이 메서드는 콜백 함수를 이용해 각각 요소에 호
Array.map() 어떤 배열에 있는 모든 요소의 값을 변경해 만든 새로운 배열을 써야 할 때 루프를 사용해서 수동으로 처리할 수 있으나, 기본 제공 메서드인 Array.map()을 사용할 수 있다. 이 메서드는 콜백 함수를 이용해 각각 요소에 호출해서 그 값을 변환
위 코드가 에러가 나오는 이유는 호이스팅될 때 초기화 되지 않기 때문이다.
객체 변수 혹은 상수 사용 시 한 이름에 여러 종류의 값을 넣을 수 있다. 객체 선언 함수 파라미터로 사용 시 객체 비구조화 할당 객체들을 파라미터 단계에서 비구조화 할당도 가능하다. 객체 안 함수 * 객체안 함수는 화살표 함수로 선언 시 this가 자신을 확실히 가르키지 않아 작동에 하자가 있다.
자바스크립트에서 사용하는 함수중 자주 등장하는 친구중 하나는 함수인데,보통 function 이름 () {}이렇게 사용하나, 우리가 이 함수안 파라미터 자리에 함수를 집어 넣을때 사용하는 것을 콜백함수라고 한다.예를 들어서 위 코드처럼 사용할 때가 있는데, 이는 자바스크
js에서 this키워드는 다양한 의미를 가지는데환경에 따라서 정리해보자아무 html파일에서 <script>태그 써서 this콘솔에 출력하면 window {} 이런 식으로 나온다.함수내에서도 마찬가지로 나오는데이 window는 모든 전역함수, 함수, DOM을 보관
js ES6부터 추가된 함수를 만드는 문법인 arrow function을 알아보장보통 함수를 만들 때는 이렇게 사용한다.화살표함수로 사용하면?function이라고 쓰는거 귀찮은데 잘됐다.함수를 사용하는 이유는여러가지 기능을 하는 코드를 하나로 묶고 재사용할 때,입출력
js의 자료형은 Primitive, Reference 크게 두개로 분류한다.자료 자체가 변수에 저장되는 자료들문자, 숫자 자료형들이 대표적인 친구들이다.이렇게 문자나 숫자 자료형은 변수에 직접 저장된다.얘가 좀 이상한데Array, Object자료형은 이친구에 속한다.r
js에서 object를 여러개 만들어야할 때 사용하는 문법인데,뭐 이런식으로 수도없이 만들어야한다고 할 땐 비슷해서 막 복사하면 reference가 저장되니까 안되고,그럴때 사용하는 문법이다.이렇게 하면 저 f함수안에 들어있는 name과 age가 그대로 여러개가 만들어
getter, setter는 object내의 함수들을 괄호없이 쓸 수 있게 만들어주는 키워드인데,데이터의 무결성을 보존하기 위해 쓰는 키워드 이다.원본데이터는 immutable해야한다는데,데이터를 수정, 출력 시 직접 원본 데이터를 만지는게 아닌 함수로 간접적으로 다뤄
Array, Object자료형에 있는 중요 자료를 변수로 꺼낼때여러 자료를 뽑아 변수로 만드려면 코드가 길어지게 된다.그럴때 destructuring쓰면됨보통 이런식으로 꺼내쓰게 되는ㄴ데이렇게 해도 됨그럼 변수 a, b, c에 각각 들어간다.이렇게하면 값이 안들어오는
동기식처리란 한번에 코드를 한줄 씩 차례차례실행한다는 뜻인데,js를 실행하는 웹브라우저는 stack 코드실행 공간이 있다.거기서 코드를 한줄씩 차례대로 실행한다.특정코드를 1초뒤에 실행하고싶을 때setTimeout(function() {}, 1000)이런거 쓰면된다.이
팀원 소개를 하는 미니프로젝트를 하면서 문의를 받는 contact페이지를 만드는 만드는 도중, 이메일보내는 기능을 추가하는 작업을 하려고 하다가..js로 이메일을 보내는 방식중에 emailJS라는걸 찾았다.http://www.emailjs.comemailJS는
2015년 js문법에 큰 변화가있었는데, 그때 나온 문법이 ES6이다.구형 브라우저에서는 호환이 안되는데, babel같은거로 문법 변환해주면 문제 없이 사용할 수 있다.js를 배울때 var부터 배우는데 const, let만 사용하자.스코프var는 함수나 if문같은 블록
frontend에서 사용되는 기능인데 보통 HTML에서 script안에 작정하는 부분인 AJAX로 FormData를 보내는 과정을 할아보자. AJAX ajax(Asynchronous Javascript And XML)는 비동기 웹 서비스 개발 시 사용하는 기법 중 하
영화 검색 사이트를 만드는 작은 프로젝트를 구현하며, 회원가입 로그인은 localStorage, sessionStorage를 이용하고, 영화 리뷰댓글 기능을 firebase를 사용하려한다.바닐라 js에서 별도로 npm이런거 안쓰고 바로 html파일에 저거 넣으면 쉽게