자바스크립트
-
배열 method 정리JS(javascript) 2024. 2. 20. 21:45
평소에 배열 관련 메소드로 map, filter, ...(rest) 정도만 활용했던 거 같아 환기시킬 겸 다시 정리해본다. 이로 인해 더욱 깔끔한 코드를 작성할 수 있게 되기를... reduce: 배열의 각 요소에 오른쪽으로 나아가며 리듀서 함수를 수행하고 하나의 결과값으로 반환한다. reduceRight: 배열의 각 요소에 대해 오른쪽에서 왼쪽으로 나아가며 리듀서 함수를 수행하고 하나의 결과값으로 반환한다. forEach: undefined를 반환한다. find: 조건을 만족하는 첫 번째 아이템 반환(조건에 만족하는 아이템이 없다면 undefined 반환) every, some: 전부(하나라도) 만족하면 true findIndex: 조건을 만족하는 첫번째 요소의 인덱스를 반환(없으면 -1 반환) ind..
-
콜백 함수란?JS(javascript) 2020. 12. 18. 11:44
*혼자 내용 정리를 위해 작성하는 글이라 정확하지 않은 정보가 포함되어 있을 수 있습니다. function getData() { $.get('https://domain.com/products/1', function(response) { console.log(response); }); console.log("hello!"); } getData(); 위의 코드를 실행했을 때 "hello"가 먼저 출력되고 ajax 통신으로부터 얻은 response가 이후에 출력될 것이다. 코드 순서로만 보면 "hello"가 나중에 출력돼야하지만 먼저 출력되는 이유는 javascript가 코드를 비동기 식으로 처리하기 때문이며 ajax 통신에는 delay가 존재하기 때문이다. 그런데 이미 "hello"가 출력되는 시점에서 "$..
-
2020.12.04(금) 개발 일지개발 일지 2020. 12. 5. 03:11
공부 시간: 09:00 ~ 13:00, 14:00~17:25, 23:30~03:00 1. 노마드코더 코코아 클론코딩 챌린지 day5 퀴즈 풀기 결과: 12/12 내용정리해서 깃허브에 푸시 2. 노마드코더의 'ReactJS로 영화 웹 서비스 만들기' 완강 및 2회차 완료 yts api를 활용하여 영화정보를 보여주는 static page 만듦 'westone034626.github.io/movie_app'에 배포함 (1920*1080 스크린 환경에 최적화) 복습을 위해 2회차 3. 비동기처리에 대한 공부 자바스크립트의 비동기 처리란: 특정 함수를 호출했는데 만약 딜레이가 존재하는 함수였다면? 그 함수가 끝날 때까지 기다리는게 아니라 다음 함수를 이어서 호출하는 특성. 문제점: 네트워크를 통해 얻을 수 있는 ..
-
2020.12.01(화) 개발 일지개발 일지 2020. 12. 2. 01:26
09:00~12:00 블랙커피 스터디 미션1 수행 윤지수 강사님의 모던 자바스크립트 개발을 위한 ES6 강좌 일부 수강 for of arguments, Array.from Destructring Array, Object Array function, this context template처리, Tagged template literals 유인동 강사님의 함수형 프로그래밍과 JavaScript ES6+ 일부 수강 map함수 HTML로 출력하기 구현했던 미션코드 수정 13:10~16:00 블랙커피 스터디 미션1 수행 기본 요구사항의 마지막 완료 마지막으로 pull request해서 다른 팀원들에게 리뷰를 받고 승인 받아야 미션이 끝난다. 상태관리를 하지 않고 기능 구현에만 초점 맞춰서 진행했는데 다른 사람들은..