자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)
Vložit
- čas přidán 27. 08. 2024
- 10가지 유용한 배열 관련 함수들에 대해서 배워보아요.
퀴즈 코드는 여기서 받아 보세요: drive.google.c... (↙ 자세한 내용)
___________________________
🔥2022 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의: academy.dream-...
아카데미에서 조금더 체계적으로 배워보세요 ✨
📒 강의 노트 & 자주 나오는 질문: github.com/dre...
💡 풀스택 개발 로드맵 ⇢ academy.dream-...
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
academy.dream-c...
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
• 프론트엔드 강의 - 프론트엔드 개발자 되...
📒 자바스크립트 기초 강의 영상 목록:
• 자바스크립트 기초 강의 (ES5+): 같...
💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
• 개발자라면 누구나 알고 있으면 좋은 지식 💡
💰 개발자 경력 관리 영상 목록:
• 승승장구 커리어 관리 🚀
📈 IT 트렌드
• IT 트렌드 📈
📷 개발자 브이로그
• 개발자 브이로그 📷
🤗 생산력 향상 팁
• Tech & Tools ❤️
.....................................................
#자바스크립트#프론트엔드#백엔드 - Věda a technologie
정성도 정성이지만, 수업 내용자체가 너무좋아서 감탄
🔥2022년 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의가 런칭 되었어요. 유튜브보다 체계적으로 꼼꼼하게 기본&고급 내용 전부 배워보고 싶으시다면 → academy.dream-coding.com/courses/javascript
📒 강의 노트 & 자주 나오는 질문: github.com/dream-ellie/learn-javascript
좋은 주말 보내고 계시죠~? 시드니는 이제 겨울로 접어 들었어요 ❄️ 갑자기 추워져서 감기로 조금 고생하다가 이제 괜찮아 졌어요 하하 퀴즈는 꼭 먼저 해보세요 ❤️ drive.google.com/file/d/1smYHFS5fbgdyGHjBmXx2P-IyY3VWJ9tm/view?usp=sharing
퀴즈 권한이 없어용 ㅠㅠ 엑세스 요청드렸습니다~!
@@endevor2675 권환설정 다시 해놨어요 하하 똑같은 링크로 다시 다운로드 받아 보시겠어요~?
@@dream-coding 감사합니다^^
아프셨구나ㅜ 괜찮아졌다니 다행이에요!😋 엘리쌤이 아프면 저희 모두가 다 아프니까 아프시면 안돼요!ㅎㅎ 항상 좋은 강의 감사합니다❤️❤️🙌🏻
우리밋님 어쩜 이렇게 말을 이쁘게 하세요~ 전 그래서 여성분이신줄....하하하 ❤️ 항상 힘이 뿜뿜 나는 코멘트 감사해요~ 🥰
1. .join 2:38
2. .split 5:42
3. .reverse 7:44
4. .slice 9:48
5. .find 12:48
6. .filter 18:32
7. .map 20:06
8. .some 24:08
9. .reduce 27:03
10. .sort 35:10
복습 응용만이 살길이다 유용한 영상 감사합니다.
시간이 지날수록 열심히 듣길 잘했다고 느껴지는 엘리님 강의✨
find: 검색된 결과 하나만 반환 (배열 아님)
filter: 검색된 결과 모두 반환
forEach: 단순 반복문 (반환값 없음)
map: 배열을 이용해서 새로운 원소들을 가진 배열을 만듦 (활용법 무궁무진)
배열안의 원소를 검사해서 boolean 반환
some: is there something?
every: is everything?
reduce: 누산기
sort: 정렬
같이 활용하기
[A,B,C]
.map()
.filter()
.join()
Q1 배열에서 문자열 만들기 (join) 2:05
join : 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.
(Parameter(구분자)를 꼭 전달하지 않아도 됨.)
예)
exam.join();
=> apple, banana, orange
exam.join(' and ');
=> apple and banna and orange
Q2 문자열로 배열 만들기 (split) 5:07
split : String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다.
(Parameter(구분자)를 전달하지 않으면 문자열 전체가 배열 한곳으로 들어가기 떄문에
반드시 구분자(,) 추가하기!)
Q3 주어진 배열의 순서룰 거꾸로 만들기 (reverse) 7:33
reverse : 배열의 순서를 반전합니다. 첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 됩니다.
(리턴값과 배열의 자체값 모두 똑같이 반전 되어져서 나옴)
예)
const array [1,2,3,4,5];
const result = array.reverse();
consolt.log(result); // 리턴값 [5,4,3,2,1]
consolt.log(array); // 배열값 [5,4,3,2,1]
Q4 주어진 배열에서 처음 두 요소를 제외한 새로운 배열 만들기 (slice) 8:33
(slice와 비교하기 위해 splice도 설명해주심.
splice (배열 자체를 수정함), slice (배열에서 원하는 부분만 return할때 사용)
splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
예)
const array = [1, 2, 3, 4, 5];
const result = array.splice(2, 4);
console.log(array); // [1, 2]
console.log(result); // [3, 4, 5]
slice : 어떤 배열의 begin부터 end까지(end 미포함)에 대한
얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.
예)
const array = [1, 2, 3, 4, 5];
const result = array.slice(2, 4);
console.log(array); // [1, 2, 3, 4, 5]
console.log(result); // [3, 4]
Q5 90점인 학생 찾기 (find) 12:21
find : 해당 하는 조건에 맞는 값을 찾으면 거기서 멈추고 그 값을 리턴 해줌.
그런 요소가 없다면 undefined를 반환합니다.
Q6 등록된 학생들을 배열로 만들어 봅시다. (filter) 18:06
filter : 해당 하는 조건에 맞는 값을 모두 찾아서 그 값을 리턴 해줌.
Q7 학생의 점수만 포함되는 배열 만들기 (map) 19:39
map : 지정된 콜백함수를 호출하여 각각의 요소들의 결과 값을
새로운 배열값에 반영 시킴
(그 결과 값에 사칙연산을 이용한 값도 반영 가능)
Q8 50점보다 작은 학생이 있는지 확인 (some, every) 23:27
some : 배열 안의 '어떤 요소(or)'라도 주어진 판별 함수를 통과하는지 테스트합니다.
(어떤 요소라도 통과하는 값이 있으면 true, 아니면 false)
every : 배열 안의 '모든 요소(and)'가 주어진 판별 함수를 통과하는지 테스트합니다.
(모든 요소가 통과하면 true, 아니면 false)
Q9 학생들의 평균 점수 계산 (reduce, reduceRight) 26:36
reduce : 배열에 있는 모든 요소 들의 값을 누적 혹은 함께 모아 놓기 위해 사용.
reduce(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;
previousValue : 리턴한 값이 다음에 호출 될때 연결 되어 지는 값? 즉 리턴했던 값들이 순차적으로 연결되어져서 전달 된다..
(실질적으로 누적으로 저장되는 원인 임)
currentValue : 배열 하나 하나 순차적으로 전달 됨.
reduceRight : reduce처럼 누적 하기위해 사용하나
currentValue 순서를 배열의 맨뒤에있는 값부터 전달하여 진행 함.
Q10 모든 점수를 포함하는 문자열 만들기 (map, join) 32:29
Bonus Q10을 오름차순으로 정렬 (sort) 34:40
class Student {
constructor(name, age, enrolled, score) {
this.name = name;
this.age = age;
this.enrolled = enrolled;
this.score = score;
}
}
const students = [
new Student('A', 29, true, 45),
new Student('B', 28, false, 80),
new Student('C', 30, true, 90),
new Student('D', 40, false, 66),
new Student('E', 18, true, 88),
];
const result = students.map((student) => student.score).sort((a, b) => a - b).join(); // 오름차순
const result2 = students.map((student) => student.score).sort((a, b) => b - a).join();// 내림차순
console.log(`오름차순 : ${result}`); // 45,66,80,88,90
console.log(`내림차순 : ${result2}`); // 90,88,80,66,45
모든 파트가 그렇지만 배열은 연습과 반복으로 이해하는게 최고인거 같아요 그냥 머리에서 생각나는 대로 콘솔에 쳐서 셀프 퀴즈를 만들곤 했는데 이렇게 퀴즈를 만들어주시니 뭔가 검증된 방법 같고 좋네요! 감사합니다 😊😊
처음에는 퀴즈도 다 못풀고 강의도 이해가 안갔어요. 하지만 복습 후 다시 시도해보니 퀴즈도 풀리고 강의도 이해가 가네요! 혼자서 필요한 api들 정의 찾아서 응용도 할 수 있게 되었어요. 드디어 자바스크립트의 공부방법이 눈에 보이는거 같아요. 감사합니다!
너무 재밌어요 혼자 풀 때는 뒤로 갈수록 forEach만 주구장창 쓴 것 같아요ㅋㅋㅋㅋㅋㅋㅋㅋ
엘리 선생님은 교육을 너무 잘하세요.
이렇게 숙제를 내서 생각하게 하고 틀리는 부분을 확인하니까 개념적인 면도 확실히 익히게 되는 거 같아요.
입문자라 개념잡는게 힘들었는데, 개념이 잡히고, 그래서인지 재미를 느끼기 시작했어요.
감사합니다 ;)
map, reduce, filter 사용법이 너무 어려웠는데 엘리님이 설명을 잘해주셔서 이해가 확 되네요!! 설명이 심플하고 친절해서 감동했어요ㅠㅠㅠ
이 영상만 수차례 봅니다. 거의 매일 보고 있어요. 일단 JavaScript에 익숙하지 않다 보니, 그리고 Array가 가장 빈번하게 사용됨에도 사용법이 익숙하지 않다 보니까 자꾸 forEach를 돌리네요. 이 퀴즈 11개를 매일 풀어보고 엘리님의 답안이랑 맞춰 보고 있어요. 문제를 보고 직관적으로 답이 팍! 떠오를 때 까지. 엘리님이 교묘/절묘하게도 정말 현업에서 많이 쓰는 예제들로 꾸며 주셔서 이 퀴즈들에 대한 답만 직관적으로 떠올릴 수만 있어도 반은 성공한 듯 합니다. 오늘도 감사합니다.
그냥 문법 설명만 듣는거보다 이렇게 퀴즈 직접 풀어보면서 고민하면서 배우니까 훨씬 이해가 쏙!쏙! 잘돼요. 앞으로도 퀴즈 많이 많이 내주세요!
이번 영상도 아주 유용해요! 저는 항상 mdn 가서 찾아보고 잊어버리고, 또 찾아보고 잊어버리고의 반복이어서 항상 "나는 기억력이 너무 안 좋은가??" 했었는데 제가 API에 대해 제대로 이해하지 못 한 상태로 문제 해결에 급급해 끼워 맞추기 식으로 코딩해서 그랬던 거 같아요! 이번 영상으로 한번 정리해보고, 한번씩 써 보면서 많이 공부가 되었어요! 저 혼자도 notion으로 정리해보려구요! 감사해요!!
맞아요 :) 저두 모든 API를 다 외워지 않구요 가끔 헷갈리거나 모르면 검색하는데 어느정도 이해를 잘 하고 있으면 금방 찾아서 쓸 수 있답니다 ❤️
혹시 실습하시고 실행은 어떻게 하세요?! 저는 node 로 실행하는데 엘리님은 브라우저에서 바로 실행하시는 것 같더라구요,, 그치만 브라우저에서 어떻게 로컬 코드를 바로 실행할 수 있는지 모르겠어요 ㅠ
수동적으로 받아들이는 것보다 실제로 생각해보고 써보는 게 진짜 공부인 것 같아요! 재밌고 친절한 강의 정말정말 감사합니다 ♥
you all prolly dont care at all but does anyone know of a way to log back into an instagram account..?
I stupidly lost the password. I would appreciate any tips you can give me
우아 열개 모두 엘리쌤처럼 풀어버렸네요😋🙌🏻 점점 늘고있어서 뿌듯뿌듯🥰 보너스문제도 너무너무 쉽자나요~~ 난이도 조절 이백만배는 올려주셔야할것같아요~~😏ㅎㅎ 는 절대 헛소린거아시죠? 전 지금 이대로가 너무 좋아요 기초가 최고죵😍 저는 저번주 토요일에도 코딩테스트를 치뤘어요!ㅎㅎ 파이썬으로 봤는데 음.. 붙을거같긴한데 결과는 다음에 말씀드릴게욤 항상 열정있는 강의 정말정말 감사드려요 엘리쌤 화이팅!!🙌🏻🥳
와 코딩테스트의 연속의 나날을 보내고 계시는군요 🙌 열심히 하신 만큼 좋은 성과가 있길 응원할께요 ❤️ 저 요즘 쌈, 마이웨이 드라마에 빠져있는데 그거 볼때마다 우리밋님이 생각나요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
어쩔 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그리구 문제가 쉬웠다니 점점 난이도를 올려봐야겠어요, 가드업!
평균 구하는 문제 하나 다르게 풀었더라고요 ㅎㅎ...
{
const result = students.map((student) => student.score);
let output = 0
for(let i = 0 ; i < result.length ; i++) {
let input = result[i];
output = output + input;
}
console.log(output/(result.length));
}
요렇게 풀었는데 훨씬 더 간편한 방식 배워서 유익했습니다 좋은 강의 감사합니다~
설명은 쉽게 하시는데 제가 못따라가네요 ㅋㅋㅋ 복습해야겠어용ㅋㅋ
아이쿠, 응원하겠습니다 ❤️
@@dream-coding ㅣ
하루 정도 퀴즈를 곰곰이 생각해보고 영상을 보니 속이 시원하고 더욱 유익하네요!! 감사합니다 엘리!!!!
코딩테스트를 위해 복습할겸 다시 보고있는데 정말 아는만큼 보이는것 같아요. 드림코딩에서 자바스크립트 강의를 끝내고 봐보니 처음으로 이 강의를 접했을 때랑 또 달리 보입니다. 좋은 강의 감사합니다.
설명을 어쩜 이렇게 막힘없이 잘하실 수가 있는지ㅠㅠ.. 기존의 다른 강의들 보고 몰랐던거 엘리님 통해서 이해하고 갑니다! 좋은 강의 넘넘 감사해용!!!!!!!!!!!!!!
꺄아 이해 하고 가신다니 정말 기분이 좋네요 🥰
출첵합니다~ 혼자 풀땐 이게 뭔가 했는데 같이 풀어나가면서 감을 좀 잡았어요!
22.05.07
데이터 타입부터 여기까지 다 들었습니다 ! 감사합니다 🙏🏻
몇일 굼떳네요 출첵해요~!
Q8 => `some, every를 몰라서 filter를 사용함`, Q9 => `forEach를 사용하여 합을 미리 0으로 초기화된 변수에 저장 후 평균을 계산 함` 나머지는 빙고~
19:37 너무 쉽죠잉~ ㅋㅋ
엘리님 덕분에 쉽게쉽게 이해할 수 있었어용 :)
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 덕분에 웃었네요 하하하
엘리님 🥰 너무너무 친절하고 설명 잘해주셔서 이해가 쏙쏙되요!
처음에는 1~2문제밖에 못풀만큼 어려웠지만 지금은 조금 익숙해져서 안보고도 다 풀 수 있게 되었습니다!
한달 전에 JS처음 입문용 강좌로 이거 들었을 땐 여기서부터 멘탈이 완전 깨져서 접었었는데, 한달동안 다른 유튜버 클론코딩도 해보고 엘리님 웹사이트강의 구매해서 들어도보고 다시 들으니, 오래걸렸지만 그래도 이해가 되네요ㅎㅎㅎ
현재 엘리님 프론트엔드 두번째강의도 구매했는데 공부 들어가기 전에 JS문법 다시 다지고 가려고 열심히 듣고있습니다.
감사합니다ㅎㅎ
학원에서 배운 부분인데 엘리님을 통해서 다시 들으니 뇌에 쏙쏙 잘 들어옵니다. 건강 잘 챙기시기 바랍니다.
감사합니다 ✨
배운 부분 활용할 수 있게 문제도 만들어주시고 감동이에요 선생님.....🥺🥺
이렇게 제 진심을 알아 주셔서 감사해요 🙌 꼭 먼저 풀어보세요 :)
유튜브 프리미엄 가입한 본계로 듣다보니 출석체크가 계속 늦어지네요. 이번 강의도 정말 재밌게 들었습니다!
5분쯤 보다가 이건 진짜 직접 따라해야해야겠다 하고 멈췄어요ㅋㅋㅋㅋ
이번 주말에 꼭 풀어볼게요🤙
항상 감사합니다.
엘리님 건강 조심하세요!
오웃! 정말 잘하셨어요 🙌 이런말 실례지만, 대견합니다! 하하
진짜.. 엘리님 정말 최고에요....이런 퀄리티높은 강의 처음 듣네요...... 진짜 묻고따지지 않고 드림코딩 바로 결제했어요...........진짜 사랑합니다......... 구세주에요..
이 영상만 보시구 결제 하셨다니 하하 꼭 도움이 되는 강의가 되었으면 좋겠어요 :)
배열메소드 뭔가 항상 헷갈렸는데 궁금증이 해결되는 강의였습니다 감사합니다!
감사합니다 🙌
강의 정독하고 있어요. 정말 무료강의인데 너무 내용이 좋은것 같아요. 대형 SI회사에서 20년 넘게 근무하다가 프로그래밍 재미에 빠져서 Cloud Native 공부 중에 nodejs 를 보다가 여기까지 와서 자바스크립트 강의에 정착했습니다. 좋은 강의 감사해요. 앞으로 유료강의를 하셔도 꼭 듣겠습니다.
와 너무 유용한 영상이네요~!! API 정의부분을 항상 봐야겠다는 생각이 드네요! 감사합니다^^
우왕! 9편 올라왔네요! 감사합니다~ 포트폴리오 강의듣다가 영상 뜬거 보고 왔어요ㅎㅎ선댓글 후감상 ㅎㅎ
하하 선댓글 후감상 감사드려요 ❤️
@@dream-coding 엄청 어려웠어용...ㅋㅋㅋ ㅠㅠ 인터넷에 검색해보면서 1~4번까지는 어떻게 코딩을 해봤는데..결과는 같아도 선생님이 하신거랑 다른방식이였어요. 검색해서 나오는대로 그냥해본거라서ㅋㅋ
5번부턴 영상보고 따라해보고 이해하고 하느라 엄청 오래걸렸네요 ㅋㅋ ㅜ
자세히 알려주셔서 감사합니다 . 너무너무 도움되요
아이쿠 어려우셨구나 🤣 이번에 배우신거 이해하시구 계속 써보는 연습 해놓으시면 머리와 손에 익어서 담에는 더 잘 활용하실수 있을꺼예요 🙌
지인짜 너무 감사합니다. 자바스크립트 자체를 잘 몰라서 API들을 봐도 기능을 잘 몰랐는데, 정말 잘 배웠습니다.
그동안 JS공부하면서 해멨는데 깔끔하게 잘 정리되어서 너무 좋네요. 좋은 강의 제공해주셔서 감사합니다.
현업 백엔드 개발자였지만, JS를 수박 겉 햝기 식으로만 알았던 것을 뼈저리게 느끼는 학습과정인 것 같습니다.
이번 강의도 예제와 함께 완강입니다!
다음 강의부터 시작될 서버사이드 통신 JSON도 기대됩니다!
진짜 너무 이해가 쏙쏙되는 강의였어요!!! 한꺼번에 중요한 메소드들을 정리하니깐 확실히 차이점도 알겠고 엘리님께서 적절하게 응용은 어떻게 하는지도 알려주셔서 혼자 풀었을때 왜 틀렸고 어떤식으로 생각한게 잘못된거였는지 알게되었어요!! 그리고 혼자할때는 아무리 API봐도 무슨 뜻인지 몰랐는데 어떻게 보는건지도 알게되고 결과적으로 혼자서도 다른 API들은 어떤식으로 작동하는지 스스로 볼 수 있게 되었어요 ㅎㅎㅎ 비록 혼자 할때 많이 틀렸는데 확실히 혼자 고민한 후에 강의를 들으니깐 내가 무엇을 잘못 생각하고 있었는지 깨닫게 되어서 훨씬 도움이 많이 된 것 같아요!! 꼭 강의전에 풀어보시는 것을 강추드립니다!!
결과적으로 혼자서도 다른 API들은 어떤식으로 작동하는지 스스로 볼 수 있게 되었다니,
제가 정말 원했던 것이 잘 전달 된거 같아서 정말 뿌듯하네요 ❤️
10번의 해설 정말 감동적이에요 ( reduce sort가 가장 어려워요! )
결국 그동안 전 제대로 알고 쓴건 하나도 없었네요 ^^;;
새벽에 그리고 출퇴근길에 지하철에 짬짬히 보고 있는데 유용합니다.
계속해서 꿀팁하고 좋은 강의 앞으로도 부탁드립니다. 감사합니다.
엘리쌤 강의 너무 깔끔하고 꼼꼼하고 너무 좋습니다...!!!!질 높은 강의 만들어주셔서 감사해요.
중간중간에 Array API 켜서 읽어주시는거 정말 도움이 많이 되어요. 근데 막상 읽으려고 하면 잘 이해가 되지 않는 부분들이 있어서(e.g. value is S을 boolean이라고 읽어주시는 부분)어쩔 수 없이 MDN을 키게 돼요..ㅠㅠ.....혹시 내장 API 읽는 법은 어떻게 배울 수 있을지 여쭤봅니다..!혹은 엘리쌤이 이미 찍어 놓으신 강의가 있다면 추천 부탁드릴게요! 감사합니다:)
당연히 한번만 듣고는 써먹을 수는 없지만... Aㅏ 이런 거구나 하고 수긍이라도 간 강의는 엘리님 강의뿐..❤
계속 반복해서 들어야겠네요! 일해라 내 의지!!!
완전 초보일 때는 이해가 안돼서 보다 말았거든요. 근데 이제 이해가 되니까 얼마나 좋은 강의인지 새삼 감탄하게 됩니다. :)
무엇보다도 api 정의를 보는 방법을 설명해주셔서 이제 혼자서도 찾아볼 수 있을 것 같아요. 보는 법을 모를 때는 그냥 외계어였거든요 ㅋㅋㅋㅋ
격한 감동 전달해 드립니다. 감사합니다.
하하하 격한 감동 전달 받았습니다 🤗
몇몇 문제에 for문 + 구글링 열심히하면서 풀었는데 이렇게 유용한 API들이 많았네요..!! 그래도 중간중간마다 혼자 읽어둔 API들 활용하고나서 엘리님이 같은 API 활용하셨을 때 오는 기쁨이 얼마나 큰지 몰라요 ㅋㅋ 말씀해주신대로 정답만 듣는 것 보다 직접 API 읽어보고 활용해보는게 너무너무 많이 도움이 되는 것 같아요! 항상 좋은 강의 너무 감사합니다 엘리님 :)
맞아요 이런 아이들은 API 문서 읽어보고 대충 뭐가 있는지 알고 있으면 너무 좋아요 👍
활용을 잘 못하는거 같으면 다시 와서 봅니다.
매번 감사합니다.
강의 내용 정말 최고입니다.
처음엔 이해가 안갔지만 세 번 이상 돌려보니 이해가 완벽히 됐어요!! 감사합니다
배열 API를 스스로 공부하고 퀴즈도 풀어본 후 강의로 확인하니까 부족한 부분을 알게되어 다시 복습하는데 많은 도움이 될 것 같아요. 퀴즈 풀이한 코드는 메일로 보내드렸어요. 항상 좋은 강의 감사드립니다.
와 스스로 공부 하시고 퀴즈도 풀어보셨다니 ❤️
오늘도 영상감사합니다. 중간에 너무 쉬다왔네요ㅠㅠ 이제부터 다시 달려볼게요!!
자바스크립트에 다양한 API가 있다니 정말 놀라웠어요... 저는 filter밖에 몰라 5번부터 10번까지 다 filter를 사용했는데.. 저런 함수들이 있다니 코드가 정말 간편해지네요!
영상 감사히 시청했습니다~! api를 가져다가 어설프게 때려맞추는 식으로 사용했었는데, api 정의도 한번 자세히 읽어보고 적재적소에 사용할 수 있도록 실력을 키워야 한다는 걸 배울 수 있었습니다!!
우와 Han님, 제가 정말 공유하고 싶은 포인트를 잡으셨어요!
제가 APIs를 다 알려드리진 못하고, 모든 자료구조를 알려드리지 못해서 정말 제가 전달하고 싶은 메시지는 그거였어요 👍 어떤 것을 배우시는 "api 정의도 한번 자세히 읽어보고 적재적소에 사용할 수 있도록 실력을 키워야 한다는 걸 배울 수 있었습니다!!" 이런 마음으로 배우시면 짱 좋아요 ❤️
처음에는 아무리 강의를 여러번봐도 도대체 이게 무슨뜻일까.. 다 똑같은 내용같아 보이는데 왜 값이 다르다는거지...?? 왜 오류가 나는거지..??? 이러면서 혼자 멘붕의 시간을 보내고 있었는데 문제까지 다 풀어보니 이제서야 뭔가 퍼즐이 맞춰지는 느낌이예요 엘리쌤.. 넘 감사합니다 ㅠㅠ 사는동안 적게일하고 많이버세요 ...♥
오웃!! 퍼즐이 맞춰지는 느낌을 받으셨다니 ❤️
그리고 마지막 문장 제일 맘에 들어요 하하 감사합니다 :)
는동안 적게일하고 많이버세요 ...♥
ㅋㅋㅋㅋㅋ
출첵! 하루 10분이라도 하려고 노력중입니다!!! 퀴즈 푸는 거 재밌었어요^^ 혼자 했던 거랑 비교하니까 더 공부가 잘되는 거 같기도 하네요ㅎㅎ 앞으로 퀴즈 많이 내주세요 엘리쌤 ♥
퀴즈 푸는거 너무너무 좋습니다!!! 서치를 더 꼼꼼히 하게되고 이해도 잘 돼용!😊 다만 reduce는 저어엉말 어렵네요.. 이해될때까지 복습하겠습니다! 오늘도 감사합니다 !!
출첵해 주셔서 감사해요 🙌
배열을 깔끔하게 정리해놓은 명강의다...(감동)
감사합니다 🙆♀️
다 알줄 알았는데 생소한게 3개나 있네요 😭😭😭
splice : 선택한 부분만 출력하고 원본 배열에 영향을 줌
find : 특정 조건이 만족하면 true 리턴
every: 모든 조건이 만족하면 true 리턴
이 기회에 다시 체크할 수 있어서 좋았어요!
얻어 가는 내용이 있으셨다니 🙌
실전에 쓰시던 경험을 바탕으로 알려 주셔서 그런지 엄청 실감 있게 배울 수 있습니다.
20년에 하던 프로그램을 새로 해 볼려 배우데 정말 많은 도움이 됩니다.
감사 합니다.
자바스크립트 강의 유명하다는 강의는 웬만하면 다 결제해서 보고..했는데 엘리님의 이 무료강의를 못따라가네요 ㅠㅠ...
진짜 제가 자바스크립트 이해하고 따라가는데 쓴 시간을 엘리님께서 거의 마무리해주시는 느낌이에요!
그래도 더 열심히 해야겠지만.. 어쨌든 이렇게 좋은 양질의 강의를 새싹 개발자들을 위해서 만들어주셔서 너무너무 감사하고 존경합니다 ㅠㅠ ❤
나중에 좋은 개발자가 되서 라떼는말이야 엘리님 강의듣고서 했다고 말하고 다닐래요
감사합니다 복받으실거에요~🙌 늦었지만 새해복많이 받으세요!!!
하하하 좋은 코멘트 남겨주셔서 감사해요 🙌🙌
let result = students.map((student) => student.score);
let total = 0;
let sum;
for (let n of result) {
total = total + n;
let sum = total / students.length;
console.log(sum);
어떻게 하는지 궁금하시다니까 못하는 초보.. 9번 올려놓고 봐야지.. ㅋㅋ
강의 잘보겠습니다..
엘리님 오늘도 재미있게 공부하다가요!! 댓글 달아주신 것 중에 꿀팁이 숨어있을 것 같아서 다른 분들의 질문과 엘리님의 답변도 흥미진진하게 읽다가 갑니당!! 정말 슬슬 본격적인 코딩을 하는 것 같아서 좋았어용!! 엘리님한테 배우니까 나쁜 습관(?)이 생길 틈이 없고 깔끔하게 코딩이 나와서 좋네욯ㅎ 행복한 하루 되세요~~
와우...제가 이거 듣고 some 함수 제대로 쓰게 됬네요. 뜻밖에 아주 유용해서 놀람니다. ㅎㅎ reduce 로 제대로 쓰게 됬습니다~
배열함수들이 이렇게나 많을 줄은 몰랐어요!! 정말 남는게 많은 엘리님 강의 항상 열심히 듣고 있어요!ㅎㅎ
구글링하면 비슷한 자료 그대로 복붙한 블로그나 설명이 불친절한(?) 자료가 많아서 번거로웠는데 며칠동안 헷갈렸던거 시원하게 배우고 가네요 ㅠㅠ 감사합니다
Udemy 에서 영어로만 수업 듣다가 한국어로 들으니 훨씬 귀에 잘 들어오네요~
ㅇ ㅏ 그래요~? Udemy 어떤 강의가 좋나요~? 드림코더 분들이 많이 들으시는거 같아 저두 한번 들어 볼려구요!ㅋㅋㅋㅋ
여러 코스들 듣는데 ZtM, Stephen, Jonas, Alcademind, Brad, 등 보고 있어요~ 늦은 개발공부 JS로 하는데 너무 재미있네요 드림코더도 들을게요
선생님 강의를 듣다가 너무 감사해서 댓글 남겨요
작년에 한번 들었던 강의들인데 한 번 더 들어보니 이해가 너무 쏙쏙 잘 돼요
이렇게 좋은 강의를 무료로 제공해주셔서 정말 감사합니다
선생님의 열정을 자양분 삼아 좋은 개발자가 되기 위해 노력하겠습니다
엘리쌤~~ 배열 너무 재밌어요!! 강의 정말 감사드립니다!! 💚🙏🏼💚
electron 까지!!! 얼른 다 배우고 node.js도 공부해야겠네요
실무적으로 깔끔하게 설명 잘하시네요 강의 너무 좋아요
문제가 쑥쑥 풀리니 너무 재미있어요~~
재밌게 즐거운 코딩 하세요 🥰
오늘도 너무너무 잘 배웠습니다. ^^ 감사합니다.
벌써 자바스크립트 9번 강의까지 왔네요. 처음 배우는 것들이라 생소한 내용들이고 손에 익지 않아 많이 애 먹고 있지만 엘리님 강의가 좋아서 포기하지 않고 믿고 쭉 듣고 있어요. 오늘도 정말 감사합니다!
안녕하세요 엘리님 이번강의 이해가 쏙쏙 됫어요 정말 감사합니다 ㅎㅎ 😘😘😘😘
Arrow function 과 Array-api를 혼합해서 사용법이 잘 이해 되지 않았는데, 설명을 잘 해주셔서 이젠 확실하게 이해가 되네요. 감사합니다.
설명을 넘 잘해주셔서 가만히 듣고 있으면 넘 쉬운데,
막상 직접 해보면 머리가 하얗게 되네요 🤣
오늘 배운 것들 까먹지 않게 완벽하게 숙지하고 넘어가야겠어요! 💚
하하 원래 그래요~ 그래서 머리로 이해 하기 전/후에 직접 코딩을 해보는것이 정말 중요해요 :)
와 엘리님 엘리선생님~~ 코딩하면서 혼자 코드써내려가기 힘들고 쓰면서도 정확하게 어떤 일을 하는지 몰랐던 것들인데 알게되어서 속시원해요 정말 정말 감사합니다 완전 기쁨
꺄아 저두 기뻐요 ❤️
소중한 강의 감사합니다. 조금 어려웠으나, 찾아보면서 최대한 할려고 노력했습니다.
포기하고 싶었는데 이겨내고 했습니다! 감사합니다!
(출석) 오늘도 유익한 강의 덕분에 재미있게 기초 다지기를 했습니다. 감사합니다.
안드로이드 개발자인데, 요새 코틀린도 그렇고 여로모로 함수형 프로그래밍이나 JS 와 비슷한 형식의 문법이 많이 적용되어서 강의를 듣고 있습니다. 저런 문법들은 처음엔 좀 낯설어도 이해하고 쓰다보면 제 코드에 대한 만족도가 올라가더라고요 ㅎㅎ 차근차근 잘 설명해주셔서 정말 유용하고 재밌네요. 정성스런 강의 정말 감사드립니다!
프론트엔드 지망 공부중인 늦깎이 학생입니다. 감사합니다. 영상 잘 보고있습니다. 오히려 학원보다 더 잘 알려주시는거 같아요.
오늘 강의도 너무 유익한 강의였습니다. 반복반복 손에 익혀야 겠네요.
배열 Api 읽어보면서 reduce가 어려웠는데..역시 최고십니다👍👍👍 감사합니다~~
이제 reduce 쉽게 쓰시나요 ❤️
정말 존경합니다! 저도 나중에 코딩 강의 영상까진 아니어도 과 후배들이 물어볼때 엘리님처럼 막힘없이 알려주고싶네요ㅎㅎ
오늘도 출첵 완료입니다!
오늘도 많이 배우고 알아갑니다 ~
감사합니다 ~!
이번 퀴즈 아주 재미있고 쉽게 설명해주셔서 점점 코드들이 눈에 익고 이해가 되고 있습니다!!! 항상 좋은 강의 감사합니다!
배열 까지 오셨네요~ 코멘트 남겨 주셔서 감사합니다 ❤️
맨날 헷깔리던 거 였는데... 정리 잘해주셔서 감사합니다...
책으로 공부할땐 뭔말인지도 모르고 딱딱하게 느껴졌는데 이 강의를 들으니까 이해가 쉽게 되었습니다 남은건 제 실력이 느는일만 남았네요.. 감사합니다!
한눈에 볼수있도록 설명해주셔서 감사합니다 처음이라 어렵지만 반복해서 열심히 익혀보겠습니다ㅎㅎㅎㅎ
퀴즈도 재밌게 풀어보고! 정답을 맞춰보는데 엘리님의 코드에 감동받았습니다!! 정말정말 감사해요 이런 강의를 해주셔서!!
정말 잘 정리해 주셨어요. 감사합니다. c java도 배열이 있는데 JavaScript는 원하는 위치에 원소를 추가하고 삭제할 수 있어서 편리합니다
넘 좋아요 최고입니다 매일 보고 있어요
배열 메소드 정리 끝판왕이네요!!😊
어려웠지만 여러번 반복해서 보고 다시 보고 다시보니 이해가 갔습니다 아직 활용하기 에는 어렵지만 반복사용을 통해 좀더 익혀야 될 것 같습니다
최고에요ㅋ 퀴즈 10개+보너스까지 제가 미리 해본 코딩을 보내드리고싶었지만.. 이멜을 몰라서 ㅋㅋ 유료강의보다 훨씬 유익해서 잘배워가고있어요 ㅎ 화이팅입니다 !♡
이 부분은 나중에 다시 봐봐야겠어요~ 좋은 문제들 감사합니다!!
꼭 나중에 해보세요 :)
배열 메소드 정리 끝판왕이네요~~ ㅎㅎㅎ js로 알고리즘 공부 한다고 다 봤던 것들이라 그냥 멈추면서 봤어요! 좋은 복습이 된거 같아요!! 감사합니당ㅎㅎㅎ
JS로 알고리즘 공부하셨으면 머릿속으로 쉽게 하셨겠어요 ❤️
지난번에 코드 주신것도 잘 써서 이건 쉽게 하실 수 있을 것 같았어요 👍
쉬웠다고 생각해서 결과를 봤는데ㅎ
api를 이용하지 않고 c언어처럼 프로그래밍 했었네요ㅎ
api가 뭐가 있는지를 몰라서 그랬던 거 같은데 꿀강의 정말 감사합니다ㅎ
자바스크립트 알고리즘과 자료구조, 퀴즈 들어간 강의 만들어주시면 정말 좋을거 같아요 :)
정말 너무 유용합니다...감사합니다!!