JAVASCRIPT공부
페이지 정보
본문
자바스크립트 기초 강좌 : 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 참고: https://www.chromestatus.com/feature/5148698084376576
파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
----------------------------------------
이 수업은 기초 자바스크립트 수업으로, 완전 초보자를 대상으로 진행합니다.
This video is a JavaScript(ES6) tutorial for beginners.
재생목록 링크 : https://www.youtube.com/playlist?list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI
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 마치며
이 영상으로 공부를 마치셨나요? 이제 좀 더 깊게 자바스크립트를 알아봅시다!
중급 강좌 링크 : https://youtube.com/playlist?list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4
#자바스크립트 #javascript #기초 #초보 #강의 #1KCreator
코딩앙마 : 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 참고: https://www.chromestatus.com/feature/5148698084376576
파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
Juneseok : 이 영상은 진짜 계속 계속 반복하면서 봐야하는 영상인거 같음. 마치 고등학교 때 좀 막히면 수학의 정석 계속 읽어 보는 것처럼, 버스 탈 때, 할 거 없을 때 틈틈히 계속 들어서 완전히 자기 거로 만들어야 함. 명강의
MJ : 정말 군더더기 없이 깔끔하며 핵심만을 설명하는 강좌입니다.. 자바스크립을 처음 공부하면 축약이 많아 공부하기 힘들겠지만 좀 아는 상태에서 들으니 뭐가 부족했는지 체크하며 배울 수 있어서 너무 좋았습니다
sung Hyun Kim : 자바스크립트 공부하는 코린이 입니다
지인 통해서 이 강의 듣게 되었는데 정말 보물같은 영상이에요ㅠㅠㅠㅠ 평소에 애매하게 알고있던 것들도 상세하게 설명해주셨고, 초심자의 눈높이에 맞게 어떻게 코드가 실행되는지 경로? 같은것도 상세하게 하나하나 알려주시니 너무 쉽게 이해가 되네요 정말 감사합니다 코딩앙마님ㅠㅠㅠㅠ
복받으실꺼에요 진짜루ㅜㅜㅜ 로토 1등 당첨되시구, 주식 비트코인 대박나시구, 강남 고급 아파트 청약 당첨되시구, 오래오래 무병장수 하세요ㅎㅎㅎㅎ 진짜 너무너무 감사드려요!!!
bom : JS 쓰면서 어딘가 약간 헷갈렸던 개념을 이렇게 쉽게 쏙쏙 알려주는 강의 처음입니다... 좋은 강의 감사드려요! 선생님 짱입니다
코딩 분야 소개와 가장 먼저 공부해야 할 것과 공부 순서
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 코딩을 어떻게 나눌 수 있는지 전반적인 분야 소개와 가장 먼저 공부해야 할 것을 주제로 영상을 준비하였습니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://jocoding.net/
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:14 코딩 분야 간략 소개
01:59 가장 먼저 공부해야할 것 "웹"
02:24 많은 사람들이 언어부터 공부하는 현상과 문제점
02:46 과거의 텍스트 기반 프로그램들
03:03 웹 개발 공부의 장점
05:12 프론트엔드와 백엔드 소개
06:49 웹 프론트엔드 상세 소개 - HTML, CSS, JavaScript
10:08 백엔드 서버 소개
11:05 DB 소개
#코딩 #프로그래밍 #개발자 #분류
조코딩 JoCoding : 이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 코딩을 어떻게 나눌 수 있는지 전반적인 분야 소개와 가장 먼저 공부해야 할 것을 주제로 영상을 준비하였습니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:14 코딩 분야 간략 소개
01:59 가장 먼저 공부해야할 것 "웹"
02:24 많은 사람들이 언어부터 공부하는 현상과 문제점
02:46 과거의 텍스트 기반 프로그램들
03:03 웹 개발 공부의 장점
05:12 프론트엔드와 백엔드 소개
06:49 웹 프론트엔드 상세 소개 - HTML, CSS, JavaScript
10:08 백엔드 서버 소개
11:05 DB 소개
#코딩 #프로그래밍 #개발자 #분류
봉빠 : 지나가던 현직개발자입니다. 가볍게 이야기 하시는거 같지만, 어쨋든 취미가 아닌 직업을 보고 공부하는것이라면 언젠가는 필요한.. 기본기들이 있지않나요.. 필요없는게 아니라 초반 흥미를 위한 공부로 좋다 라고 말씀하시려는거 같은데 의미가 왜곡될까 걱정이네요.. 요즘 뭔가 심도있는 내용을 알아야된다고 얘기하면 '제가 연구하는것도 아닌데요 뭘' 이라고 말하는 한심한 주니어개발자들이 많더군요..ㅠ
쵸시 : 컴공 전공하고 다른 분야 직업을 갖고있는 사람으로써 교수님이 이렇게 쉬운 개념부터 설명해주셨다면 얼마나 좋았을까
희원이하고싶은거 다해 : 여태까지 코딩관련 여러 영상들을 봤는데 정말 이해하기 쉽게 설명해주시네요... 최고!!!
include : 급식 기준에서도 웹서버 하는 학생들이 별로 없어서 차별화도 되고 컴실에서 자랑할수 있는게 정말 좋아요
자바스크립트 공부 효율적으로 하기
아래 링크에서 1분코딩의 재미있는 온라인 강좌들을 확인해 보세요
https://studiomeal.com/product
#자바스크립트 #코딩 #웹디자이너 #웹개발 #웹디자인
철뱃 : 애플 사이트 비슷하게 구현해보고 싶어서 '애플 웹사이트 인터랙션 클론!' 인프런 강의로 처음 1분코딩님을 접했습니다.
그림도 그려가며 이해를 도와주시는 강의 방식이 개인적으로 저에게 잘 맞는다는 느깜을 받았어요.
어려울 수 있는 부분을 초보자의 눈높이에서 이해를 도우려고 노력하시는게 느껴져서 배려심이 남다르신 분이라는 생각도 들더라구요.
특유의 편안함도 느껴지고 인간적으로도 배울점이 많으신 분이라고 생각해요! 영상들 너무 감사합니다.
미유 : 자바스크립트 공부중이었는데ㅠㅠ 지쳐있었던 중에 너무나 도움이 되는 팁이었어요! 정말 감사해요! 항상 감사합니다 :)
MrPpippi : 정말 좋은 팁을 주셨네요. 공부를 하고 있는중인데, 자바스크립트 실력이 너무 부족하다 느껴, 기초부터 다시 강의를 들으려 하였는데, 재미가 없어, 미루고 미루고 있던 시간이였는데, 공부하기에, 좋은 동기를 주셨습니다. 감사합니다.
김성훈 : 좋은 영상 감사합니다.
내용은 좋은데 배경음악이 좀 크고 오디오레벨이 봄 부족해서 듣기 불편한점이 있어서
휴대폰으로 쵤영하신 경우에는 배경음악꺼를 5dB 정도 낮추시면 좀 더 좋을 것 같아요오~
Ian : 인상이 너무 좋으세요. 덕분에 좋은 조언 받아갑니다. 항상 감사합니다 ~!!
안녕하세요. 코딩앙마 입니다 :)
자바스크립트 기초 강좌를 하나의 영상으로 만들었습니다. 프로그래밍 경력이 없어도 됩니다. 완전 초보라도 괜찮아요. 딱 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 참고: https://www.chromestatus.com/feature/5148698084376576
파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
----------------------------------------
이 수업은 기초 자바스크립트 수업으로, 완전 초보자를 대상으로 진행합니다.
This video is a JavaScript(ES6) tutorial for beginners.
재생목록 링크 : https://www.youtube.com/playlist?list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI
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 마치며
이 영상으로 공부를 마치셨나요? 이제 좀 더 깊게 자바스크립트를 알아봅시다!
중급 강좌 링크 : https://youtube.com/playlist?list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4
#자바스크립트 #javascript #기초 #초보 #강의 #1KCreator
코딩앙마 : 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 참고: https://www.chromestatus.com/feature/5148698084376576
파이어폭스등 다른 브라우저를 사용하시거나, 크롬 개발자 도구의 console 탭에 직접 작성하시길 추천 드립니다.
Juneseok : 이 영상은 진짜 계속 계속 반복하면서 봐야하는 영상인거 같음. 마치 고등학교 때 좀 막히면 수학의 정석 계속 읽어 보는 것처럼, 버스 탈 때, 할 거 없을 때 틈틈히 계속 들어서 완전히 자기 거로 만들어야 함. 명강의
MJ : 정말 군더더기 없이 깔끔하며 핵심만을 설명하는 강좌입니다.. 자바스크립을 처음 공부하면 축약이 많아 공부하기 힘들겠지만 좀 아는 상태에서 들으니 뭐가 부족했는지 체크하며 배울 수 있어서 너무 좋았습니다
sung Hyun Kim : 자바스크립트 공부하는 코린이 입니다
지인 통해서 이 강의 듣게 되었는데 정말 보물같은 영상이에요ㅠㅠㅠㅠ 평소에 애매하게 알고있던 것들도 상세하게 설명해주셨고, 초심자의 눈높이에 맞게 어떻게 코드가 실행되는지 경로? 같은것도 상세하게 하나하나 알려주시니 너무 쉽게 이해가 되네요 정말 감사합니다 코딩앙마님ㅠㅠㅠㅠ
복받으실꺼에요 진짜루ㅜㅜㅜ 로토 1등 당첨되시구, 주식 비트코인 대박나시구, 강남 고급 아파트 청약 당첨되시구, 오래오래 무병장수 하세요ㅎㅎㅎㅎ 진짜 너무너무 감사드려요!!!
bom : JS 쓰면서 어딘가 약간 헷갈렸던 개념을 이렇게 쉽게 쏙쏙 알려주는 강의 처음입니다... 좋은 강의 감사드려요! 선생님 짱입니다
코딩 분야 소개와 가장 먼저 공부해야 할 것과 공부 순서
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 코딩을 어떻게 나눌 수 있는지 전반적인 분야 소개와 가장 먼저 공부해야 할 것을 주제로 영상을 준비하였습니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://jocoding.net/
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:14 코딩 분야 간략 소개
01:59 가장 먼저 공부해야할 것 "웹"
02:24 많은 사람들이 언어부터 공부하는 현상과 문제점
02:46 과거의 텍스트 기반 프로그램들
03:03 웹 개발 공부의 장점
05:12 프론트엔드와 백엔드 소개
06:49 웹 프론트엔드 상세 소개 - HTML, CSS, JavaScript
10:08 백엔드 서버 소개
11:05 DB 소개
#코딩 #프로그래밍 #개발자 #분류
조코딩 JoCoding : 이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 코딩을 어떻게 나눌 수 있는지 전반적인 분야 소개와 가장 먼저 공부해야 할 것을 주제로 영상을 준비하였습니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: https://jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:14 코딩 분야 간략 소개
01:59 가장 먼저 공부해야할 것 "웹"
02:24 많은 사람들이 언어부터 공부하는 현상과 문제점
02:46 과거의 텍스트 기반 프로그램들
03:03 웹 개발 공부의 장점
05:12 프론트엔드와 백엔드 소개
06:49 웹 프론트엔드 상세 소개 - HTML, CSS, JavaScript
10:08 백엔드 서버 소개
11:05 DB 소개
#코딩 #프로그래밍 #개발자 #분류
봉빠 : 지나가던 현직개발자입니다. 가볍게 이야기 하시는거 같지만, 어쨋든 취미가 아닌 직업을 보고 공부하는것이라면 언젠가는 필요한.. 기본기들이 있지않나요.. 필요없는게 아니라 초반 흥미를 위한 공부로 좋다 라고 말씀하시려는거 같은데 의미가 왜곡될까 걱정이네요.. 요즘 뭔가 심도있는 내용을 알아야된다고 얘기하면 '제가 연구하는것도 아닌데요 뭘' 이라고 말하는 한심한 주니어개발자들이 많더군요..ㅠ
쵸시 : 컴공 전공하고 다른 분야 직업을 갖고있는 사람으로써 교수님이 이렇게 쉬운 개념부터 설명해주셨다면 얼마나 좋았을까
희원이하고싶은거 다해 : 여태까지 코딩관련 여러 영상들을 봤는데 정말 이해하기 쉽게 설명해주시네요... 최고!!!
include : 급식 기준에서도 웹서버 하는 학생들이 별로 없어서 차별화도 되고 컴실에서 자랑할수 있는게 정말 좋아요
자바스크립트 공부 효율적으로 하기
아래 링크에서 1분코딩의 재미있는 온라인 강좌들을 확인해 보세요
https://studiomeal.com/product
#자바스크립트 #코딩 #웹디자이너 #웹개발 #웹디자인
철뱃 : 애플 사이트 비슷하게 구현해보고 싶어서 '애플 웹사이트 인터랙션 클론!' 인프런 강의로 처음 1분코딩님을 접했습니다.
그림도 그려가며 이해를 도와주시는 강의 방식이 개인적으로 저에게 잘 맞는다는 느깜을 받았어요.
어려울 수 있는 부분을 초보자의 눈높이에서 이해를 도우려고 노력하시는게 느껴져서 배려심이 남다르신 분이라는 생각도 들더라구요.
특유의 편안함도 느껴지고 인간적으로도 배울점이 많으신 분이라고 생각해요! 영상들 너무 감사합니다.
미유 : 자바스크립트 공부중이었는데ㅠㅠ 지쳐있었던 중에 너무나 도움이 되는 팁이었어요! 정말 감사해요! 항상 감사합니다 :)
MrPpippi : 정말 좋은 팁을 주셨네요. 공부를 하고 있는중인데, 자바스크립트 실력이 너무 부족하다 느껴, 기초부터 다시 강의를 들으려 하였는데, 재미가 없어, 미루고 미루고 있던 시간이였는데, 공부하기에, 좋은 동기를 주셨습니다. 감사합니다.
김성훈 : 좋은 영상 감사합니다.
내용은 좋은데 배경음악이 좀 크고 오디오레벨이 봄 부족해서 듣기 불편한점이 있어서
휴대폰으로 쵤영하신 경우에는 배경음악꺼를 5dB 정도 낮추시면 좀 더 좋을 것 같아요오~
Ian : 인상이 너무 좋으세요. 덕분에 좋은 조언 받아갑니다. 항상 감사합니다 ~!!
... 
댓글목록
등록된 댓글이 없습니다.
