본문 바로가기
Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

배열

 (3)
[JavaScript] 구조분해할당 (destructuring assignment) 목차 1. 구조분해할당 2. 배열의 구조분해할당 3. 객체의 구조분해할당 '구조분해할당'에 대해서 알아보자! 구조분해할당 의미 - 구조(배열이나 객체)를 분해해서 각각 변수에 할당한다. - 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법이다. 사용하는 경우 - 함수에 객체나 배열을 전달해야하는 경우 - 객체나 배열에 저장된 데이터 일부만 전달해야하는 경우 사용하는 이유 - 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우에 유용하다. - 인덱스를 이용해 배열에 접근하지 않고도 변수로 접근 가능해진다. 배열의 구조분해할당 예시 let arr = ["Haein", "Hwang"] // 이름과 성을 요소로 가진 배열 let [firstName, surName] = arr; // 구조분해할당 ..
[JavaScript] map, reduce 배열 메서드 목차 1. map 메서드 - 개요 - 문법 - 자세한 설명 - 예제 2. reduce 메서드 - 개요 - 문법 - 예제 3. map을 reduce로 바꿔보기 React를 배울 때 많이 쓰일 메서드인 map, reduce 메서드를 알아보자! Array.prototype.map() map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. - 배열 각각의 element들을 다 바꾸고 새로운 array를 가지고 싶을때 - map은 매개변수 안에 함수를 넣을 수 있도록 해줌 - 이 함수는 배열의 모든 item에 대해 실행됨 - 이 함수에서 무엇을 return하든간에 그 return한 값이 새로운 array에 들어가 있게 됨 - 즉, map은 하나의 배열에 ..
[JavaScript] 배열(Array), 배열의 메서드 총정리 목차 1. 배열 선언 2. 인덱스 3. 배열 요소의 자료형 4. length 5. 배열의 메서드 - pop, push, shift, unshift - splice, slice - concat - indexOf, lastIndexOf, includes - find, findIndex - filter - map - sort - reverse - split, join 배열은 순서가 있는 컬렉션을 저장할 때 쓰이는 자료 구조이다. 배열 선언 빈 배열을 만드는 방법에는 2가지가 있다. let arr = new Array(); 위 방법은 여러 실수를 유발할 수 있는 단점이 있기 때문에 잘 사용이 안된다. let arr = []; 대부분 이 방법으로 배열을 선언한다. 인덱스 - 배열의 순서를 나타낸다. - 0부터 시..

티스토리툴바