자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024
  • 자바스크립트의 완전 핵심 오브젝트에 대해 정리해 보아요 ❤️ 그외에도 너무 유용한 for..in과 for..of에 대해서도 정리해 봅니다. 다음시간 배열에서 또 만나요 :)
    (↙ 자세한 내용)
    ___________________________
    🔥2022 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의: academy.dream-...
    아카데미에서 조금더 체계적으로 배워보세요 ✨
    📒 강의 노트 & 자주 나오는 질문: github.com/dre...
    💡 풀스택 개발 로드맵 ⇢ academy.dream-...
    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    academy.dream-c...
    .....................................................
    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝Don't forget to code your dream
    여러분들의 멋진 꿈을 코딩하세요 ⭐️
    .....................................................
    🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
    • 프론트엔드 강의 - 프론트엔드 개발자 되...
    📒 자바스크립트 기초 강의 영상 목록:
    • 자바스크립트 기초 강의 (ES5+): 같...
    💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
    • 개발자라면 누구나 알고 있으면 좋은 지식 💡
    💰 개발자 경력 관리 영상 목록:
    • 승승장구 커리어 관리 🚀
    📈 IT 트렌드
    • IT 트렌드 📈
    📷 개발자 브이로그
    • 개발자 브이로그 📷
    🤗 생산력 향상 팁
    • Tech & Tools ❤️
    .....................................................
    #자바스크립트#프론트엔드#백엔드

ความคิดเห็น • 529

  • @Jesus.Christ..
    @Jesus.Christ.. 4 ปีที่แล้ว +28

    지금 몇시간 째 정주행 중입니다;; 현업자가 봐도 너무 좋은 강의에요 ㄷㄷ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      좋은 코멘트 감사합니다 🙌

    • @user-oq2uj1kh8u
      @user-oq2uj1kh8u 4 ปีที่แล้ว

      파이썬을 주로 즐기다가 이직한 회사의 스택이 타입스크립트여서 처음 접했어요.
      정말 이해가 쏙쏙 가면서 잊었던 기초 또한 탄탄하게 다질 수 있게 설명해주시네요!

    • @roccosullivan5912
      @roccosullivan5912 3 ปีที่แล้ว

      I dont mean to be so offtopic but does anybody 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

  • @dev_jeongdaeri
    @dev_jeongdaeri 4 ปีที่แล้ว +3

    감사합니드아 메모메모
    Mdn 굿굿
    문서확인 꼼꼼!
    선배님 그림그리는 패드 하나 사세요 5만원이면 사요! ㅎㅎ
    1.
    데이터를 묶어서 관리
    객체
    객체는 키와 값
    2.
    객체 접근 방법 2가지
    1) 객체.속성
    2) 객체.[‘속성’]
    함수 정의에서 사용할때는 2번 방법
    3. 동일한 키와 값이 반복될 때
    함수를 만들어서 사용
    4. 객체 정의 함수이름은 대문자로 시작 - 생성자 함수
    5. 객체 안에 키가 존재하는지 확인하기
    console.log(‘키’ in 객체)
    6. for in vs for of
    for (키 in 객체) {
    객체에 있는 키들 만큼 반복
    }
    배열 및 리스트 값들 반복처리
    for (value of array){
    배열 길이만큼 반복
    }
    7. 객체 값 복사하기
    옛날방식
    for (키 in 객체 ){
    복사할 객체[키] = 기존객체[키]
    }
    새로운 방식
    매개변수는 함수 정의로 가서 확인하기 , 배열 복사까지 지원 - 만만세
    Object.assign(복사할객체, 기존객체)
    코지코더님이 추천해줬던 방식인
    옵젝 어싸인을 여기서 또 보내요 호호
    복습이 됩니다!
    다들 모두 구독 좋아요!
    타입스크립트 강의 너무 기대되요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      어멋! 정말 들으시는거예요? ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
      어떻게 유튜브도 하시면서 이렇게 따로 다양한것들을 공부 하실 수가 있어요?
      전 유튜브 한뒤로는 전혀 새로운거 못 배우고 있어서 배움의 갈증이 생기는데, 정말 대단하신거 같아요 🙌 시간관리 어떻게 하세요~? 전 일 그리고 유튜브 그리고 딸아이랑 놀아주면 책 읽을 시간도 내기가 힘들어요. 하루에 10장씩 읽고 있어요 😭
      아 저두 와콤 태블릿 있답니다. 국내에서부터 개발자로 일할때 쭈욱 마우스로 사용해 오고 있어요.
      되도록 키보드를 써서 요즘 매직마우스를 이용하고 있지만, 영상 편집할때는 태블릿으로 하고 있어요.
      손목 떄문에 마우스로 쓰는거라 태블릿으로 그림그리면 💩 똥그림 되어요.
      나중에 한번 연습해 봐야겠네요 ❤️

    • @dev_jeongdaeri
      @dev_jeongdaeri 4 ปีที่แล้ว +2

      드림코딩 by 엘리 ㅎㅎ 선배님 댓글 감사합니다 😊
      선배님 궁금한게 하나 있는데요
      타입스크립트로 Vue를 작업 할 수가 있나요?

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      @@dev_jeongdaeri 네! 가능한걸로 알고 있어요 :)
      vuejs.org/v2/guide/typescript.html

    • @dev_jeongdaeri
      @dev_jeongdaeri 4 ปีที่แล้ว

      드림코딩 by 엘리 정말 감사하무니다! 🙏👍👍👍

  • @user-vk9zy4oe5y
    @user-vk9zy4oe5y 4 ปีที่แล้ว +117

    for (key in ellie) 부분에서 에러가 있었는데 key앞에 let을 붙여주니 해결됐어요. 영상에서 작성하신 파일에는 'use strict'가 없어서 이런 차이가 있었던 것 같은데 맞나요? 이번에도 좋은 강의 감사합니다 :)

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +24

      맞아요! 제가 항상 use strict을 쓰라고 강조 해서 말해놓고 안썼네요! 하하
      먼저 찾아서 이렇게 코멘트 남겨 주셔서 정말 감사해요 🤗

    • @sangjoonlee8690
      @sangjoonlee8690 4 ปีที่แล้ว +3

      감사합니다. 안 그래도 이것 때문에 답답해 하고 있었는데..ㅎ

    • @user-ix7nu4fp3r
      @user-ix7nu4fp3r 4 ปีที่แล้ว +3

      감사합니다! "use strict";을 써도 계속 for부분에서 error가 떴었는데, 덕분에 해결하였습니다ㅎㅎ

    • @Ddffffr3
      @Ddffffr3 4 ปีที่แล้ว +1

      좋은 댓글이네요 ㅎㅎ

    • @BO-nn9up
      @BO-nn9up 4 ปีที่แล้ว

      이 댓글 안 봤으면 헤맬뻔 했네요 감사합니다!

  • @user-nw7pm2lw7i
    @user-nw7pm2lw7i 4 ปีที่แล้ว +3

    유의해야 할 점은
    const user4 = Object.assign(user);
    이런식으로 빈 객체를 dest로 설정하는게 아닌 assign()의 첫번째 매개변수로 user 를 넣어주는 순간,
    Object.assign(user)의 결과값은 그냥 user과 똑같이 되어버립니다.
    따라서 const user4 = user; 이 되므로, 같은 레퍼런스를 가리키고 있으니
    user4.name='hi'이런식으로 하면 user.name='hi'가 되버리죠.
    저도 이 점이 좀 헷갈렸는데 오늘 영상보면서 말끔히 정리하고 갑니다!
    이걸 막는 방법으로는 Object.freeze()를 사용하는건데,
    그렇게 되면 user.name의 변경을 막을 순 있겠지만, user4.name조차도
    user4.name='hi'를 해줘도 변경이 되지 않는 얼어붙은 상태가 됩니다.
    따라서 꼭 assign()의 첫번째 매개변수로는 빈 객체를 만들어서 넣는 걸 지켜줘야 할 것 같습니다~
    모두 열공!
    아참 엘리님 영상 잘보고 갑니다~

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      어머 배우고 느끼신거 작성해 주시다니~ 정말 감사해요 🙌
      맞아요 오브젝트는 파라미터로 전달할때, 또는 리턴값을 받을때 동일한 레퍼런스를 가리키고 있는지 잘 생각해보고 작성해야 되요. 아니면 생각지도 못한곳에서 오류가 나기 쉽상이죠 :)

  • @user-dn6cu6td4y
    @user-dn6cu6td4y 3 ปีที่แล้ว +9

    1:08 Object란? / Literals and properties
    5:23 계산된 properties / Computed properties / object['key']
    9:00 Lovely shorthand / property value shorthand
    10:18 Constructor function
    11:57 in operator
    12:47 for in vs for of
    15:03 cloning

  • @sujeedo6283
    @sujeedo6283 3 ปีที่แล้ว

    윈도우 내장객체를 그렇게 사용하면서도 무슨 원리로 사용하고 있는지 몰랐는데, 다 오브젝트였기에 .을 사용해서 값을 가져오고 변경하며 프론트에 기능을 넣을 수 있었다는걸 깨닫게 되었네요. class는 css에서만 들었던거라 js의 class가 너무 달라서 놀랐는데, object는 class에 비하면 좀 더 이해가 수월했던거 같아요. 진짜 설명해주시는거 영어도 한글도 한글자도 빼먹지 않고 노트에 다 기록하고있어요. 저는 영어로 설명해주시고 단어별로 뜻 풀이 해주시니까 진짜 너무 좋아요. 영어가 많이 부족한데 엘리님이 강의에 나오는 단어들은 정말 자주보는 단어들이어서 일일이 파파고에 검색하면서 뜻풀이 하던 제가 엘리님 강의 단어들을 외워가며 파파고 검색을 덜하게 되었어요.ㅋㅋ 이론은 이해가 안되면 수십번씩 설명을 반복해서 듣고 예제도 테스트해가며 이해하려고 노력중입니다. 그래서 20분짜리인데 저 혼자 2시간 붙잡고있습니다...ㅋㅋ 그래도 이렇게 좋은 강의 지금이라도 뒤늦게 볼 수 있어 다행이네요. 당장 눈앞에 닥친 문제를 해결하느라 기초공부를 게을리 했는데 기초가 탄탄해지니 스스로 구현하는것도 꿈이 아니라는 생각이 듭니다!

  • @user-kq3qg3kg5f
    @user-kq3qg3kg5f 3 ปีที่แล้ว +1

    사람이 매력이 있어서 강의가 더 재미있는것 같아요 좋은 강의 감사합니다 :)

  • @lindsaykang461
    @lindsaykang461 4 หลายเดือนก่อน

    새벽까지 고생하셔서 찍어주신 소듕한 영상 감사합니다. 중간에 "똥손이네~" 에서 빵 터졌어요

  • @user-yb3wo6gb1h
    @user-yb3wo6gb1h 4 ปีที่แล้ว +2

    오우 뭔가 문법들이 배운것들과 겹치는듯 안겹치는 느낌이라 차이점을 직관적으로 느끼기가 굉장히 어렵네요 다 비슷비슷해보이는 느낌 ㅠㅠ 역시 실전으로 자주쓰이는것들로 감을 익히는게 좋을거같습니다 오늘도 좋은 영상 감사합니다~

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      네 실전 프로젝트가 정답입니다 ❤️

  • @user-jy7to5cn1d
    @user-jy7to5cn1d 3 ปีที่แล้ว +2

    처음 배울 때 잘 몰랐는데 2번째 배우니까 java랑 겹치는 개념이랑 작성법이 많네요.
    javascript만 배울거라 생각했는데 의외로 java 공부도 같이 되서 너무 즐겁네요!
    오늘도 영상 잘 보고 갑니다.

  • @user-qt6ml3gx9g
    @user-qt6ml3gx9g 3 ปีที่แล้ว +1

    항상 두 번씩 듣네요 처음엔 그냥 듣고 두 번째는 노트적으면서 들어요~ 좋은 강의 감사합니다.

  • @on_xx
    @on_xx 4 ปีที่แล้ว +1

    공부하면 공부할수록 갈 길이 정말 멀지만 유투브를 통해서 딱딱한 책을 통해서가 아니라 쉽게 이해되는 영상들을 보면서 공부할수 있음에 감사하며 공부중입니다. 항상 영상 감사해요 선생님ㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      필립님~ 항상 코멘트 남겨 주셔서 감사합니다 🙌
      갈길이 먼거 같아도 단계별로 꼭 프로젝트 만들면서 차근차근히 하세요 ❤️ 화이팅~

  • @user-lx8jl1sb2t
    @user-lx8jl1sb2t 3 ปีที่แล้ว

    출첵합니다 ~!!! 오늘두 다들 좋은 하루보내세요☺️

  • @28load55
    @28load55 4 ปีที่แล้ว +2

    생성자 함수에 대한 좋은 설명 감사합니다 ㅎㅎ
    맨날 생성자 함수를 쓰면서, 그냥 이렇게 하면 생성되네 라고 외웠는데
    객체를 만들어주는 함수로 생각하고 그것을 this 키워드를 이용해서 간소화 한다고 생각하니
    이해가 딱되네요 ㅎㅎ
    오늘도 좋은 설명 감사합니다. ㅎㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      단순히 출책이 아니라 배우신거 느끼신거 이렇게 공유해 주셔서 너무 감사해요 ❤️

  • @user-ol6fg6lv2m
    @user-ol6fg6lv2m ปีที่แล้ว

    최근에서야 보게 되었는데 너무 좋아요... 약간 외국 스타일이라 한국 강의 스타일이랑 달라 이해가 안가다가도 어떤 부분은 오히려 더 와닿게 설명을 해주세요 한국 강의들이랑 섞어서 들으면 완벽한 이해를 도와줍니다 요새는 안 올리시는 거 같지만 언젠가 보실거라 믿어요 좋은 강의 감사합니다

  • @kyungchanim4277
    @kyungchanim4277 3 ปีที่แล้ว

    출석체크입니다! 가볍게 다 한번씩 듣고 1.5배속으로 들어야겠어요

  • @bigcco
    @bigcco 10 หลายเดือนก่อน

    고맙습니다. 정주행 중 입니다.

  • @junghanchoi5887
    @junghanchoi5887 4 ปีที่แล้ว +7

    출석!
    저에게는 이해하기 너무 어렵네요 ㅜㅜ 복습해도 헷갈리고 힘드네요 그래도 끝까지 듣겠습니다! 좋은 강의 감사합니다:)

  • @user-fm1zp5zb8y
    @user-fm1zp5zb8y หลายเดือนก่อน

    강의가 너무 좋아요

  • @user-yw7vw3nv6m
    @user-yw7vw3nv6m 4 ปีที่แล้ว +1

    JavaScript 강의 올라온 부분까지 다 들었습니다. JavaScript의 역사부터 차근차근 알려주시고 중간중간 Tip도 많이 주셔서 좋아요. 같이 노트를 작성하면서 진행하는 방식도 정리하고 복습하는데 도움이 되서 좋고요. 이제 다음 강의 올라올 때까지 온라인 쇼핑몰 프로젝트를 정적인 것부터 시도해봐야겠어요. 앞으로 올라올 강의들도 기대가 많이 되네요. 항상 좋은 강의 감사드립니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      와 이렇게 따뜻하고 응원의 코멘트 남겨 주셔서 정말 감사합니다. 정말 많은 힘이 되네요 ❤️

  • @jinychoi3789
    @jinychoi3789 4 ปีที่แล้ว +2

    오늘도 출석체크합니다! 양질의 강의 감사합니다.
    이제 점점 ㅜ 최근 업로드에 가까워 지는데
    넷플릭스 드라마 아끼는 심정으로 강의를 보게 될 줄이야........ 🙄

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      앗 정말요? 하하하하하하 아끼는 심정이라, 이렇게 스윗한 코멘트 남겨 주셔서 정말 감사해요 ❤️
      빨리 다음거 만들어 놔야 겠네요! 🏃🏻‍♀️🏃🏻‍♀️🏃🏻‍♀️🏃🏻‍♀️🏃🏻‍♀️🏃🏻‍♀️

  • @joek9245
    @joek9245 2 ปีที่แล้ว

    도움 많이 되었습니다. 좋은 강의 감사합니다.

  • @YoungmeePark1103
    @YoungmeePark1103 3 ปีที่แล้ว

    Ellie 씨 강의 가 쉽지가 않지만. 아주 중요 한점만 찍으니 여러번 봐야 겠네요

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      어려우면 다른 기본 서적을 보시고 한번 보시면 좋을 것 같아요 🙌

  • @DPJSJS
    @DPJSJS 2 ปีที่แล้ว

    새벽에 고생하시면서 찍으셨나보네요! 좋은 강의 감사합니다!

  • @projectmanagerray9986
    @projectmanagerray9986 2 ปีที่แล้ว +1

    모던 자바스크립트 Deep Dive 읽고 있습니다. 절대 초보자용 책은 아니라서 힘들긴 한데, 꽤 설명히 자세하고 친절한 편이라 계속 읽게 되네요!ㅎㅎ
    오늘도 감사합니다 :)

  • @user-ml2go1qv1f
    @user-ml2go1qv1f 4 ปีที่แล้ว +1

    새벽에 피곤하신데 고생하셨네요 너무 감사합니다!
    혼잣말하시면서 똥손이라고 하신게 너무 재밌네요 ㅋㅋ
    금손이십니다..

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      오웃 금손! 감사합니다 ❤️

  • @tonykim2401
    @tonykim2401 4 ปีที่แล้ว +1

    좋은 영상 고맙습니다. 전에 자바를 한번 봐서 도움이 많이 되네요. 피곤하신데 새벽에도 영상촬영하시고 구독자를 위한 엘리~ 응원합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      이! 자바를 공부 하셨어요? 그럼 이해가 훨 쉬우실 것 같아요 🙌
      저두 다른 언어 배우고 자바스크립트 배웠어서 쉽더라구요. 그냥 미친언어라고 이해함......하하
      항상 코멘트 감사드려요~ 🤗

  • @user-du3xe5xt2n
    @user-du3xe5xt2n 2 ปีที่แล้ว

    명강의 감사드립니다.

  • @david_kim_95
    @david_kim_95 ปีที่แล้ว

    오브젝트도 완강 했습니다!
    OOP의 하루였던 것 같습니다.
    내일 Array 강의도 힘내서 도전!!

  • @user-bu1hv3fn4v
    @user-bu1hv3fn4v 2 ปีที่แล้ว

    최고! 잘 듣고 있습니다!

  • @user-go8zf6nz5x
    @user-go8zf6nz5x 2 ปีที่แล้ว

    정말 좋은 강의예요

  • @user-rf1km6cr7y
    @user-rf1km6cr7y 4 ปีที่แล้ว +1

    출첵이요 감사해요!!
    boom이 영어 boom! 이 아니라 한국어 붐 처럼들려서 친근하고 너무좋아용ㅋㅋㅋ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      하하 그런가요? 좋은 피드백 감사합니다 :)

  • @Jane-rv5zn
    @Jane-rv5zn 3 ปีที่แล้ว +1

    엘리님 정말 감사합니다! 초급 강의는 많아도 이렇게 기본 문법을 꼼꼼히 알려주는 중급 강의는 흔치 않아요. JS를 어느 정도 알고 있다고 생각하도 다시 공부가 필요해서 엘리님 영상 복습 중인데, 다시 볼 때마다 배우는 게 참 많네요. 두고두고 보게 되는 명강의입니다!

  • @sammykim880
    @sammykim880 4 ปีที่แล้ว +1

    엘리님 강의는 수업내용이 너무 유익할 뿐 아니라 집중이 정말 잘 됩니다!!! 좋은 강의 올려주셔서 늘 감사해요!!!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      좋은 코멘트 감사합니다 🙌

  • @dapeartdirector9980
    @dapeartdirector9980 3 ปีที่แล้ว

    출첵합니다!

  • @BO-nn9up
    @BO-nn9up 4 ปีที่แล้ว +1

    오늘 새벽도 어김없이 찾아왔습니다!
    주말에 배운 내용 다시 살펴보니 좀 익숙해졌어요
    얼른 완독해서 101 강의도 들어보고싶어요 화이팅!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      새벽에 정말 부지런히 하셔서 영상을 만든 입장으로 너무 뿌듯합니다 ❤️

  • @khw9013
    @khw9013 3 ปีที่แล้ว

    출첵합니다. 저도 마찬가지로 for (let key in ellie)부분 에러 찾는거 같이 경험해보고 constructor라는게 class에서 기본적으로 constructor를 쓸수있지만 함수로써 function constructor로도 가능하다는 것을 알게 되었네요 이번 영상도 감사합니다. 지치지말고 달려주세요

  • @yongTube857
    @yongTube857 4 ปีที่แล้ว +1

    you are having tallent about teaching . thank you for good beneficial video

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      Thanks so much for your lovely comment :)

  • @professeo
    @professeo 4 ปีที่แล้ว +1

    이제 반 넘었네요! 완벽하게 활용하기보단 그렇구나 이해하고 넘어가면서 듣고있습니다 좋은강의 감사해요:^)

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      많이 오셨네요 🙌

  • @Workingmomintheus
    @Workingmomintheus 3 ปีที่แล้ว

    오늘도 아이들 자는 새벽시간에 무거운 몸 이끌고 나와 강의 영상 듣다가, 5번째 내용부터 새벽에 찍고 계신단 말씀듣고 피식 웃었네요. 늘 감사드려요 엘리님:)

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +1

      프사에 아이들인가요? 넘 귀여워요 :) 새벽이 아니면 제 시간을 내기가 많이 힘들어서 새벽시간을 최대한 활용하고 있어요 ㅋㅋㅋ 육아의 피로 정말 안해본 분들은 모르는 피로감이죠 ㅋㅋㅋ

    • @Workingmomintheus
      @Workingmomintheus 3 ปีที่แล้ว

      @@dream-coding 네 맞아요 딸둘맘이에여 ㅎㅎ 바쁘실텐데 답글들 다 달아주시고 감사해용~~

  • @JuneCanadaChua
    @JuneCanadaChua 2 ปีที่แล้ว

    좋은 강의 감사합니다!

  • @user-xi8dy8tt8n
    @user-xi8dy8tt8n ปีที่แล้ว

    7장까지 수강 완료! 감사합니당😄

  • @kyle_ytju
    @kyle_ytju 2 ปีที่แล้ว

    정말 감사합니다.

  • @HENRY-pu9ix
    @HENRY-pu9ix 4 ปีที่แล้ว +1

    와우 정리정돈 감사합니다. 새벽에 잠긴 목소리 굳굳입니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      헨리님~ 응원의 코멘트 감사해요 ❤️

  • @user-fn4he7nz7n
    @user-fn4he7nz7n 3 ปีที่แล้ว +1

    강의최고입니다.

  • @sonsy-
    @sonsy- 3 ปีที่แล้ว

    5:43 대괄호: square brackets
    혹시 저처럼 콘트롤키나 코멘트키 누르고 함수 클릭해도 엘리님처럼 정의된 곳으로 이동이 안되시는 분들은 VSCode에서 Extension 가셔서 @builtin type 검색 하신후에 "TypeScript and JavaScript Language Features
    " 이거 Enable 시켜 주시면 됩니다.
    초반부터 함수로 이동 안되서 검색해도 해결 못하다가 오늘 해결했네요 ㅎㅎ

  • @chulgunsirru
    @chulgunsirru 2 ปีที่แล้ว

    고맙습니다

  • @user-st5xo1xf1k
    @user-st5xo1xf1k 4 ปีที่แล้ว +1

    오늘도 산뜻한 강의 감사합니다~ 계속 해주시면 감사하겠네요 ㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      하하 승어님~ 감사합니다 ❤️

  • @kimheejin4397
    @kimheejin4397 3 ปีที่แล้ว

    자바스크립트는 제대로 배워본적이 없는데.. 강의 들으면서 개념이 잡혀가고 있습니다. 고맙습니다!

  • @khm6793
    @khm6793 4 ปีที่แล้ว +1

    방금 클래스 강의 들었는데 끝나자마자 업로드 되다니 ㅎㅎ 바로 고고씽

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      아 정말요? 하하하

  • @user-uz7rk9zj5e
    @user-uz7rk9zj5e 3 ปีที่แล้ว

    2021.07.21 출첵합니다. 좋은 강의 감사합니다

  • @user-lq7ys6sq5n
    @user-lq7ys6sq5n 3 ปีที่แล้ว

    이런 강의를 유튜브로 볼 수 있다는게 정말 행복합니다. 어려운 내용임에도 차근 차근 쉽게 설명이 너무 좋습니다. 열심히 공부하겠습니다~~~

  • @snowsnow3665
    @snowsnow3665 2 ปีที่แล้ว

    엘리님 좋은강의 열심히듣고있습니다!!

  • @user-sd2vm5hl1l
    @user-sd2vm5hl1l 4 ปีที่แล้ว

    학원에서 배웠을때 대면해서 배우는것도 뭐가 뭔지 모르겠던데 진짜 엘리님 최고예요ㅠㅠ 너무 감사합니다! 엘리님 들숨에 재력 날숨에 건강얻으시고 조금 일하고 돈 많이 버세요!!!!!

  • @stellachoi3583
    @stellachoi3583 3 ปีที่แล้ว

    너무 감사해요! 작은 도움 아닌 큰 도움 받으며 열공하고 있습니다

  • @louisgil5779
    @louisgil5779 2 ปีที่แล้ว

    감사합니다

  • @sangakim8217
    @sangakim8217 4 ปีที่แล้ว +1

    오늘도 감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      실전 미니게임에서 기다리고 있을께요 ❤️

  • @user-el9gb4dj8h
    @user-el9gb4dj8h 4 ปีที่แล้ว +1

    설명이 너무 잘 들어와요 기본 사용법이
    아닌 실무에서 어떻게 사용되는지 구조와 함께 설명하는 팁 영상을 공유해 주셔도 좋을 것 같아요
    엘리님이 생각하는 좋은 스케폴딩 같은거요:)
    리액트나
    바닐라를 사용한다면 구조 방식에 대한 설명 같은거요
    기초는 너무 많다보니 약간 레벨업 영상도 좋을것 같습니다.
    좋은 영상 감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      좋은 피드백 감사합니다 ❤️ 이런 피드백 너무 좋아요~
      기본과 중급의 레벨을 맞추기가 너무 어려워요. 초급분도 계시고 중급분도 계셔서. 처음부터 중급까지 한번 잘 커버해 볼 수 있도록 고민해 볼께요 🙌

  • @user-pg4vb6tb1g
    @user-pg4vb6tb1g 2 ปีที่แล้ว

    출석! 7. 오브젝트 소중한 강의 감사합니다.~

  • @unknownunknown9779
    @unknownunknown9779 3 ปีที่แล้ว

    매번 감사합니다

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      영상정주행 하면서 출첵 해주셔서 감사해요 😍

  • @suvely5201
    @suvely5201 2 ปีที่แล้ว

    7강도 잘 들었습니다. 감사합니다. 늘 행복하세요

  • @zaery_o7069
    @zaery_o7069 ปีที่แล้ว

    감사합니다.

  • @user-cb8pt4og9x
    @user-cb8pt4og9x ปีที่แล้ว

    (출석) 오늘도 유용한 강의 감사합니다.

  • @user-ck1un7et8m
    @user-ck1un7et8m 3 ปีที่แล้ว

    Object.assign() 대박입니다. old way 방법만 사용했는데

  • @pechicho8173
    @pechicho8173 4 ปีที่แล้ว

    목소리도 발음도 강의 내용도 너무 좋아요!
    지겹지도 않고 대화하는 느낌도 나면서 유익한 내용이 많다보니 강의듣느라 시간가는 줄 모르겠어요^^
    좋은 강의 감사합니다. 실제로 실무에서 쓰는 방법 같은 팁도 너무 유익해요.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      좋은 코멘트 감사합니다 ❤️

  • @sso_sso__
    @sso_sso__ 2 ปีที่แล้ว

    노트로 따라하면서 들으니깐 더 이해가 잘되네요! 잘듣구있습니다. 다음강의로 넘어가요~!

  • @redstonkim2869
    @redstonkim2869 3 ปีที่แล้ว

    node 강의 잠깐 중단하고 자바스크립트 강의 다시 보고 있습니다.. 알고 해야할것 같아요!! class 어디서 봤다 했더니 라이브러리 이용할때 많이 쓰던 거였내욧!!! +_+

  • @puress16
    @puress16 4 ปีที่แล้ว +1

    출첵합니다~ 오늘도 감사한 마음으로 열심히 들었어요^^

  • @ggjiang985
    @ggjiang985 4 ปีที่แล้ว +1

    정말 쉽게 이해할 수 있게 잘 설명해주셔서 감사합니다. 그리고 오늘 책을 보다가 지난번에 물어봤던 질문중에 undefined와 null의 차이점에 대한 설명이 나와 있었습니다. 엘리님이 말씀하신것 하고 같고 추가적으로 null로 된 변수의 type가 object 입니다. undefined로 지정된 변수는 나중에 number,string등등 될수 있어요. undefined는 null에 속해요. undefined==null는 true로 됩니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      배우신거 함께 공유해 주셔서 감사합니다 :)
      var a;
      alert(typeof(a)); // undefined, 타입이 정해져 있지 않음
      var b = null;
      alert(typeof(b)); // object이 출력
      null의 타입이 object로 나오는것은 자바스크립트에서 null은 아무것도 들어 있지 않은 텅텅비어있는 것을 나타내기위해 내부적으로 오브젝트를 써서 그런걸로 이해하고 있어요. 언어자체에서 "텅텅비어있는" 이라는걸 표현하기 위해서 오브젝트를 썼을뿐 실제로 null에 우리가 다른 object에서 쓸 수 있는 공통적인 함수들을 쓰지 못하는것도 이 이유예요. 그래서 null은 실제로 오브젝트는 아니랍니다. 그냥 premitive 타입중의 하나라고 간주하는거죠.
      let a;
      if (a == null) {
      }
      그리구 변수의 값이 있는지 없는지에 대해서는 대부분은 이런식으로 검사해요.
      if (a == undefined) { // 이렇게 검사하면 a가 null이면 true로 되겠죠~?
      }
      옷, 이 부분도 읽어보면 좋을 것 같아요:
      books.google.com.au/books?id=6TAODdEIxrgC&lpg=PA41&ots=obbpJPKzZH&dq=null+undefined&pg=PA41&redir_esc=y&hl=en#v=onepage&q=null%20undefined&f=false

  • @user-vu1jp6dd9e
    @user-vu1jp6dd9e 4 ปีที่แล้ว +1

    for(key in obj) 부분에서 error가 나서 당황했는데 엘리님이 항상 말하던 MDN을 참조하라는 말이 떠올라 검색하니,
    금방 예제에서 원인을 찾았네요 ㅎㅎ Object 강의도 완료했습니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      꺄아 :) 역쉬! 드림코더님 🙌

    • @user-to8qc4kb8z
      @user-to8qc4kb8z 3 ปีที่แล้ว

      저도 같은 에러가 발생해서 당황했는데, 댓글보고 mdn 찾아봤네요.. 감사합니다..

  • @jumongmino3156
    @jumongmino3156 4 ปีที่แล้ว +1

    좋은 강의를 듣고 감사하고 있습니다.

  • @user-cg5nt2er7p
    @user-cg5nt2er7p 2 ปีที่แล้ว +1

    출석체크 화이팅 ㅎ

  • @programmingjong
    @programmingjong 3 ปีที่แล้ว

    정말 너무너무 감사합니다!!!

  • @coohiii32
    @coohiii32 2 ปีที่แล้ว

    class가 어느정도 이해가 되니까 object도 넘넘 잘 이해되요 ㅠㅠ!!♡

  • @seon_douga
    @seon_douga 4 ปีที่แล้ว +1

    이번 강의는 되게 정보량이 많은 느낌이네요 ㅋㅋㅋ 열심히 복습해야겠어요! 좋은 강의 감사합니다

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      하하 그런가요~? J Kim님 항상 좋은 출책 감사드려요 ❤️

  • @user-uj5hn8mq2c
    @user-uj5hn8mq2c 2 ปีที่แล้ว

    엘리 안녕하세요! 항상 잘보고 있어여, 고마워욥!

  • @user-yt8dm5ir2x
    @user-yt8dm5ir2x 4 ปีที่แล้ว

    16:41 정작 저는 얘기듣고 이 질문해야겠단 생각없이 보고있었는데 엘리님이 스스로 알아서 자문자답으로 질문하시니까 아 이땐 이렇게 궁금해야 되는구나를 알게되네요 ㅋㅋㅋㅋㅋㅋ
    덕분에 공부 잘하고 있답니다 영상 많이 많이 만들어주세욤^^

  • @hansangjung6063
    @hansangjung6063 3 ปีที่แล้ว +1

    좋은 강의 감사합니다.

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      출첵 확인! 감사해요 🙌🏼

  • @jmc1091
    @jmc1091 2 ปีที่แล้ว

    electron까지!!! 메리 크리스마스

  • @eeeee2001
    @eeeee2001 3 ปีที่แล้ว

    클래스에서 넘어가지 못하고 있다가 이해를 포기하고 오브젝트로 넘어왔습니다 ㅜㅜ 마지막에 해주신 말씀에 용기를 가져보며... 출석체크해요

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      클래스는 뒤에 내용 듣고 다시 한번 들어 보세요~~ :)

  • @user-zv9rk6hu1j
    @user-zv9rk6hu1j 2 ปีที่แล้ว

    오늘도 즐강이요~~ ^^, Thanks ellie.

  • @dayoungkim1484
    @dayoungkim1484 3 ปีที่แล้ว +1

    복습할겸 또 봤어요희희

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +1

      복습은 사랑입니다 :) 코드로 꼭 스스로 작성하면서도 복습해보세요 😊

    • @dayoungkim1484
      @dayoungkim1484 3 ปีที่แล้ว

      @@dream-coding 네~!~!~!~!

  • @ysl8461
    @ysl8461 3 ปีที่แล้ว

    감사합니다!!!

  • @younahshin5792
    @younahshin5792 3 ปีที่แล้ว

    새벽에도 영상을 찍어주시는 열정 감사합니다

  • @user-vz5wl7es1w
    @user-vz5wl7es1w 2 ปีที่แล้ว

    출석 합니다~!

  • @user-zm2oe7uh4b
    @user-zm2oe7uh4b 4 ปีที่แล้ว +1

    이번에도 object type에대해서 잘들었습니다.다음시간에 뵐게요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      네네 다음 시간에 뵐께요 ❤️

    • @user-zm2oe7uh4b
      @user-zm2oe7uh4b 4 ปีที่แล้ว

      @@dream-coding object type예를들면 const ellie = {name:"ellie", age:20};에서의 ellie object는 Object라는 클래스의 객체라고 생각하면 될까요? Object의 클래스의 메소드 assign을 사용할수 있으므로 ellie라는 object는 Object클래스의 객체다 맞나요!?!?! 이 클래스의 객체여서 메소드에 접근할수 있다라고 생각하면될까요?

  • @johnyoo4959
    @johnyoo4959 4 ปีที่แล้ว +1

    요번 강의 너무 좋았습니다. 정말 완전 핵심 오브젝트 강의에요!! 감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      저두 감사합니다 ❤️

  • @eden8592
    @eden8592 4 ปีที่แล้ว +1

    엘리님만 유일하게 유툽 알람 설정 해뒀어요 ㅎㅎ 드디어 새로운 비디오 !!! 바쁘신데 감사합니다 ~~~

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      어머 제 영상만 알람 설정 해두셨다니 🤗 뭐죠? 책임감이 무겁게 느껴지네요 하하하
      더 열심히 만들어야 겠어요! 😃
      뒤로 갈수록 조회수가 떨어져서 많이들 중도 포기 하신거 같아서 계속해야 하나 다른 방식으로 바꿔야 하나 고민하고 있었는데 응원의 답글 정말 감사합니다 ❤️

  • @softcadi
    @softcadi 4 ปีที่แล้ว +1

    명확한 강의 도움이 많이 되네요

  • @bugeonkim4726
    @bugeonkim4726 4 ปีที่แล้ว

    와 fun cloning 정말 유용했어요.. 감사합니다 ㅋㅋㅋ 깊은 복사 vs 얕은 복사 때문에 매번 왜 엉뚱하게 값이 바뀌나 했는데, Object.assign을 이제 유용하게 사용해볼게요!!!

  • @kims8116
    @kims8116 3 ปีที่แล้ว

    정주행 출석 07, 오호~ 꿀 강의입니다~ 이해가 쏙쏙

  • @manordinary2896
    @manordinary2896 3 ปีที่แล้ว +1

    매번 잘보고 있습니다! 양질의 강의를 제공해주셔서 감사합니다!

  • @1winiminihan919
    @1winiminihan919 4 ปีที่แล้ว

    들으면 들을수록 공부가 더 많이 해야하네여;; 옆에서 남자친구랑 같이 듣는데 같이 더 성장하는 느낌이에요! 내일은 배열로 돌아오겠습니다!!

  • @user-gs2uh1my4m
    @user-gs2uh1my4m 2 ปีที่แล้ว

    오늘도 개념정리 확실히하고갑니다. 감사합니다

  • @user-vq6rw4fv4k
    @user-vq6rw4fv4k 3 ปีที่แล้ว

    출첵합니당🤔

  • @challengeforgrowth2042
    @challengeforgrowth2042 3 ปีที่แล้ว

    출석체크!! 항상 감사합니다 엘리!!!!

  • @user-mq5xx4mm8g
    @user-mq5xx4mm8g 4 ปีที่แล้ว +2

    유익한 영상 감사합니다^^
    여러번 보면서 개념익히기에 충실히 집중할께욥 ㅎ
    아참! 온라인쇼핑몰만들기영상기랑 오브젝트영상이 두개씩 중복으로 올라와있는거같아요

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      앗! 알려 주셔서 정말 감사합니다 🙌 플레이 리스트에 왜 두개씩 중복되어 등록되어졌나 모르겠네요 하하

    • @user-mq5xx4mm8g
      @user-mq5xx4mm8g 4 ปีที่แล้ว

      드림코딩 by 엘리 여러번 반복해서 보다보니 조금씩 이해가 되는거 같아요! 생소한 개념과 정보다보니 제 머릿속에 정리되는 과정이 필요했던거 같습니다 ㅎㅎ아직 개념정리와 간단한 예시인데 실제 작업물로 들어갈때 어떻게 응용이 될지 두렵기도하고 기대가 됩니다 ㅎ🤪

  • @hyesuhong7869
    @hyesuhong7869 3 ปีที่แล้ว

    오늘은 출근길에 들었어요..! 퇴근하고 다시 보면서 복습하려구요!

  • @user-hq7if1zg6n
    @user-hq7if1zg6n 2 ปีที่แล้ว

    8:40 function printValue(ellie, `name`) 에서 두번째 매개변수 `name`는 코딩중이 아닌 런타임때에 첫번째 매개변수가 결정되고 나서야 값을 구할수 있다. 그러므로 obj.key가 아닌 obj[key]를 쓰는것이 맞다

  • @bh-gv3gh
    @bh-gv3gh 2 ปีที่แล้ว

    출첵이요~