자바스크립트 기초 강좌 : 100분 완성
Ғылым және технология
안녕하세요. 코딩앙마 입니다 :)
자바스크립트 기초 강좌를 하나의 영상으로 만들었습니다. 프로그래밍 경력이 없어도 됩니다. 완전 초보라도 괜찮아요. 딱 100분만 투자하고 자바스크립트가 어떤건지 감을 잡아 봅시다!
24:55
오류가 있어 바로 잡습니다.
Number(0) // false
Number('0') // true
Number('') // false
Number(' ') // true
가 아니라
Boolean(0) // false
Boolean('0') // true
Boolean('') // false
Boolean(' ') // true
이 맞습니다.
크롬에서 Codepen 이나 JSFiddle 같은 웹에디터를 사용했을때 alert/prompt/confirm 같은 기능이 제대로 동작하지 않습니다.
2021.07 참고: www.chromestatus.com/feature/...
파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
----------------------------------------
이 수업은 기초 자바스크립트 수업으로, 완전 초보자를 대상으로 진행합니다.
This video is a JavaScript(ES6) tutorial for beginners.
재생목록 링크 : • 왕 초보 자바스크립트
00:00 Intro
01:30 변수
05:57 자료형
11:32 alert, prompt, confirm
17:45 형변환
25:10 기본 연산자
28:14 비교 연산자, 조건문 (if, else)
35:26 논리 연산자 (AND, OR, NOT)
44:39 반복문(for, while, do while)
51:40 switch문
56:35 함수(function)의 기초
1:12:16 함수 표현식, 화살표 함수(arrow function)
1:17:32 객체(Object)
1:28:00 객체(Object) - method, this
1:34:24 배열(Array)
1:40:24 마치며
이 영상으로 공부를 마치셨나요? 이제 좀 더 깊게 자바스크립트를 알아봅시다!
중급 강좌 링크 : • 자바스크립트 중급 강좌
#자바스크립트 #javascript #기초 #초보 #강의 #1KCreator
Пікірлер: 445
24:55 오류가 있어 바로 잡습니다. Number(0) // false Number('0') // true Number('') //false Number(' ') //true 가 아니라 Boolean(0) // false Boolean('0') // true Boolean('') //false Boolean(' ') //true 이 맞습니다. 크롬에서 Codepen 이나 JSFiddle 같은 웹에디터를 사용했을때 alert/prompt/confirm 같은 기능이 제대로 동작하지 않습니다. 2021.07 참고: www.chromestatus.com/feature/5148698084376576 파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
@oklu_
2 жыл бұрын
질문하려던 참이었는데 답이 있네요 감사합니다!
@developp
2 жыл бұрын
전부 ture이라고 쓰셨어요. 검토를 잘 하셔야겠어요^^
@defkwon9948
2 жыл бұрын
*true
@idxvjdcvy5270
Жыл бұрын
영상 업로드 계속 가능하신가요
@dark9459
Жыл бұрын
머리 굴리다 이해가 안 돼서 댓글 봤네요ㅋㅋ
이제 자바스크립트 공부하시는 분들은 다른거 볼 필요 없이 '코딩앙마' 이분 강의만 보셔도 완벽하다고 자신있게 권해드릴 수 있습니다. 초급+중급 다 코딩앙마님 덕분에 땠습니다. 제가 이거저거 여러개 다 들어봤지만 전 유튜브+인터넷을 통틀어서 코딩앙마님이 최고로 잘 가르쳐주십니다. 가장 쉽고 가장 잘 정리하여 알기 쉽게 쏙쏙 이해가 됩니다. 가히 최고 수준의 강의라고 생각합니다. 유료강의보다 훨씬 좋습니다.
@soundofmeditation6229
2 жыл бұрын
베스트
@user-rc6nk9vc2e
2 жыл бұрын
국비지원보다 이걸루 공부하는게 나을까요
@user-kd2ie2cq8z
Жыл бұрын
공감!!!
@user-gi2xs8ix7s
Жыл бұрын
@@user-rc6nk9vc2e 국비지원 들은 사람으로서 이게 훨씬 나아요..국비지원은 기초도 모르는 상태에서 예시만 계속 만들어요 전 이 유튜브 영상보고 왜 거기에 이게 쓰였는지 이제 알았어요 국비지원은 이 영상 다 보시고 프로젝트 만들어보는게 나을듯
@실험맨
10 ай бұрын
ㅇㅈ
자바스크립트 진입이 너무 어렵게 느껴졌는데 덕분에 감이 잡힙니다! 잘 이해가 안되는 부분은 바로 코드로 설명해주시고 ... 1시간 40분 강좌를 연이어 봤네요 감사합니다.
그동안 찾아봤던 자바스크립트 강의는 내용을 토막토막 알려줘서 그래서 이걸로 어쩌라는 건가 싶은 느낌이었는데 개념들이 잘 정리되어 있고 이전에 배운 내용들을 사용해서 설명해주시니 이해가 잘 됩니다! 좋은 영상 감사합니다!
정말 군더더기 없이 깔끔하며 핵심만을 설명하는 강좌입니다.. 자바스크립을 처음 공부하면 축약이 많아 공부하기 힘들겠지만 좀 아는 상태에서 들으니 뭐가 부족했는지 체크하며 배울 수 있어서 너무 좋았습니다
평소 헷갈리거나 가려웠던 곳을 잘 짚어주는 강의인 것 같아요!!!! 이 채널을 이제라도 알게돼서 정말 기쁩니다 ㅠㅠ 감사해요!
이 영상은 진짜 계속 계속 반복하면서 봐야하는 영상인거 같음. 마치 고등학교 때 좀 막히면 수학의 정석 계속 읽어 보는 것처럼, 버스 탈 때, 할 거 없을 때 틈틈히 계속 들어서 완전히 자기 거로 만들어야 함. 명강의
@실험맨
10 ай бұрын
1번만봐도 설명이좋아서 다 이해되는데.. 아 물론 필기하면서 했습니다.
자바스크립트 기초 강의는 이게 진짜 최고예요. 하나하나 간결하게 설명해주셔서 이해가 쏙쏙...
2,3년전에 es5 자바스크립트만 썼고 안쓴지 꽤 되어서 복습하려고 보는데 정말 간단명료하게. 주의할 점까지 잘 알려주시네요 감사합니다. 구독할게요
2주 후에 개발 공부하게 되는데, 좋다는 분이 많네요! 저도 공부하러 다니기 전까지 책도 보고 코딩앙마님 영상 보려고요! 감사합니다!
JS 쓰면서 어딘가 약간 헷갈렸던 개념을 이렇게 쉽게 쏙쏙 알려주는 강의 처음입니다... 좋은 강의 감사드려요! 선생님 짱입니다 👍
자바스크립트 공부하는 코린이 입니다 지인 통해서 이 강의 듣게 되었는데 정말 보물같은 영상이에요ㅠㅠㅠㅠ 평소에 애매하게 알고있던 것들도 상세하게 설명해주셨고, 초심자의 눈높이에 맞게 어떻게 코드가 실행되는지 경로? 같은것도 상세하게 하나하나 알려주시니 너무 쉽게 이해가 되네요 정말 감사합니다 코딩앙마님ㅠㅠㅠㅠ 복받으실꺼에요 진짜루ㅜㅜㅜ 로토 1등 당첨되시구, 주식 비트코인 대박나시구, 강남 고급 아파트 청약 당첨되시구, 오래오래 무병장수 하세요ㅎㅎㅎㅎ 진짜 너무너무 감사드려요!!!
다른 언어 쓸 줄 아는 분은 영상 틀고 중간중간 메모 하면서 가볍게 봐도 될꺼같아요 코딩앙마님 덕분에 지하철 타고 왔다갔다하는 시간에 자바스크립트 기본기 익히고 갑니다 감사합니다
꼭 필요한 정보만 명료하게 설명해주셔서 도움 많이 받고 갑니다. 오늘부터 구독합니다. 고맙습니다!
좋은 영상 감사드리고 꼭 필요한 정보만 쉽고 이해하기 쉽게 설명해주셔서 너무 좋았습니다. 감사합니다.
국비수업들을때 자바스크립트부터 아예 이해하지못했는데 진짜 명강의세요 ㅠㅠ이해가 너무잘돼요 감사합니다
자바스크립트 입문자입니다. 영상 덕분에 차근차근 배워 가며 반복 또 반복 하고 있습니다. 진심으로 감사드립니다^^
절반까지 들었는데, 슬슬 눈이 뜨이고 있습니다....!!! 슬슬 이해가 되고 재미있어지기 시작했어여..! 모두들 화이팅..!!!!!!!
짧은 시간에 자바스크립트 이해에 큰 도움되었습니다. 감사합니다.
실제 생활에서 자주 접하는 예시로 코딩을 가르쳐주셔서 잘 이해가 됩니다. 감사합니다.
정말 감사합니다. 국비학원에서 JS배우는데 기초가 굉장히 부족해서 헤매던 차에 좋은 강의 자료 정말 고맙습니다... 스터디원들한테 홍보해두겠습니다
헷깔렸던 개념들 잘 정리하기 좋은 것 같아요. 좋은 강의 감사드립니다!
초급강좌중에 최고인듯 강의+ppt 느낌이네요
최고의 강의. 초보자에게 이보다 좋은 강의가 있을까요? 정말 감사합니다
와 정말 ㄳㄳ 간단명료하네요 초보가 감탄하고 갑니다..꾸벅
취업학교 선생님 소개로 영상을 보게 됐는데 정리가 간결해서 좋습니다! 좋은 영상 감사드리고 앞으로도 잘 부탁드립니다~
잘봤습니다~ 다른 프로그래밍 언어보다 JS가 형변환에 있어서 조금 이해가 안되는 부분이 많았는데 덕분에 잘 복습하고 갑니다 ^^
자바스크립트 공부 너무 막막했는데 이 강의 덕분에 조금 감을 잡아가는 느낌이드네여.. 넘감사해요!🙈❤🔥
구멍난 치즈처럼 허술한 저의 코딩을 채워주는 느낌입니다.. 감사합니다.. 정독할께요
boy, man 을 객체로 this의 개념을 설명하시는 부분에서 감탄을 금치 못했습니다... 가장 간결하고 가장 머리에 박히네요 와.. 강의를 여러가지를 봤지만 가장 간결하면서 효과적입니다.
다른 언어로 일하다가 급히 자바스크립트 지식이 필요해서 배속으로 건너뛰면서 봤는데 함수 부분이 가장 유용했네요 감사합니다
와 핵심만 딱딱 짚어주는 거 정말 훌륭하다.
정말 유익한 영상입니다. 많이 배웠어요. 감사합니다.
이해가 쏙쏙되고 기초부터 쉽게 알려주셔서 감사합니다. 구독 하고 갑니다~
쉽게 설명해주셔서 좋은것 같아요!!! 아 기초강좌 처음부터 이거 볼걸,,
이런 분이 존재하심에 신께 감사드립니다
C 기반 지식을 갖고 영상을 보니 빠르게 이해하기 좋았습니다.! 좋은 영상 감사합니다.!
세밀하고 좋은 강의에 진심으로 감사드립니다.^^
대박대박... 대박..... 정확,신속,간결 삼박자 대박.
코딩앙마님 항상 도움받고 있습니다. 감사합니다!
유익한 동영상 감사합니다. 지금부터 열심히 듣겠습니다.
진짜 이해가 쏙쏙 돼요!!! 명강의입니다
뉴욕에서 부트캠프 통해 공부하고 있는 학생입니다! 정말 유용한 자바스크립트 문법강의 영상 잘봤습니다! 감사합니다~
감사합니다 끝까지 들어볼게요 7/5 9:37 7/6 46:00 7/6 1:09:44 7/7 1:18:20 7/7 1:32:42 오늘 안에 끝내는게 목표! 7/7 오전 12시 9분 끝 감사합니다 쓰면서도 문법만 외워서 쓰는 기분이었는데 강의 덕분에 제대로 이해할 수 있었습니다. 중급 수업도 열심히 듣겠습니다.
도움 많이 받고있습니다! 감사합니다!
생각날때마다 한번씩 돌려봐요. 리마인드하기 좋네요
리얼포스 타이핑 소리가 듣기 좋네요^^ 강좌 보고 많은 도움 받고 갑니다.
너무 도움되는 강의입니다! 정말 감사해요 👍🏻🥰
감사합니다 자세히 한번 보고 또 한번 보겠습니다! 감사드립니다!
의문점 없이 쉽게 이해가 갑니다 굿굿
감사합니다 깔끔한 영상과 지식전달 구독, 알림설정완료~
42:00 학원에서 자바스크립트 듣고 좌절했는데 이거 들으니까 둥둥 떠다니던게 이해가 가요.. 주말에 나머지 다 들어야지
깔끔한 강의 감사드립니다. 키보드 소리 좋아요~
감사합니다. 잘 듣고 있습니다. 또한 구독자 1천 돌파 축하드립니다. 곧 1만 그리고 10만 돌파 예상 각 입니다. ^.~
@codingangma
3 жыл бұрын
힘이 되는 댓글 항상 달아주셔서 감사합니다 ㅠㅠ
차분한 목소리와 진정어린 강의 너무 좋네요. 추천 많이 드립니다.
강의 잘봤습니다. 깔끔한 설명이 좋습니다!
이해하기 쉽게 정리해주셔서 감사합니다
좋은 강의 감사드립니다!!
1:14:20 한눈에 바뀌는 위치 보기좋게 설명해주시네요… 개미친강의
한번더 정리할겸 왔어요~ 감사히 잘 듣겠습니다~
좋은 강의 올려주셔서 감사합니다
언어 2개 다룰수 있게 됬어요! 정말 감사합니다
입문용으로 좋네요 좋은 영상 감사합니다
강의 잘 들었습니다 !!
좋은 강의 감사합니다
소중한 강의 진심으로 감사드립니다^^
편집도 깔끔하고 설명도 잘하셔서 애청하고 있습니다ㅎㅎ 좋은 영상 감사드려요!!
@codingangma
3 жыл бұрын
감사합니다! 유익한 영상 올릴 수 있도록 하겠습니다 :)
#5:53 변수 주의사항 #16:16 alert, prompt, confirm #24:19 sting, number, boolean #24:34 형변환 주의사항 #1:09:00
많음 도움이 되고 있습니다 감사합니다~
왠만하면 댓글 잘 안남기는데... 다른 사이트 유료 강의 10개 넘게 결제한 사람으로서 그것보다 이게 훨씬 낫네요!!... 코딩앙마님도 인프X나 패스트OOO에 유료강의 론칭하시면 대박날 것 같습니다!! 좋은 강의 만들어주셔서 정말 감사드립니다!
자바 스크립트 짜는 애가 애로우 펑션 애로우 펑션 하길래 뭐지?? 콜백함수를 얘기하는건가? 했는데 이거였군요 .. 영상 쉽게 잘 만들어주셔서 감사합니다.
주말마다 강의 들으며 프로그래밍 독학하는 중학생입니다. 지금까지 봐왔던 (프로그래밍언어상관없이) 강의들 중에서 가장 쉽고 정확하게 배울수 있고 핵심을 잘 짚어주셔서 최고의 강의로 생각됩니다. 오늘 금요일인데 내일 제대로 다 배운 다음 다음주에 중급 보려고 합니다. 이런 좋은 강의 제작해주셔서 정말정말 감사합니다.
@who_are_you_uuuuu
2 жыл бұрын
@@cozyboyyy1721 아유..아닙니다.. 막 잘하는것도 아니에요 ㅠ
강좌 감사합니다! 🔥👨💻
@codingangma
2 жыл бұрын
아이고 방문 해주셔서 제가 감사하지요. 댓글에서도 빡코딩 기운이 느껴지네요!!!
영상 잘 봤습니다~! 시간 되실 때 프로그램 별 단축키 정리도 해주시면 감사하겠습니당ㅎㅎ
최고의 강의!!
빠르게 개념 잡기 좋은 강의네요
이런 강의를 무료로 재능기부 하시는 이런 분은 존경할 만 합니다. 유료 강의 보다 좋네요. 대부분의 강의들이 what,how에 초점이 맞춰져 있는데, 이분 강의는 Why에 초점이 잘 맞춰져 있네요.
초보자로써 잘 배울수 있는 유익한영상 매우 감사합니다. 혹시 코딩할때 단축키에대한것도 따로 올려주실수 있나요??
제로베이스입니다ㅎㅎ 이번 강의 이해하고 숙지하는데 약 20시간 정도 걸린듯 합니다ㅎㅎ 점점 이해속도가 빨라지겠죠?? 아직 갈길이 멀지만 개념이 잡힌듯합니다. 감사합니다 코딩앙마님! 이제 중급으로 넘어갑니다ㅎㅎㅎ
완전 감사합니다.!!
너무 너무 감사합니다!!!!!!!!!
개빡대갈인 저한테 매우 유용한 강의였습니다!
악마가 아니라 천사십니다
무료로 듣기 미안할 정도의 강의입니다. 구독누르고 항상 찾아보고있어요 감사합니다
37:03 좋은 강의 감사합니다
좋은 영상 감사합니다
강의 감사합니다
감사합니다. 이 영상덕부에 시간을 단축했습니다. 자바스크립트 중급 합본도 도움이 될것같습니다. 중금 합본에서 또 인사드리겠습니다.
괄로(X) 괄호(O) 括 (묶을 괄), 弧 (활 호) [한자풀이] 묶음표, ( ) 모양의 문장 부호
이걸 찾고있었습니다! 감사합니다 25:00
기초편인만큼 너무 딥하지 않고 간결해서 좋아요!! 기본기가 제대로 안 잡힌 상태에서 깊게 알려주셔도 이해를 다 못하고 오히려 포기하기 쉬운데 레벨에 맞게 설명해주셔서 필기하며 공부하고 있습니다!! + 공부하면서 막혀서 질문 남깁니다 ㅠㅠ Q. or이 여러개 중 하나라도 true면 true라고 하셨는데 주로 비교연산자와 같이 써서 비교연산자의 반환값은 boolean형이니까 이해가 갔는데 1:09:06에서와 같이 newName = a || b일 때 b가 참이라고 하셨는데 그러면 뉴네임에는 true가 들어가는 게 아닌가요? Q. 비교연산자는 반환값이 불린형이지만 논리 연산자는 반환값이 불린이 아닌걸까요? Q. a= 0||1 하여 console.log하니 1이 나오고 a=0||2하면 2가 나오는데 a=1||2하였더니 1이 나왔습니다. 오류인걸까요? 어떤 기준?과 과정?으로 or의 반환값이 무엇으로 정해져서 대입 되는지 잘 모르겠습니다. ㅠㅠ
35:32 // 좋은 영상 감사합니다!
와 너무 감사합니다.
침대에 누워 자바스크립트를 입문할 수 있는 영상... 감사합니다.
영상 최곱!!
감사합니다!
매우 감사합니다
감사합니다
안녕하세요 구독하고 갈께요 저도 지금 국비교육으로 코딩배우고있는데 잘부탁드립니다
감사합니다!!