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
🔥2022년 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의가 런칭 되었어요. 유튜브보다 체계적으로 꼼꼼하게 기본&고급 내용 전부 배워보고 싶으시다면 → academy.dream-coding.com/courses/javascript 📒 강의 노트 & 자주 나오는 질문: github.com/dream-ellie/learn-javascript 좋은 주말 보내고 계시죠~? 시드니는 이제 겨울로 접어 들었어요 ❄️ 갑자기 추워져서 감기로 조금 고생하다가 이제 괜찮아 졌어요 하하 퀴즈는 꼭 먼저 해보세요 ❤️ drive.google.com/file/d/1smYHFS5fbgdyGHjBmXx2P-IyY3VWJ9tm/view?usp=sharing
시간이 지날수록 열심히 듣길 잘했다고 느껴지는 엘리님 강의✨ find: 검색된 결과 하나만 반환 (배열 아님) filter: 검색된 결과 모두 반환 forEach: 단순 반복문 (반환값 없음) map: 배열을 이용해서 새로운 원소들을 가진 배열을 만듦 (활용법 무궁무진) 배열안의 원소를 검사해서 boolean 반환 some: is there something? every: is everything? reduce: 누산기 sort: 정렬 같이 활용하기 [A,B,C] .map() .filter() .join()
평균 구하는 문제 하나 다르게 풀었더라고요 ㅎㅎ... { 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)); } 요렇게 풀었는데 훨씬 더 간편한 방식 배워서 유익했습니다 좋은 강의 감사합니다~
이번 영상도 아주 유용해요! 저는 항상 mdn 가서 찾아보고 잊어버리고, 또 찾아보고 잊어버리고의 반복이어서 항상 "나는 기억력이 너무 안 좋은가??" 했었는데 제가 API에 대해 제대로 이해하지 못 한 상태로 문제 해결에 급급해 끼워 맞추기 식으로 코딩해서 그랬던 거 같아요! 이번 영상으로 한번 정리해보고, 한번씩 써 보면서 많이 공부가 되었어요! 저 혼자도 notion으로 정리해보려구요! 감사해요!!
이 영상만 수차례 봅니다. 거의 매일 보고 있어요. 일단 JavaScript에 익숙하지 않다 보니, 그리고 Array가 가장 빈번하게 사용됨에도 사용법이 익숙하지 않다 보니까 자꾸 forEach를 돌리네요. 이 퀴즈 11개를 매일 풀어보고 엘리님의 답안이랑 맞춰 보고 있어요. 문제를 보고 직관적으로 답이 팍! 떠오를 때 까지. 엘리님이 교묘/절묘하게도 정말 현업에서 많이 쓰는 예제들로 꾸며 주셔서 이 퀴즈들에 대한 답만 직관적으로 떠올릴 수만 있어도 반은 성공한 듯 합니다. 오늘도 감사합니다.
강의 정독하고 있어요. 정말 무료강의인데 너무 내용이 좋은것 같아요. 대형 SI회사에서 20년 넘게 근무하다가 프로그래밍 재미에 빠져서 Cloud Native 공부 중에 nodejs 를 보다가 여기까지 와서 자바스크립트 강의에 정착했습니다. 좋은 강의 감사해요. 앞으로 유료강의를 하셔도 꼭 듣겠습니다.
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
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번 올려놓고 봐야지.. ㅋㅋ 강의 잘보겠습니다..
몇몇 문제에 for문 + 구글링 열심히하면서 풀었는데 이렇게 유용한 API들이 많았네요..!! 그래도 중간중간마다 혼자 읽어둔 API들 활용하고나서 엘리님이 같은 API 활용하셨을 때 오는 기쁨이 얼마나 큰지 몰라요 ㅋㅋ 말씀해주신대로 정답만 듣는 것 보다 직접 API 읽어보고 활용해보는게 너무너무 많이 도움이 되는 것 같아요! 항상 좋은 강의 너무 감사합니다 엘리님 :)
진짜 너무 이해가 쏙쏙되는 강의였어요!!! 한꺼번에 중요한 메소드들을 정리하니깐 확실히 차이점도 알겠고 엘리님께서 적절하게 응용은 어떻게 하는지도 알려주셔서 혼자 풀었을때 왜 틀렸고 어떤식으로 생각한게 잘못된거였는지 알게되었어요!! 그리고 혼자할때는 아무리 API봐도 무슨 뜻인지 몰랐는데 어떻게 보는건지도 알게되고 결과적으로 혼자서도 다른 API들은 어떤식으로 작동하는지 스스로 볼 수 있게 되었어요 ㅎㅎㅎ 비록 혼자 할때 많이 틀렸는데 확실히 혼자 고민한 후에 강의를 들으니깐 내가 무엇을 잘못 생각하고 있었는지 깨닫게 되어서 훨씬 도움이 많이 된 것 같아요!! 꼭 강의전에 풀어보시는 것을 강추드립니다!!
안녕하세요 앨리님 잘 수강하고 있습니다! 13:19을 보면 메소드를 'cmd + 클릭'으로 개발문서로 이동한 것들을 많이 읽어보라고 계속 강조하시는데, 이런 개발 문서 읽는 팁 같은걸 알려주는 영상도 유익할거 같아요! (개발초보라 그런지 어떤 식으로 읽어야 하는지 감이 오지 않지만 많이 시도해보고는 있긴한데..)
한달 전에 JS처음 입문용 강좌로 이거 들었을 땐 여기서부터 멘탈이 완전 깨져서 접었었는데, 한달동안 다른 유튜버 클론코딩도 해보고 엘리님 웹사이트강의 구매해서 들어도보고 다시 들으니, 오래걸렸지만 그래도 이해가 되네요ㅎㅎㅎ 현재 엘리님 프론트엔드 두번째강의도 구매했는데 공부 들어가기 전에 JS문법 다시 다지고 가려고 열심히 듣고있습니다. 감사합니다ㅎㅎ
출석체크!! 너무 좋은 강의 감사합니다. 질문이 있는데요 'reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;' 이런식으로 API 설명이 적혀있을 때 여기서 T가 무엇을 의미하는지 궁금합니다. S랑U도요. API를 보고 있었도 무슨뜻인지 아직 잘 파악을 못하고 있는 것 같아요 ㅠㅠ
안드로이드 개발자인데, 요새 코틀린도 그렇고 여로모로 함수형 프로그래밍이나 JS 와 비슷한 형식의 문법이 많이 적용되어서 강의를 듣고 있습니다. 저런 문법들은 처음엔 좀 낯설어도 이해하고 쓰다보면 제 코드에 대한 만족도가 올라가더라고요 ㅎㅎ 차근차근 잘 설명해주셔서 정말 유용하고 재밌네요. 정성스런 강의 정말 감사드립니다!
우아 열개 모두 엘리쌤처럼 풀어버렸네요😋🙌🏻 점점 늘고있어서 뿌듯뿌듯🥰 보너스문제도 너무너무 쉽자나요~~ 난이도 조절 이백만배는 올려주셔야할것같아요~~😏ㅎㅎ 는 절대 헛소린거아시죠? 전 지금 이대로가 너무 좋아요 기초가 최고죵😍 저는 저번주 토요일에도 코딩테스트를 치뤘어요!ㅎㅎ 파이썬으로 봤는데 음.. 붙을거같긴한데 결과는 다음에 말씀드릴게욤 항상 열정있는 강의 정말정말 감사드려요 엘리쌤 화이팅!!🙌🏻🥳
와 코딩테스트의 연속의 나날을 보내고 계시는군요 🙌 열심히 하신 만큼 좋은 성과가 있길 응원할께요 ❤️ 저 요즘 쌈, 마이웨이 드라마에 빠져있는데 그거 볼때마다 우리밋님이 생각나요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 어쩔 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그리구 문제가 쉬웠다니 점점 난이도를 올려봐야겠어요, 가드업!
엘리쌤 강의 너무 깔끔하고 꼼꼼하고 너무 좋습니다...!!!!질 높은 강의 만들어주셔서 감사해요. 중간중간에 Array API 켜서 읽어주시는거 정말 도움이 많이 되어요. 근데 막상 읽으려고 하면 잘 이해가 되지 않는 부분들이 있어서(e.g. value is S을 boolean이라고 읽어주시는 부분)어쩔 수 없이 MDN을 키게 돼요..ㅠㅠ.....혹시 내장 API 읽는 법은 어떻게 배울 수 있을지 여쭤봅니다..!혹은 엘리쌤이 이미 찍어 놓으신 강의가 있다면 추천 부탁드릴게요! 감사합니다:)
처음에는 아무리 강의를 여러번봐도 도대체 이게 무슨뜻일까.. 다 똑같은 내용같아 보이는데 왜 값이 다르다는거지...?? 왜 오류가 나는거지..??? 이러면서 혼자 멘붕의 시간을 보내고 있었는데 문제까지 다 풀어보니 이제서야 뭔가 퍼즐이 맞춰지는 느낌이예요 엘리쌤.. 넘 감사합니다 ㅠㅠ 사는동안 적게일하고 많이버세요 ...♥
우와 Han님, 제가 정말 공유하고 싶은 포인트를 잡으셨어요! 제가 APIs를 다 알려드리진 못하고, 모든 자료구조를 알려드리지 못해서 정말 제가 전달하고 싶은 메시지는 그거였어요 👍 어떤 것을 배우시는 "api 정의도 한번 자세히 읽어보고 적재적소에 사용할 수 있도록 실력을 키워야 한다는 걸 배울 수 있었습니다!!" 이런 마음으로 배우시면 짱 좋아요 ❤️
엘리님 오늘도 재미있게 공부하다가요!! 댓글 달아주신 것 중에 꿀팁이 숨어있을 것 같아서 다른 분들의 질문과 엘리님의 답변도 흥미진진하게 읽다가 갑니당!! 정말 슬슬 본격적인 코딩을 하는 것 같아서 좋았어용!! 엘리님한테 배우니까 나쁜 습관(?)이 생길 틈이 없고 깔끔하게 코딩이 나와서 좋네욯ㅎ 행복한 하루 되세요~~
선생님. return을 정확하게 잘 모르겠어요.값을 돌려준다고 하는데.17:50에서 값을 리턴을 한다는데 그럼 그 값이 어떻게 된다라는 건가요?? 그럼 17:12에서 return을 안쓰고 console.log()를 하면 아무 값을 못얻는건가요? 뭔지를 잘 몰라서 그러는데 알려주세요 선생님..
function doReturn() { return 1; } const a = doReturn(); // a는 1로 할당 되어 집니다 여기에서도 find의 내부가 이렇게 작성되어져 있다면 function find(callback) { // 우리가 전달해준 콜백 for(let item of array){ if(callback(item)) { // callback이 true가 되면 return item; // 해당하는 item을 리턴 :) } } }
@@dream-coding 화이팅!!! 아까전에 이 강의도 다 듣고 이해까지 다 했습니당!! array api설명해놓은 문서 이해하려고 typescript에서 함수 type을 어떻게 표기하는지까지 구글링하며 조금 공부했어요ㅋㅋㅋ 결국 한 90프로 이해했네용!! 어렵지만 진짜 재밌어요!ㅠㅠ
es6가 나왔으니 비구조화 할당도 나중에 한 번 소개해보시면 좋을 것 같아요. const [first, second] = array 요런 기묘한(?) 문법은 es6나 타입스크립트를 쓰고 계신 개발자 분들도 잘 모르는 경우가 꽤 있더라구요. 심지어 저 위에 배열 비구조화 할당 문법은 const [first, ...others] 이렇게도 쓸 수 있다는.... ㄷ
이번 퀴즈와 해설 편 너무 재밌게 했어요. 아직도 너무 어려운 js이지만 이렇게 퀴즈로 직접 끙끙거리며 풀어보고 이렇게 해설을 들어보니 너무 재밌네요. 저는 어렵게 푼 것들도 있고 더 어렵게 풀었는데, 엘리 님의 해설 편을 보니 아하! 싶으면서 너무 좋았어요!!! 해외에서 힘들게 힘들게 ㅜㅜ 절망하면서 공부하고 있는데... 엘리 님 덕분에 요즘 희망이 생깁니다. 정말 정말 감사해요!!!
저번시간 과제로 내주신 Array APIs 들 다 뜯어보고 왔습니다 :) (array만 해봤는데 string 도 나와서 다시 다녀왔어요....ㅎㅎ 전 강의 듣고 바로 듣고싶었는데, 시간이 좀 걸렸네요 ㅜ.ㅜ) 혼자 예시들어가면서 console로 다 찍어보고, 스스로 예시들기 어려운 것들은 MDN에 나와있는 예시들로 모두 시도해봤어요!! 이제 감이 좀 잡히는 느낌이 듭니다!! 사실 감은 좀 왔지만, 바로 생각이 나지 않는 API이 종종 있어서 전에 연습했던 파일 살펴가면서 이번 강의 따라갔습니다! 오늘 강의는 항상 강의처럼 pause 구간이 있다는 점이 좋았고, 같이 APIs 가 정의된 부분을 보면서 천천히 따라갈 수 있는 점이 좋았습니다. 정말 잘듣고 갑니다. 감사합니다! 건강하세요!!!
제가 한 걸 공유를 어떻게 하는지 몰라서 공유는 못했지만, find에서 return student.score === 90가 true를 리턴하는데 왜 student가 나오나 이해를 못했었는데 반복해서 보면서 이해했습니다. ㅠ 와 정말 감격.. 그냥 함수 실행시켜 보고 제 나름대로 오역하는 것보다 레퍼런스 보면서 정확히 이해하는 습관을 들이는게 중요한거 같아요!! 엘리님 정말 감사합니다.
후훗 제가 원하던 프로젝트를 엘리님 오브젝트 동영상 보고나서 감이 살짝 오길래 여기저기 조금 더 파고 있었는데 계속 골격이 잡혀가는 것 같아요! 콩알만한 부분 천천히 써 가면서 계속 공부하다보니 이젠 어레이까지 왔네요 꺄아 >< 조금 더 혼자 공부하고 나서 이제 이 동영상도 마저 보고 소화해야겠어요. 제가 옛날에 코딩에 관한 어려움?에 대한 이야기만 듣다보니 영 안 내키는 분야였는데 이렇게 재미있을 줄 누가 알았겠어요 ㅠㅠㅠ
정성도 정성이지만, 수업 내용자체가 너무좋아서 감탄
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
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
🔥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 감사합니다^^
아프셨구나ㅜ 괜찮아졌다니 다행이에요!😋 엘리쌤이 아프면 저희 모두가 다 아프니까 아프시면 안돼요!ㅎㅎ 항상 좋은 강의 감사합니다❤️❤️🙌🏻
우리밋님 어쩜 이렇게 말을 이쁘게 하세요~ 전 그래서 여성분이신줄....하하하 ❤️ 항상 힘이 뿜뿜 나는 코멘트 감사해요~ 🥰
시간이 지날수록 열심히 듣길 잘했다고 느껴지는 엘리님 강의✨
find: 검색된 결과 하나만 반환 (배열 아님)
filter: 검색된 결과 모두 반환
forEach: 단순 반복문 (반환값 없음)
map: 배열을 이용해서 새로운 원소들을 가진 배열을 만듦 (활용법 무궁무진)
배열안의 원소를 검사해서 boolean 반환
some: is there something?
every: is everything?
reduce: 누산기
sort: 정렬
같이 활용하기
[A,B,C]
.map()
.filter()
.join()
복습 응용만이 살길이다 유용한 영상 감사합니다.
평균 구하는 문제 하나 다르게 풀었더라고요 ㅎㅎ...
{
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));
}
요렇게 풀었는데 훨씬 더 간편한 방식 배워서 유익했습니다 좋은 강의 감사합니다~
모든 파트가 그렇지만 배열은 연습과 반복으로 이해하는게 최고인거 같아요 그냥 머리에서 생각나는 대로 콘솔에 쳐서 셀프 퀴즈를 만들곤 했는데 이렇게 퀴즈를 만들어주시니 뭔가 검증된 방법 같고 좋네요! 감사합니다 😊😊
이번 영상도 아주 유용해요! 저는 항상 mdn 가서 찾아보고 잊어버리고, 또 찾아보고 잊어버리고의 반복이어서 항상 "나는 기억력이 너무 안 좋은가??" 했었는데 제가 API에 대해 제대로 이해하지 못 한 상태로 문제 해결에 급급해 끼워 맞추기 식으로 코딩해서 그랬던 거 같아요! 이번 영상으로 한번 정리해보고, 한번씩 써 보면서 많이 공부가 되었어요! 저 혼자도 notion으로 정리해보려구요! 감사해요!!
맞아요 :) 저두 모든 API를 다 외워지 않구요 가끔 헷갈리거나 모르면 검색하는데 어느정도 이해를 잘 하고 있으면 금방 찾아서 쓸 수 있답니다 ❤️
혹시 실습하시고 실행은 어떻게 하세요?! 저는 node 로 실행하는데 엘리님은 브라우저에서 바로 실행하시는 것 같더라구요,, 그치만 브라우저에서 어떻게 로컬 코드를 바로 실행할 수 있는지 모르겠어요 ㅠ
이 영상만 수차례 봅니다. 거의 매일 보고 있어요. 일단 JavaScript에 익숙하지 않다 보니, 그리고 Array가 가장 빈번하게 사용됨에도 사용법이 익숙하지 않다 보니까 자꾸 forEach를 돌리네요. 이 퀴즈 11개를 매일 풀어보고 엘리님의 답안이랑 맞춰 보고 있어요. 문제를 보고 직관적으로 답이 팍! 떠오를 때 까지. 엘리님이 교묘/절묘하게도 정말 현업에서 많이 쓰는 예제들로 꾸며 주셔서 이 퀴즈들에 대한 답만 직관적으로 떠올릴 수만 있어도 반은 성공한 듯 합니다. 오늘도 감사합니다.
19:37 너무 쉽죠잉~ ㅋㅋ
엘리님 덕분에 쉽게쉽게 이해할 수 있었어용 :)
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 덕분에 웃었네요 하하하
몇일 굼떳네요 출첵해요~!
Q8 => `some, every를 몰라서 filter를 사용함`, Q9 => `forEach를 사용하여 합을 미리 0으로 초기화된 변수에 저장 후 평균을 계산 함` 나머지는 빙고~
엘리 선생님은 교육을 너무 잘하세요.
이렇게 숙제를 내서 생각하게 하고 틀리는 부분을 확인하니까 개념적인 면도 확실히 익히게 되는 거 같아요.
입문자라 개념잡는게 힘들었는데, 개념이 잡히고, 그래서인지 재미를 느끼기 시작했어요.
감사합니다 ;)
map, reduce, filter 사용법이 너무 어려웠는데 엘리님이 설명을 잘해주셔서 이해가 확 되네요!! 설명이 심플하고 친절해서 감동했어요ㅠㅠㅠ
강의 정독하고 있어요. 정말 무료강의인데 너무 내용이 좋은것 같아요. 대형 SI회사에서 20년 넘게 근무하다가 프로그래밍 재미에 빠져서 Cloud Native 공부 중에 nodejs 를 보다가 여기까지 와서 자바스크립트 강의에 정착했습니다. 좋은 강의 감사해요. 앞으로 유료강의를 하셔도 꼭 듣겠습니다.
수동적으로 받아들이는 것보다 실제로 생각해보고 써보는 게 진짜 공부인 것 같아요! 재밌고 친절한 강의 정말정말 감사합니다 ♥
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
그냥 문법 설명만 듣는거보다 이렇게 퀴즈 직접 풀어보면서 고민하면서 배우니까 훨씬 이해가 쏙!쏙! 잘돼요. 앞으로도 퀴즈 많이 많이 내주세요!
설명을 어쩜 이렇게 막힘없이 잘하실 수가 있는지ㅠㅠ.. 기존의 다른 강의들 보고 몰랐던거 엘리님 통해서 이해하고 갑니다! 좋은 강의 넘넘 감사해용!!!!!!!!!!!!!!
꺄아 이해 하고 가신다니 정말 기분이 좋네요 🥰
코딩테스트를 위해 복습할겸 다시 보고있는데 정말 아는만큼 보이는것 같아요. 드림코딩에서 자바스크립트 강의를 끝내고 봐보니 처음으로 이 강의를 접했을 때랑 또 달리 보입니다. 좋은 강의 감사합니다.
좋은 강의 감사합니당!!
질문이 있는데요, 13:23~쯤에 value is S가 boolean 값을 갖는다고 하셨는데 이게 무슨 의미일까요ㅠㅠ
value is S라는 게 boolean 값을 갖는다는 표현식? 이라고 보면 될까요
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번 올려놓고 봐야지.. ㅋㅋ
강의 잘보겠습니다..
몇몇 문제에 for문 + 구글링 열심히하면서 풀었는데 이렇게 유용한 API들이 많았네요..!! 그래도 중간중간마다 혼자 읽어둔 API들 활용하고나서 엘리님이 같은 API 활용하셨을 때 오는 기쁨이 얼마나 큰지 몰라요 ㅋㅋ 말씀해주신대로 정답만 듣는 것 보다 직접 API 읽어보고 활용해보는게 너무너무 많이 도움이 되는 것 같아요! 항상 좋은 강의 너무 감사합니다 엘리님 :)
맞아요 이런 아이들은 API 문서 읽어보고 대충 뭐가 있는지 알고 있으면 너무 좋아요 👍
진짜 너무 이해가 쏙쏙되는 강의였어요!!! 한꺼번에 중요한 메소드들을 정리하니깐 확실히 차이점도 알겠고 엘리님께서 적절하게 응용은 어떻게 하는지도 알려주셔서 혼자 풀었을때 왜 틀렸고 어떤식으로 생각한게 잘못된거였는지 알게되었어요!! 그리고 혼자할때는 아무리 API봐도 무슨 뜻인지 몰랐는데 어떻게 보는건지도 알게되고 결과적으로 혼자서도 다른 API들은 어떤식으로 작동하는지 스스로 볼 수 있게 되었어요 ㅎㅎㅎ 비록 혼자 할때 많이 틀렸는데 확실히 혼자 고민한 후에 강의를 들으니깐 내가 무엇을 잘못 생각하고 있었는지 깨닫게 되어서 훨씬 도움이 많이 된 것 같아요!! 꼭 강의전에 풀어보시는 것을 강추드립니다!!
결과적으로 혼자서도 다른 API들은 어떤식으로 작동하는지 스스로 볼 수 있게 되었다니,
제가 정말 원했던 것이 잘 전달 된거 같아서 정말 뿌듯하네요 ❤️
현업 백엔드 개발자였지만, JS를 수박 겉 햝기 식으로만 알았던 것을 뼈저리게 느끼는 학습과정인 것 같습니다.
이번 강의도 예제와 함께 완강입니다!
다음 강의부터 시작될 서버사이드 통신 JSON도 기대됩니다!
안녕하세요 앨리님 잘 수강하고 있습니다! 13:19을 보면 메소드를 'cmd + 클릭'으로 개발문서로 이동한 것들을 많이 읽어보라고 계속 강조하시는데, 이런 개발 문서 읽는 팁 같은걸 알려주는 영상도 유익할거 같아요!
(개발초보라 그런지 어떤 식으로 읽어야 하는지 감이 오지 않지만 많이 시도해보고는 있긴한데..)
진짜.. 엘리님 정말 최고에요....이런 퀄리티높은 강의 처음 듣네요...... 진짜 묻고따지지 않고 드림코딩 바로 결제했어요...........진짜 사랑합니다......... 구세주에요..
이 영상만 보시구 결제 하셨다니 하하 꼭 도움이 되는 강의가 되었으면 좋겠어요 :)
한달 전에 JS처음 입문용 강좌로 이거 들었을 땐 여기서부터 멘탈이 완전 깨져서 접었었는데, 한달동안 다른 유튜버 클론코딩도 해보고 엘리님 웹사이트강의 구매해서 들어도보고 다시 들으니, 오래걸렸지만 그래도 이해가 되네요ㅎㅎㅎ
현재 엘리님 프론트엔드 두번째강의도 구매했는데 공부 들어가기 전에 JS문법 다시 다지고 가려고 열심히 듣고있습니다.
감사합니다ㅎㅎ
출석체크!! 너무 좋은 강의 감사합니다. 질문이 있는데요 'reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;' 이런식으로 API 설명이 적혀있을 때 여기서 T가 무엇을 의미하는지 궁금합니다. S랑U도요. API를 보고 있었도 무슨뜻인지 아직 잘 파악을 못하고 있는 것 같아요 ㅠㅠ
처음에는 퀴즈도 다 못풀고 강의도 이해가 안갔어요. 하지만 복습 후 다시 시도해보니 퀴즈도 풀리고 강의도 이해가 가네요! 혼자서 필요한 api들 정의 찾아서 응용도 할 수 있게 되었어요. 드디어 자바스크립트의 공부방법이 눈에 보이는거 같아요. 감사합니다!
안드로이드 개발자인데, 요새 코틀린도 그렇고 여로모로 함수형 프로그래밍이나 JS 와 비슷한 형식의 문법이 많이 적용되어서 강의를 듣고 있습니다. 저런 문법들은 처음엔 좀 낯설어도 이해하고 쓰다보면 제 코드에 대한 만족도가 올라가더라고요 ㅎㅎ 차근차근 잘 설명해주셔서 정말 유용하고 재밌네요. 정성스런 강의 정말 감사드립니다!
설명은 쉽게 하시는데 제가 못따라가네요 ㅋㅋㅋ 복습해야겠어용ㅋㅋ
아이쿠, 응원하겠습니다 ❤️
@@dream-coding ㅣ
우아 열개 모두 엘리쌤처럼 풀어버렸네요😋🙌🏻 점점 늘고있어서 뿌듯뿌듯🥰 보너스문제도 너무너무 쉽자나요~~ 난이도 조절 이백만배는 올려주셔야할것같아요~~😏ㅎㅎ 는 절대 헛소린거아시죠? 전 지금 이대로가 너무 좋아요 기초가 최고죵😍 저는 저번주 토요일에도 코딩테스트를 치뤘어요!ㅎㅎ 파이썬으로 봤는데 음.. 붙을거같긴한데 결과는 다음에 말씀드릴게욤 항상 열정있는 강의 정말정말 감사드려요 엘리쌤 화이팅!!🙌🏻🥳
와 코딩테스트의 연속의 나날을 보내고 계시는군요 🙌 열심히 하신 만큼 좋은 성과가 있길 응원할께요 ❤️ 저 요즘 쌈, 마이웨이 드라마에 빠져있는데 그거 볼때마다 우리밋님이 생각나요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
어쩔 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그리구 문제가 쉬웠다니 점점 난이도를 올려봐야겠어요, 가드업!
다 알줄 알았는데 생소한게 3개나 있네요 😭😭😭
splice : 선택한 부분만 출력하고 원본 배열에 영향을 줌
find : 특정 조건이 만족하면 true 리턴
every: 모든 조건이 만족하면 true 리턴
이 기회에 다시 체크할 수 있어서 좋았어요!
얻어 가는 내용이 있으셨다니 🙌
너무 재밌어요 혼자 풀 때는 뒤로 갈수록 forEach만 주구장창 쓴 것 같아요ㅋㅋㅋㅋㅋㅋㅋㅋ
결국 그동안 전 제대로 알고 쓴건 하나도 없었네요 ^^;;
새벽에 그리고 출퇴근길에 지하철에 짬짬히 보고 있는데 유용합니다.
계속해서 꿀팁하고 좋은 강의 앞으로도 부탁드립니다. 감사합니다.
완전 초보일 때는 이해가 안돼서 보다 말았거든요. 근데 이제 이해가 되니까 얼마나 좋은 강의인지 새삼 감탄하게 됩니다. :)
무엇보다도 api 정의를 보는 방법을 설명해주셔서 이제 혼자서도 찾아볼 수 있을 것 같아요. 보는 법을 모를 때는 그냥 외계어였거든요 ㅋㅋㅋㅋ
학원에서 배운 부분인데 엘리님을 통해서 다시 들으니 뇌에 쏙쏙 잘 들어옵니다. 건강 잘 챙기시기 바랍니다.
감사합니다 ✨
엘리쌤 강의 너무 깔끔하고 꼼꼼하고 너무 좋습니다...!!!!질 높은 강의 만들어주셔서 감사해요.
중간중간에 Array API 켜서 읽어주시는거 정말 도움이 많이 되어요. 근데 막상 읽으려고 하면 잘 이해가 되지 않는 부분들이 있어서(e.g. value is S을 boolean이라고 읽어주시는 부분)어쩔 수 없이 MDN을 키게 돼요..ㅠㅠ.....혹시 내장 API 읽는 법은 어떻게 배울 수 있을지 여쭤봅니다..!혹은 엘리쌤이 이미 찍어 놓으신 강의가 있다면 추천 부탁드릴게요! 감사합니다:)
24:10 Q8.
50점 이하가 있는지 없는지를 알고 싶다면 some 메소드. const result = student.some((student) => student.score < 50) // true
50점 이하가 누군지 찾고 싶다면 find 메소드. const result = student.find((student) => student.score < 50) // Student {name: ...
오늘도 영상감사합니다. 중간에 너무 쉬다왔네요ㅠㅠ 이제부터 다시 달려볼게요!!
자바스크립트에 다양한 API가 있다니 정말 놀라웠어요... 저는 filter밖에 몰라 5번부터 10번까지 다 filter를 사용했는데.. 저런 함수들이 있다니 코드가 정말 간편해지네요!
5분쯤 보다가 이건 진짜 직접 따라해야해야겠다 하고 멈췄어요ㅋㅋㅋㅋ
이번 주말에 꼭 풀어볼게요🤙
항상 감사합니다.
엘리님 건강 조심하세요!
오웃! 정말 잘하셨어요 🙌 이런말 실례지만, 대견합니다! 하하
공공기관 관련 업무를 하다보니 ES6는 익스플로어 호환성 걸려 못 사용했는데..
정말 간결하고 좋은 api method 들이 많았네요 ㅎㅎ
api 문서 찾아보고 하는 습관 배워갑니다.
정말 좋은 습관이예요 🙌 강추
처음에는 아무리 강의를 여러번봐도 도대체 이게 무슨뜻일까.. 다 똑같은 내용같아 보이는데 왜 값이 다르다는거지...?? 왜 오류가 나는거지..??? 이러면서 혼자 멘붕의 시간을 보내고 있었는데 문제까지 다 풀어보니 이제서야 뭔가 퍼즐이 맞춰지는 느낌이예요 엘리쌤.. 넘 감사합니다 ㅠㅠ 사는동안 적게일하고 많이버세요 ...♥
오웃!! 퍼즐이 맞춰지는 느낌을 받으셨다니 ❤️
그리고 마지막 문장 제일 맘에 들어요 하하 감사합니다 :)
는동안 적게일하고 많이버세요 ...♥
ㅋㅋㅋㅋㅋ
API종류들을 많이 안봐서 students이용하는 문제부터 쭉 for문으로 students[I].score 이런식으로 풀었는데, 강의 듣고 나니 멘붕과 허무함이ㅠㅠㅠㅠㅠㅠㅠ 그래도 API친절하게 쏙쏙 들어오게 설명해주셔서 좋네요 :) 감사합니다!
괜찮아요~ 다음에는 더 멋지게 사용하는것을 이재 배웠으니 :) 아자아자!
영상 감사히 시청했습니다~! api를 가져다가 어설프게 때려맞추는 식으로 사용했었는데, api 정의도 한번 자세히 읽어보고 적재적소에 사용할 수 있도록 실력을 키워야 한다는 걸 배울 수 있었습니다!!
우와 Han님, 제가 정말 공유하고 싶은 포인트를 잡으셨어요!
제가 APIs를 다 알려드리진 못하고, 모든 자료구조를 알려드리지 못해서 정말 제가 전달하고 싶은 메시지는 그거였어요 👍 어떤 것을 배우시는 "api 정의도 한번 자세히 읽어보고 적재적소에 사용할 수 있도록 실력을 키워야 한다는 걸 배울 수 있었습니다!!" 이런 마음으로 배우시면 짱 좋아요 ❤️
엘리님 오늘도 재미있게 공부하다가요!! 댓글 달아주신 것 중에 꿀팁이 숨어있을 것 같아서 다른 분들의 질문과 엘리님의 답변도 흥미진진하게 읽다가 갑니당!! 정말 슬슬 본격적인 코딩을 하는 것 같아서 좋았어용!! 엘리님한테 배우니까 나쁜 습관(?)이 생길 틈이 없고 깔끔하게 코딩이 나와서 좋네욯ㅎ 행복한 하루 되세요~~
선생님. return을 정확하게 잘 모르겠어요.값을 돌려준다고 하는데.17:50에서 값을 리턴을 한다는데 그럼 그 값이 어떻게 된다라는 건가요?? 그럼 17:12에서 return을 안쓰고 console.log()를 하면 아무 값을 못얻는건가요? 뭔지를 잘 몰라서 그러는데 알려주세요 선생님..
function doReturn() {
return 1;
}
const a = doReturn(); // a는 1로 할당 되어 집니다
여기에서도 find의 내부가 이렇게 작성되어져 있다면
function find(callback) { // 우리가 전달해준 콜백
for(let item of array){
if(callback(item)) { // callback이 true가 되면
return item; // 해당하는 item을 리턴 :)
}
}
}
공부하다보니 이해가 안가는 콜백함수랑 동기 비동기까지 공부하느라 오래 걸렸네요ㅠㅠ 그래두 결국 이해를 해서 짜릿해욤 헤헿
내일 이부분 부터 들을게용~~ 18:09
다 이해 하셨다니 🙌 그 짜릿한 마음으로 자바스크립트 완성하시는거예요! 화이팅! :))
@@dream-coding 화이팅!!! 아까전에 이 강의도 다 듣고 이해까지 다 했습니당!! array api설명해놓은 문서 이해하려고 typescript에서 함수 type을 어떻게 표기하는지까지 구글링하며 조금 공부했어요ㅋㅋㅋ 결국 한 90프로 이해했네용!! 어렵지만 진짜 재밌어요!ㅠㅠ
처음에는 1~2문제밖에 못풀만큼 어려웠지만 지금은 조금 익숙해져서 안보고도 다 풀 수 있게 되었습니다!
es6가 나왔으니 비구조화 할당도 나중에 한 번 소개해보시면 좋을 것 같아요.
const [first, second] = array
요런 기묘한(?) 문법은 es6나 타입스크립트를 쓰고 계신 개발자 분들도 잘 모르는 경우가 꽤 있더라구요. 심지어 저 위에 배열 비구조화 할당 문법은
const [first, ...others]
이렇게도 쓸 수 있다는.... ㄷ
네네~ :) 안그래도 기본편 끝나면 정말 유용한 JS 최신 문법들 모아서 정리 해 볼려구 벼루고? 있어요 ㅋㅋㅋ
배열 API를 스스로 공부하고 퀴즈도 풀어본 후 강의로 확인하니까 부족한 부분을 알게되어 다시 복습하는데 많은 도움이 될 것 같아요. 퀴즈 풀이한 코드는 메일로 보내드렸어요. 항상 좋은 강의 감사드립니다.
와 스스로 공부 하시고 퀴즈도 풀어보셨다니 ❤️
우왕! 9편 올라왔네요! 감사합니다~ 포트폴리오 강의듣다가 영상 뜬거 보고 왔어요ㅎㅎ선댓글 후감상 ㅎㅎ
하하 선댓글 후감상 감사드려요 ❤️
@@dream-coding 엄청 어려웠어용...ㅋㅋㅋ ㅠㅠ 인터넷에 검색해보면서 1~4번까지는 어떻게 코딩을 해봤는데..결과는 같아도 선생님이 하신거랑 다른방식이였어요. 검색해서 나오는대로 그냥해본거라서ㅋㅋ
5번부턴 영상보고 따라해보고 이해하고 하느라 엄청 오래걸렸네요 ㅋㅋ ㅜ
자세히 알려주셔서 감사합니다 . 너무너무 도움되요
아이쿠 어려우셨구나 🤣 이번에 배우신거 이해하시구 계속 써보는 연습 해놓으시면 머리와 손에 익어서 담에는 더 잘 활용하실수 있을꺼예요 🙌
강의 안듣고 문제부터 먼저 풀었는데 5번부터 java로 하던 습관이 나와서 for문을 써서 해결했네요 헣헣헣 문제의 목적이 api활용이었는데 정작 다르게 풀고 있었네요. 강의 들으면서 api도 익히고 arrow함수 쓰는 법도 좀더 익숙해졌어요. 감사합니다.
그쵸? 함수형 API들은 많이 쓰면서 익숙하게 익히는 방법이 최고예요 :)
자바에서도 요즘 Stream을 이용해서 함수형 API를 이용할 수 있답니다 👍
지인짜 너무 감사합니다. 자바스크립트 자체를 잘 몰라서 API들을 봐도 기능을 잘 몰랐는데, 정말 잘 배웠습니다.
학원에서 Java & Spring 을 배웠지만 Javascript를 쓰는 회사에 취직하게 되서 듣고 있습니다. 어떻게 공부해야 하는지 방법을 익히게 해주셔서 정말 감사합니다.
와 엘리님 엘리선생님~~ 코딩하면서 혼자 코드써내려가기 힘들고 쓰면서도 정확하게 어떤 일을 하는지 몰랐던 것들인데 알게되어서 속시원해요 정말 정말 감사합니다 완전 기쁨
꺄아 저두 기뻐요 ❤️
영상을 보기전에 javascript.info 배열파트보고 공부하면서 예제문제 풀다가 영상속 문제를 푸니가 금방금방 풀렸습니다!!!!
아직 영상을 보지않아서 영상을 보고 난 후 엘리님과 제거를 비교해볼 생각에 두근두근하네요
먼저 공부 하시고 풀어보셨다니 왠지 100% 다 잘하셨을것 같아요 ❤️
정말 잘 정리해 주셨어요. 감사합니다. c java도 배열이 있는데 JavaScript는 원하는 위치에 원소를 추가하고 삭제할 수 있어서 편리합니다
실전에 쓰시던 경험을 바탕으로 알려 주셔서 그런지 엄청 실감 있게 배울 수 있습니다.
20년에 하던 프로그램을 새로 해 볼려 배우데 정말 많은 도움이 됩니다.
감사 합니다.
선생님 강의를 듣다가 너무 감사해서 댓글 남겨요
작년에 한번 들었던 강의들인데 한 번 더 들어보니 이해가 너무 쏙쏙 잘 돼요
이렇게 좋은 강의를 무료로 제공해주셔서 정말 감사합니다
선생님의 열정을 자양분 삼아 좋은 개발자가 되기 위해 노력하겠습니다
제 코드랑 비교하면서 해보니까 더 이해가 잘 되고 유용하다고 느껴지네요!! 제가 작성했을 때는 5줄 이상이었던 코드 길이가 api를 활용하니 한 줄로 줄어들고 가독성도 좋아지네용
이번 퀴즈와 해설 편 너무 재밌게 했어요. 아직도 너무 어려운 js이지만 이렇게 퀴즈로 직접 끙끙거리며 풀어보고 이렇게 해설을 들어보니 너무 재밌네요. 저는 어렵게 푼 것들도 있고 더 어렵게 풀었는데, 엘리 님의 해설 편을 보니 아하! 싶으면서 너무 좋았어요!!! 해외에서 힘들게 힘들게 ㅜㅜ 절망하면서 공부하고 있는데... 엘리 님 덕분에 요즘 희망이 생깁니다. 정말 정말 감사해요!!!
쉬웠다고 생각해서 결과를 봤는데ㅎ
api를 이용하지 않고 c언어처럼 프로그래밍 했었네요ㅎ
api가 뭐가 있는지를 몰라서 그랬던 거 같은데 꿀강의 정말 감사합니다ㅎ
자바스크립트 알고리즘과 자료구조, 퀴즈 들어간 강의 만들어주시면 정말 좋을거 같아요 :)
1번문제 4:05 쯤에서 join으로 쓰셧는데 tostring도 똑같은 결과가 나오네요 !!
toString은 오브젝트에서 어떻게 오바라이딩해서 구현했냐에 따라서, 즉 오브젝트마다 똑같은 결과가 나올 수도 있고 아닐 수도 있어요 :)
10번의 해설 정말 감동적이에요 ( reduce sort가 가장 어려워요! )
벌써 자바스크립트 9번 강의까지 왔네요. 처음 배우는 것들이라 생소한 내용들이고 손에 익지 않아 많이 애 먹고 있지만 엘리님 강의가 좋아서 포기하지 않고 믿고 쭉 듣고 있어요. 오늘도 정말 감사합니다!
진자 사랑합니다 최근 드림코딩 리액트 결제하고 js랑 병행중인데 노션에 정리해가며 진짜 재밌게 하고있어요 이해 엄청 잘돼요 정말 열심히 공부할께요!!!!!!!!!!!!!!!!!!!
저번시간 과제로 내주신 Array APIs 들 다 뜯어보고 왔습니다 :) (array만 해봤는데 string 도 나와서 다시 다녀왔어요....ㅎㅎ 전 강의 듣고 바로 듣고싶었는데, 시간이 좀 걸렸네요 ㅜ.ㅜ) 혼자 예시들어가면서 console로 다 찍어보고, 스스로 예시들기 어려운 것들은 MDN에 나와있는 예시들로 모두 시도해봤어요!! 이제 감이 좀 잡히는 느낌이 듭니다!! 사실 감은 좀 왔지만, 바로 생각이 나지 않는 API이 종종 있어서 전에 연습했던 파일 살펴가면서 이번 강의 따라갔습니다!
오늘 강의는 항상 강의처럼 pause 구간이 있다는 점이 좋았고, 같이 APIs 가 정의된 부분을 보면서 천천히 따라갈 수 있는 점이 좋았습니다. 정말 잘듣고 갑니다. 감사합니다! 건강하세요!!!
제가 한 걸 공유를 어떻게 하는지 몰라서 공유는 못했지만, find에서 return student.score === 90가 true를 리턴하는데 왜 student가 나오나 이해를 못했었는데 반복해서 보면서 이해했습니다. ㅠ 와 정말 감격.. 그냥 함수 실행시켜 보고 제 나름대로 오역하는 것보다 레퍼런스 보면서 정확히 이해하는 습관을 들이는게 중요한거 같아요!! 엘리님 정말 감사합니다.
강의 내용 정말 최고입니다.
처음엔 이해가 안갔지만 세 번 이상 돌려보니 이해가 완벽히 됐어요!! 감사합니다
2021 01/03 commit reduce()에서 조금 어려웠네요..ㅜㅜ 아무래도 API문서 읽는법을 열심히 연습해야겠습니다!! 멋진 강의 감사드립니다~!
배운 부분 활용할 수 있게 문제도 만들어주시고 감동이에요 선생님.....🥺🥺
이렇게 제 진심을 알아 주셔서 감사해요 🙌 꼭 먼저 풀어보세요 :)
배열메소드 뭔가 항상 헷갈렸는데 궁금증이 해결되는 강의였습니다 감사합니다!
감사합니다 🙌
격한 감동 전달해 드립니다. 감사합니다.
하하하 격한 감동 전달 받았습니다 🤗
배열함수들이 이렇게나 많을 줄은 몰랐어요!! 정말 남는게 많은 엘리님 강의 항상 열심히 듣고 있어요!ㅎㅎ
API문서를 읽어도 막상적을려니 생각하기 귀찮고, 에러떄문에 겁이나서 for로 도배했는데 반복되는 단어가 있고 그걸
이헤하게 되니까 굳이 외울 필요도 없고 생각보다 간단한 문제였네요.. 고마워요 엘리 수업 짱이당..
화이팅!
최고에요ㅋ 퀴즈 10개+보너스까지 제가 미리 해본 코딩을 보내드리고싶었지만.. 이멜을 몰라서 ㅋㅋ 유료강의보다 훨씬 유익해서 잘배워가고있어요 ㅎ 화이팅입니다 !♡
Quiz5번에서 막히다가 엘리님 문서 보면서 해석해주는 방법을 보고 API에서 해석하는 법을 대충 알게 되었네요 ㅎㅎ
감사합니다! 6번부터는 안보고 쭉나가긴했는데 아직 미숙하네요 화이팅 하겠습니다!
화이팅!
Udemy 에서 영어로만 수업 듣다가 한국어로 들으니 훨씬 귀에 잘 들어오네요~
ㅇ ㅏ 그래요~? Udemy 어떤 강의가 좋나요~? 드림코더 분들이 많이 들으시는거 같아 저두 한번 들어 볼려구요!ㅋㅋㅋㅋ
여러 코스들 듣는데 ZtM, Stephen, Jonas, Alcademind, Brad, 등 보고 있어요~ 늦은 개발공부 JS로 하는데 너무 재미있네요 드림코더도 들을게요
Arrow function 과 Array-api를 혼합해서 사용법이 잘 이해 되지 않았는데, 설명을 잘 해주셔서 이젠 확실하게 이해가 되네요. 감사합니다.
정말 강의내용 최고입니다 ㅠㅠ 학원에서자바스크립트를 배우긴 했지만 이런것까진배우질 않아서 엘리님 js강의 첨부터 현재9강 보는중인데 보는내내 감탄입니다 ㅎㅎㅎ ㅠㅠ 역시 쫌씩 어려워집니다 ㅎㅎ 6번fiitter가 쪼금 이해가 안가지만 반복재생으로 이해하는중이에요 ㅎㅎ그래도 더공부해야죠 ㅎㅎ 엘리님 넘 감사해요 ㅎㅎ
프론트엔드 지망 공부중인 늦깎이 학생입니다. 감사합니다. 영상 잘 보고있습니다. 오히려 학원보다 더 잘 알려주시는거 같아요.
어려웠지만 여러번 반복해서 보고 다시 보고 다시보니 이해가 갔습니다 아직 활용하기 에는 어렵지만 반복사용을 통해 좀더 익혀야 될 것 같습니다
2021.3.16 계약직 마지막달 출근하는 전철안에서. 자투리시간활용하여 학습.
-> 복습하고 다시한번 노트정리하여, 각 api별, '활용가능' '활용불가능' 상황 꼭 반드시 정리하는 시간 가져야함. 이번 주 일요일까지 꼭 해보려고 노력하겠음.
화이팅!
제 답안은 4번에 slice 대신 splice 쓴것과 5,6번을 모두 reduce를 써서 복잡하게 구현한 부분이 다르네요 ^^;;
for 문을 대체할 array 함수 공부 하는 중이었는데 이런 퀴즈 너무 재밌습니다. 👍👍👍
다음에 또 유용한 퀴즈 준비해 볼께요 ❤️
퀴즈 푸는거 너무너무 좋습니다!!! 서치를 더 꼼꼼히 하게되고 이해도 잘 돼용!😊 다만 reduce는 저어엉말 어렵네요.. 이해될때까지 복습하겠습니다! 오늘도 감사합니다 !!
출첵해 주셔서 감사해요 🙌
ㅎㅎ 제가 만든 답이랑 완전 완전 다르네요 ㅋㅋㅋ api들 나름 읽어본다고 읽어봤는데 영어기도 하고 초보자라 거의 활용을 못했네요~ 앨리쌤이 주신 답 완전 간단간편해서 놀랐어요 너무 재밌어요bb
후훗 제가 원하던 프로젝트를 엘리님 오브젝트 동영상 보고나서 감이 살짝 오길래 여기저기 조금 더 파고 있었는데 계속 골격이 잡혀가는 것 같아요! 콩알만한 부분 천천히 써 가면서 계속 공부하다보니 이젠 어레이까지 왔네요 꺄아 >< 조금 더 혼자 공부하고 나서 이제 이 동영상도 마저 보고 소화해야겠어요.
제가 옛날에 코딩에 관한 어려움?에 대한 이야기만 듣다보니 영 안 내키는 분야였는데 이렇게 재미있을 줄 누가 알았겠어요 ㅠㅠㅠ
우와 감을 잡으시구, 생각만 하던 것을 더디어 구체적으로 구현할 단계까지 오셨으니 얼마나 신나고 재밌을까요? 이런 맛에 코딩하는게 아닌가 해요 ❤️
조금씩 감을 익혀 나가시는걸 보니깐 제가 다 흐믓하고 뿌듯하네요 🙌
출첵합니다~ 혼자 풀땐 이게 뭔가 했는데 같이 풀어나가면서 감을 좀 잡았어요!
문제가 쑥쑥 풀리니 너무 재미있어요~~
재밌게 즐거운 코딩 하세요 🥰
배열을 깔끔하게 정리해놓은 명강의다...(감동)
감사합니다 🙆♀️
출첵! 하루 10분이라도 하려고 노력중입니다!!! 퀴즈 푸는 거 재밌었어요^^ 혼자 했던 거랑 비교하니까 더 공부가 잘되는 거 같기도 하네요ㅎㅎ 앞으로 퀴즈 많이 내주세요 엘리쌤 ♥
오늘도 좋은 강의 감사합니다. 퀴즈를 다운로드 받아서 풀어봤는데. 전 혼자서는 거의 못풀고 앨리님 강의를 보고서야 풀었어요. 다시 보고 또 풀어봐야겠어요
항상 출책 감사해요 :) 처음이시면 당연히 어려워요 대신에 몇번 풀다보면 갑자기 감이 오면 그때가 실력이 한단계로 가는 거랍니다 ❤️ 항상 응원할께요
휴.. 아무것도 모르는 상태여서 그런지 다 보고나니까 3시간이 지나있네요!
친절하게 초보자 눈높이에 맞게 설명해주셔서 포기하지 않고 다 볼 수 있었습니다ㅜㅜ
다음 편도 열심히 공부하면서 보겠습니다 감사합니다!
하루 정도 퀴즈를 곰곰이 생각해보고 영상을 보니 속이 시원하고 더욱 유익하네요!! 감사합니다 엘리!!!!
강의 너무 좋아요~~!! 제가 미리 풀어본거 보내드리고 싶은데 너무 수준이 낮아서 부끄럽네요 ㅠㅠ 전 강의에서 APIs 미리 읽어보라 하셔서 강의 끝나고 혼자 천천히 하나씩 보면서 했는데도 아직은 어렵네요 ㅠㅠ 양질의 강의 항상 감사합니다 엘리님!!
와... 천천히 시간가지고 Ctrl+click과 인터넷 검색으로 미리미리 공부하고 풀어보니 신기하게도 잘 풀리네요!
완전 감사합니다!
출석체크 확인 완료 😎 열심히 공부해 주셔서 감사해요, 화이팅!
퀴즈도 재밌게 풀어보고! 정답을 맞춰보는데 엘리님의 코드에 감동받았습니다!! 정말정말 감사해요 이런 강의를 해주셔서!!
다른 교제를 보면서 공부했을때 reduce() 메소드 예제에서 항상 애먹었는데 엘리님 설명 들으니 완벽하게 머리에 들어오네요! 좋은 영상 감사합니다~
혹시 실습하시고 실행은 어떻게 하세요?! 저는 node 로 실행하는데 엘리님은 브라우저에서 바로 실행하시는 것 같더라구요,, 그치만 브라우저에서 어떻게 로컬 코드를 바로 실행할 수 있는지 모르겠어요 ㅠ
@@jeffreylim5920 실행하시고자 하시는 js파일을 html 파일에 로 연결하시고 html파일을 크롬 웹 브라우저로 여세요. 그리고 F12를 누르셔서 console탭으로 들어가시면 console.log가 찍히면서 js파일이 실행된게 보이실거예요~ js파일을 수정하실때마다 브라우저를 새로고침해주시면 수정하신게 반영되어 js파일이 다시 실행되는게 보이실 거예요.
저장-새로고침-저장-새로고침이 번거로우시다면 html파일을 여실때 VS Code에서 제공하는 Live Server를 이용하시면 편해요. html파일이 수정되어 저장될때마다 자동으로 브라우저가 새로고침이 되거든요~
당연히 한번만 듣고는 써먹을 수는 없지만... Aㅏ 이런 거구나 하고 수긍이라도 간 강의는 엘리님 강의뿐..❤
계속 반복해서 들어야겠네요! 일해라 내 의지!!!