자바스크립트를 배우는데 아직도 let과 var의 차이를 모른다고? : 호이스팅

[@Wheatdigestive]

와 대박!!! 정리: 예측 가능한 코드를 쓰기 위해서는 var대신 let이나 const를 쓰자

[@sophia_1984]

지루하지 않고 잘 이해 할 수 있게 설명을 넘흐 잘해주시는것 같아요 감사합니다♡

[@MD-te1lz]

와우! 막연하게 알고 있었는데 이렇게 영상 보니 좀 더 정리가 되는 느낌이네요. 감사합니다 ^^

[@grpost5333]

언니최고.... 설명진짜쉽게 잘해주세요 너무... 쉽게설명해주는사람이 정말잘하는사람이던데... 최고..!!

[@코딩알려주는누나]

사람들 왠만하면 그냥 댓글 안달고 자나가는데 이렇게 사랑스러운 댓글까지 달아주다니 당신은 정말 사랑스러운 사람 🥰🥰🥰

[@waitwait0301]

와 이런 자바스크립트 기본기 영상도 너무 좋아요 ! 계속 올려주세요 👍👍

[@PP-uf5jl]

자바스크립트 let,var,const 개념이 헷갈렸는데 덕분에 잘 이해하고 갑니다. 그리고 코딩알려주는 누나라는 타이틀이 멋지네요.~~

[@user-ek6ke7bb4b]

이해가 정말 잘 되네요❤❤❤❤ 어제 저녁에 호이스팅에 대해서 알고 싶었는데 이해가 안돼서 접었거든요!! 근데 이 영상 보고 이해가 됐어요

[@spkim0921]

오 제가 다니는 대학교에서는 그냥 단순히 let은 ES6때 나왔고 웬만하면 var는 쓰지 말고 legacy browser 사용자들을 위한 웹사이트를 만드는 거 아니면 let 쓰라고만 설명 했는데 유익한 정보 감사합니다!

[@MMulgogi]

눈나... 저 너모 행복해요.. 감사합니다 진짜 눈물나옴

[@이지석-n2r]

자바스크립트에 대해서 잘 몰랐는데, var가 동작하는 방식이 너무 뜨억한거 같아요 ㅋㅋㅋㅋㅋㅋ 코드 수백 수천줄로 늘어나면 절대 관리 안될텐데 let이 추가되서 정말 다행이라고 생각해요

[@hyun4839]

와 설명 너무 좋아요 순식간에 다 봤어요ㅠㅠㅠ 최고 !!

[@heesoolee72]

설명도 너무 잘하시는데 손이 너무 예뻐요,,,,,,,

[@hongdroid94]

설명 맛집...

[@boradorida]

var쓰지마 너무 웃김ㅋㅋㅋㅋㅋㅋㅋ 내일 면접인데 잘봤오용 넘 재밌어요 저랑 동갑이신거같은데 저도 코알누님처럼 잘하고싶네여^^

[@김주책의은밀한사생활]

와... const let var hoisting 개념이 한번에 이해됐네요 감사합니다.

[@Lee렐루]

와 너무 재밌게 봤습니다 역시 믿고보는 누나! 미모까지 최고입니다

[@luckychance3003]

다른 강의에서 봐도 이해가 잘 되지 않았는데 이거 보고 나서 확실히 이해가 됐어요. 감사합니다!!

[@junghanma4580]

이런것들도 설명 영상 나오면좋을것같아요 ! 헷깔리는부분들.. this와 arrow function 차이점 사용이유 이벤트루프 실행컨텍스트 클로져 그리고 react는 면접에서 이런것도 많이물어보더라구요 es6에서 뭐뭐 추가되었는지? 상태관리 react mobx, redux 사용여부 ? css 전처리기 sass typescript

[@코딩알려주는누나]

와우 진짜 유용한정보 감사합니다!! 애정어린 긴 댓글두요!🥰🥰🥰

[@효-d3k]

와.. 완전 이해 쏙쏙! 감사합니다 ㅎㅎㅎ재미도 덤이네용ㅋㅋㅋ구독좋아요♡

[@SY-xx2hm]

이렇게 쉽게 설명해주시는 코딩 알려주는 예쁜 누나라니!!! 바로 구독 갑니다ㅎ

[@seoindo8559]

외국 소스중에 var가 대부분인 이유가 ws6계념이 없을 수도 있지만 오래된 브라우져와의 호환성때문이기도 할것 같습니다.

[@정법진-s9x]

es6 아닌가요?

[@startcoding.official]

설명과 비유가 아주 찰 집니다!! var 대신 let과 const를 쓰자~!!

[@코딩알려주는누나]

그르자~~!!

[@도도도-g1h]

부트캠프 수강전 무료인강보고있는데 var,let차이가 궁금했는데 감사합니다. 최고에요~!

[@코딩알려주는누나]

욜웰컴!

[@SO-cv1hq]

면접때 갑자기 물어봐서 당황하고 보는중입니다 ㅋㅋㅋㅋ ㅠㅠㅠ 감사합니다.

[@sskccho]

let's go !! You are a good teacher ^^

[@saltpie5176]

세미콜론 없는것 킹받습니다 ㅠㅠ 잘 배워갑니다

[@windstar75]

와우 훌륭합니다. 늘상 쓰면서도 애매했는데 tdz 기억할게요.

[@bowrain7880]

이열 개잘알려주시네요 구독하고갑니다!!

[@seungyeonyoo7826]

언니진짜설명에 치인다..

[@코딩알려주는누나]

핫 댓글에 치인당 🥰

[@GodVoice7]

전 개발자 아닌데 우연히 영상을 보게 됐어요. 코딩은 잘 몰겠고 넘 이쁘심. 손도 예쁘시고..ㅋㅋ 아무 생각없이 영상 보다 보니 프로그래밍에 조금씩 관심이 생깁니다.

[@코딩알려주는누나]

그럼한번 개발 도전? 😉윙크윙크

[@김민석-z7w8z]

구글링해도 이해하기 어려웠는데 영상보고 쉽게 이해할 수 있었어요. 유익한 영상 감사합니다

[@MYJINI-d5t]

와아 설명 너무 잘하시네요 !! 굿굿

[@코딩알려주는누나]

🥰

[@유경상-y2k]

아 정말 완전 이해하기 쉽게 설명해줘서 고마워요

[@clarinetisfying]

최고에요 언어를 이렇게 재밌게 배울수 있다니 ㅎㅎ감사합니다

[@donibus]

너무 좋은 영상 감사해요!

[@불뿜는고릴라]

막연하게 알고있고 다른영상보고 이해하지 못했었는데 이 영상보고 광명 찾았읍니다...

[@수없음알-m4x]

이런건 차라리 손코딩으로 질문하는게 좋은거같ㅇ다고 생각하네요 let도 호이스팅이 일어나긴하는게 문제라 tdz를 같이 설명해야해서 말로 잘 전달하면 잘 이해할까 의문이 드는 질문중 하나

[@이준형-k4t]

진짜 쉽게 알려주시내요 잘보고 갑니다~

[@Brian-gw6gd]

감사합니다 ^^ 덕분에, let 정확히 알게되었습니다.

[@너굴대굴]

특별한 기능을 추가했다기 보단, 상식적인 변수의 개념으로 수정을 한것이라 봐야겠네요

[@rukawa648]

한번에 이해가 되었습니다. 너무 감사합니다. 저도 면접에서 탈탈 털리고 와서 뜨끔 했습니다. ㅋㅋ

[@황중용-u7k]

지성과 미모를 겸비한 여신님이시네요^^

[@이용진-z5v]

익스플로어 구형 브라우져 때문에 var 쓰는건데. 크롬이나 엣지 최신 브라우져면 let 쓰죠.

[@TheParkjunhwa]

능력있는 예쁜 동생

[@22Gas]

영상보기전.. 틀리면 지워야지 let은 선언하기전에 사용불가 var는 선언전 사용가능.

[@luckyc00kie]

다음 영상 기다릴게요~

[@짬굉이]

오..내가 면접볼때 들은10가지질문중하나가 호이스팅.. 그외 컨텍스트 스코프 등등

[@jysysykim]

누나 고맙습니다. 저는 개발자 아니지만 잼나게 봤어요. 그리고 넘 이뻐요

[@jeffrey0208]

고마워요 누나ㅏㅏㅏ

[@tinyprobe5102]

코딩 알려주는 ~~~~ 아~ 눈나!!!

[@코딩알려주는누나]

왜!~~~~~~~불러!!

[@이끼낀돌]

잘 배웠습니다. 고마워요!

[@최호석-d6f]

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 귀엽다 혼자 영상찍으면서 제스처 취하는데 너무 귀여움ㅋㅋㅋㅋ

[@코딩알려주는누나]

힣 감사합니당!

[@freddymercury9170]

코딩계의 예능이 나타났다

[@JimmyAHN]

예전에 다른 채널의 어떤 영상에서는 var 와 let 의 용도가 다르니 용도에 맞게 쓰면 된다는 설명을 들었던 것으로 기억하는데, 그것이 아니었군요! var 는 사용하지 말아야 하는 것임을 이 영상을 통해 확실하게 배웠습니다. 감사합니다. ^^

[@마루-v1f]

var로 let츠기릿 해버리는 꿀팁 영상~!!

[@UjingetJ]

쵝오!!!

[@미옹이저장소]

하나도 모르는 영역인데 이해되고 재밌네영ㅋㅋㅋ

[@cloudchamb3r]

재밌게 봤습니다 var 는 function scope, let 은 block scope 이고 variable shadowing 도 연관되는 개념이라 거기까지 설명을 확장해줬으면 더 좋지 않을까 싶은 아쉬움은 있네요 ㅋㅋ

[@cpp4452]

그래도 뒤에 for 하시면서 어느정도 설명해주시네여

[@도도도-g1h]

초보의 입장에서 다른타강의는 어려운단어들로 혼자 블라블라 해서 보기싫더라고요.ㅋ

[@좋아요-y7q]

let 을쓰고싶어도 못쓰는 구다닥다리프로젝트도있어서 슬픔..

[@윤태웅-i7n]

Gooooooooooood 간결한 설명 감사해요~~

[@이서방-t1g]

누나 면접가서 할 말이 생겨부렀엉~!

[@hans_oh]

우와! 이 영상 보고 바로 구독했습니다! 이제 var 안 쓰고 let만 쓸게요!

[@deluxetaxi-dogikim]

이론강의도 너무조아요

[@mathijs5199]

var와 let의 차이는 각각 변수에 대한 재선언이 가능하냐 불가하냐, 값에 대한 재할당은 둘다 가능한게 핵심이죠? 잘 보고 갑니다~

[@조익현-j1k]

제가 쓰는 js는 let을 사용 못하는 곳이에네요. 사용 하는 프로젝트 경험 해봤으면 좋겠어요...

[@ALavigne-m1j]

하지만 현재 프로젝트에서는 프로젝트 참여했을때 let쓴거 다 var로 고치라고 하시더라구요 모바일앱인데 버전 문제로... 전에는 옵셔널체이닝 썻다가 갤럭시 노트8에서 문법에러로 잡히고 😢 😢 😢

[@seongyongchoi1227]

그런 경우 바벨이라는 녀석을 이용해서 실제 돌아가는 코드는 모두 자동으로 구버전의 js로 번역되도록 하시면 됩니다!

[@ALavigne-m1j]

@@seongyongchoi1227 금융쪽의 마이데이터 프로젝트중인데 해당 바벨js를 모르고 계시는건 아닌거 같은데 새로운거를 쓰는데 있어서 기존코드에 영향을 줄까 걱정해서인지 뭔가 보수적인거 같더라구요 제가 뭔가 제안하기엔 저도 아직 초보이고 해서 그냥 프로젝트에 제 코드를 맞추고 있어요..ㅜ

[@xyddl]

@@ALavigne-m1j 그 우리은행 마이데이터 앱이시군요! 반갑네요. 어쩌겠어요 그렇게하라면 그렇게 해야져 ㅠㅠ

[@어흥-m6e]

이것이 호이스팅..!

[@희타민-j4l]

근데 썸네일 너무 이쁜거 아니에요?

[@코딩알려주는누나]

희타민씨 프사가 더 이쁘신거 아니에여?? 😍

[@jklee9489]

영어강사셨나요? 영어 발음이 너무 좋으시네요 ㅎㅎ

[@kemppark4587]

이 영상 추천합니다

[@creatorham]

반복 함수 였나 반복문이었나 안에서 var 의 값이 변경되지 않는 문제도 있었는 데 정확히 기억이 안나네요

[@김주책의은밀한사생활]

개발자하려면 표현력과 몸짓, 오버액션이 가득해야한가 보군요 메모해야겠습니다.

[@이신우-z8c]

let을 쓰고싶어도 익스 이슈때문에 쓰질못하네요 ㅠ

[@굿뽀이-n3i]

let ie11부터 지원되자나열? 익스 사용하는 사용자도 많아서 난감

[@콜베]

다른 거 보러갑니다.

[@user-iliillllIllill]

zzzzzzzzzzzzzzzzz var 쓰지 말고 let 쓰시고 행복하세요!

[@Jinseo1905]

let의 호이스팅은 이용할 방법이 아예 없는거겠죠?

[@minsu07311]

var의 호이스팅을 이용한 개 같은 코드를 짜면 어떻게 될까요? 스파게티를 만들어 버리는거죠

[@bitpump_]

아무생각없이 var만썼는데 무적권 let써야겠네요

[@daisoccer]

역대급 깔끔한 설명이네요~

[@ikrbest]

이미 알고 있는데 영상끝까지 봐버렸어요 ㅎㅎㅎㅎㅎㅎㅎ 뷰리풀~!

[@코딩알려주는누나]

선구님도 원더풀~~~~

[@sbl6362]

안녕하세요 :3 "코딩알려주는누나"님! 제가 이번에 학교 친구들이랑 프론트엔드 개발 입문자들이 알아야 할 웹 상식 페이지들을 정리하는 사이트를 만들고있어요..! 각 주제 소개글 아래에 추천 유튜브 영상 탭을 만들어, 추천영상으로 이동할 수 있는 컴포넌트를 만드는데, 이번 호이스팅 관련 주제에서 "코딩알려주는누나"님의 영상을 정말 도움이 많이 될 것 같아 추천 영상으로 소개드려도 될지 허락을 구하고자 댓글을 작성하였어요! (물론 상업용아니에요..!!!) 혹시 "코딩알려주는누나"님의 영상을 추천영상에 올려놔도 될까요?ㅡ?

[@코딩알려주는누나]

앗! 부끄럽네요!! 그래도 잘 봐주셨다니 감사합니다! 추천영상 가즈아ㅏㅏ

[@_JEh]

for문 밖에서 5는 왜 나오는 거에요??

[@ljwoo0108]

마 2022년은 분산웹이 대세인기라 이더리움 nft 블록체인 p2p공부를 해야되는기라 이제 웹3의 시대인기라

[@dodo_love]

이거 근데.. 몰라도 전혀 문제없는데 저 질문한 면접관의 의도가 궁금하다..

[@엔팁-o6b]

언니 립좀 알려주세요 존예!!!!!!!!

[@코딩알려주는누나]

으악 ㅠ 좀 오래된영상이라 저날 뭐발랏는지 기억이 안나네요 ㅠ

[@iiikingjjj]

코알누나~

[@김재엽-p2m]

호잇!

[@Flash890509]

코딩알려주는 누나님! 자바스크립트 듣기 이전에 자바 공부부터 마스터 할려는데 괜찮은 선택인가요? (이상 비전공자 코딩 쌩초보자)

[@코딩알려주는누나]

자바와 자바스크립트는 쓰임이좀 다릅니다!어느쪽을 먼저하던 상관이 없지만 빨리 서비스를 만들어보고 싶다하면 자바스크립트, 좀 처음부터 천천히 빡세고 자세히 가고싶으면 자바 추천드려요

[@Flash890509]

@@코딩알려주는누나 네 자바 스크립트 부터 배우겠습니다. 갓 30살이 넘어서 재취업 압박도 있어서요. 답변 정말 감사합니다! ^^

[@라면에밥-g9m]

var 쓰지 말라면 쓰지마 요.

[@Uksssss]

자바스크립트는 왜 호이스팅을 하나요? 선언된 변수들을 최상단으로 끌어올리는 특별한 이유가 있나요? 자바나 파이썬은 이런 개념이 없는걸로 알고있어요.

[@KGeeeU]

2:40 이 때 특이한 특징이라고 설명해주시는 부분이 자바스크립트의 실행 컨텍스트에 대한 간략한 설명입니다. 실행 컨텍스트란 실행 가능한 코드가 실행되기 위해 필요한 환경입니다. 그 환경을 구성하는 과정에서 설명해주시는 호이스팅이 일어나는 거구요. 이야기에 살을 붙히자면... 사실 정확히 호이스팅이란건 선언을 최상단으로 끌어올리는 것이 아니라 그러한 동작을 하는 것처럼 보이는 "현상" 입니다. 아까 말씀드린 실행 컨텍스트를 구성하는 과정에서, 코드를 실행하기 전, 지금 어떤 변수/함수가 선언 되었는지 확인을 하여 해당 스코프에 등록을 합니다. 이게 코드 실행 전에 일어나다보니 최상단으로 끌어올려지는 듯이 보이는 것이구요. 다만, var 는 선언 및 초기화가 동시에 이루어지기 때문에 오류가 나지 않는 것이고, let 과 const 는 선언과 초기화가 분리되어 있기 때문에 선언만 되어 있어 오류가 나는 것입니다. 부연 설명을 하자면, 변수 생성에는 크게 3단계가 있는데, 선언, 초기화, 할당입니다. 1. 선언은 실행 컨텍스트에 변수를 등록하는 겁니다. 위에서 말한 코드 실행 전에 이루어지죠. 2. 초기화는 변수를 위한 메모리를 확보하고, 변수를 undefined 로 초기화하는 것입니다. var는 선언과 동시에, let과 const는 실제 코드 내에서 변수 선언문에 도달했을때 이루어집니다. 3. 할당은 undefined 로 초기화 된 변수에 실제 값을 할당 하는 것이죠. 초기화 단계가 이루어지지 않으면, 변수를 위한 메모리 공간이 아직 확보되지 않았기에 참조 할 수 없어, 참조 오류를 내뱉게 됩니다. 참고로 const 는 선언과 동시에 반드시 할당을 해줘야 오류가 나지 않습니다! 추가적으로 var는 호이스팅이 일어나 선언 및 undefined 로 초기화 되어 참조 가능해지지만, let/const 는 오류가 나는걸 보면 호이스팅이 일어나지 않는 듯 보이지만 실제로 호이스팅이 일어나고 있습니다! 다만 초기화 지점 전에 참조하려하면 참조오류가 나는 것이지요. 그리고 참조오류가 나는 구간인 스코프 시작 지점부터 초기화 지점까지의 구간을 일시적 사각지대(Temporal Dead Zone; TDZ)’라고 합니다. 주절주절 제 머리 속 내용 정리하듯 메모장처럼 쓰긴 했는데 저도 면접 질문받으면 이렇게 대답하지 않을까 하는 생각에 길어졌네요.. 혹시 틀린 부분 있으면 지적 부탁드립니다!

[@Uksssss]

@@KGeeeU 자세한 설명 감사드립니다! 아 그렇다면 결국 실행 컨텍스트를 위해서 호이스팅이 일어난다라고 봐도 무방할까요? 음... 그러면 왜 자바스크립트는 다른 언어들과는 다르게 실행 컨텍스트를 생성하는지 여쭤봐도 될까요?

[@hikipooh4927]

아는데 어떻게 설명할지 궁금해서 보고있는중ㅋㅋ

[@zommoc]

죄송하지만 귀여워서 구독합니다.

[@kakalaws555]

hoist the colours!!

[@sekulim527]

Var를 쓰지말라니요 ㅋ 다용도가있습니다

[@용이내가된다]

var을 안쓰면 됨. 쓸일 없음

[@잡초-c9r]

호이스팅? 호스팅?

[@멍멍이-f8o]

사실 let 쓰다가도 var로 나중에 고침 ㅋㅋ

[@schoolkeepa]

둘리 호이스팅으로 가스라이팅

[@pinetree1960]

Var가 더좋아요.

[@bluedawn12345]

;;;

[@MMulgogi]

@@bluedawn12345 ㅋㅋㅋㅋㅋㅋㅋ ;;로 모든걸 표현