목록자바스크립트 (4)

KARIU의 IT 블로그

웹 개발자를 위한 자바스크립트의 모든 것 - 자바스크립트 스킬을 올리고 싶은 분들께 추천하는 책

자바스크립트 공부를 하기 위해 여러 서적을 읽어보았습니다. 이번에는 자바스크립트에 대해 자세하고 깊게 작성된 "웹 개발을 위한 자바스크립트의 모든 것"이라는 책을 읽고 후기를 작성합니다. ​ 이 책은 "T.J 크라우더"라는 저자가 작성한 책으로 원제는 "JavaScript: The new toys"입니다. T.J. 크라우더는 스택 오버플로의 상위 10위 기여자 중 한 명이자 자바스크립트 태그의 상위 기여자입니다. 스택 오버플로는 프로그래밍을 하는 사람이라면 모두 다 아는 사이트로 모르는 에러가 뜨면 이 사이트를 통해 대부분의 문제를 해결할 수 있습니다. 이 사이트의 상위 기여자라는 설명을 보고 해당 책에 대한 신뢰가 더 쌓였습니다. ​ https://thenewtoys.dev/# 해당 책의 웹사이트입니다..
책 리뷰 2022. 11. 27. 18:44
[JavaScript] ES6 - 디스트럭처링(Destructuring)

디스트럭처링(Destrucuring) 이란? 배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 문법이다. 객체 디스트럭처링, 배열 디스트럭처링, 함수 디스트럭처링 등이 존재한다. 객체 디스트럭처링(Object Destructuring) 객체 디스트럭처링을 이용하면 객체가 가진 속성에 접근함과 동시에 해당 속성 이름으로 변수 선언이 가능하다. 예시 코드) const person = { name : "Kariu", nickname : "Ray", links : { blog : { tistory : "https://kariu.tistory.com", naver : "https://blog.naver.com/kari_578", }, email : "kariu@email.com", }, in..
프로그래밍 언어/JavaScript 2022. 3. 6. 18:20
[JavaScript] ES6 - 화살표 함수(arrow function) 개념 정리

ES6이 도입되기 전 까지 자바스크립트에서 함수를 선언할 때, 아래와 같은 방식을 사용하였습니다. function greeting(name) { return `Hello! ${name}` } console.log(greeting("Kariu"); 다른 프로그래밍 언어에서 함수를 선언할 때 위와 같은 방식을 많이 사용합니다. 이러한 방식은 매우 친숙하죠. 하지만 ES6 등장 이후로 자바스크립트에는 새로운 함수 선언 방식이 등장하였습니다. 화살표 함수(Arrow function)란? ES5에서 일반적으로 쓰인 전통적인 함수(위의 코드 참조)를 간편하게 표현할 수 있는 함수입니다. 위의 코드를 화살표 함수로 바꾸면 아래와 같습니다. const greeting = (name) => return `Hello! $..
프로그래밍 언어/JavaScript 2022. 3. 1. 23:29
[JavaScript] 배열 - .find() .filter() .forEach() .map() 개념 정리

Array.find() 제공된 테스트 함수를 충족하는 배열의 첫 번째 원소를 반환한다. 충족하는 원소가 없으면 undefined를 반환한다. 예시) const emails = ["kariu@naver.com", "ray@gmail.com", "kk@gmail.com", "greentea@hanmail.net"]; const foundMail = emails.find(item => item.includes("@gmail.com")); console.log(foundMail); 결과) ray@gmail.com emails 배열에는 여러 이메일 주소들이 저장되어 있다. 이중에서 gmail인 이메일을 찾고 싶어서 .find()를 사용하였다. 하지만 emails 배열 안에는 "ray@gmail.com", "kk@..
프로그래밍 언어/JavaScript 2022. 2. 21. 13:43
Prev 1 Next