관리 메뉴

즐겁게, 코드

웹 개발 공부를 위한 유튜브 채널 추천 본문

🧺 일상다반사/생각

웹 개발 공부를 위한 유튜브 채널 추천

Chamming2 2021. 4. 23. 20:43

안녕하세요, 오늘은 웹 개발 공부를 위한 유튜브 채널을 몇 군데 추천해보려 합니다!

 

제가 직접 영상을 하나 이상 시청한 채널만 추천하는지라 다른 좋은 유튜버분들이 포함되지 않았을 수도 있지만, 여기 계신 분들도 굉장히 좋은 리소스를 많이 제공해주니 한번 둘러보시길 추천드립니다! (+ 이밖에도 좋은 채널이 있다면 추천 부탁드리겠습니다 😆)

1. Traversy Media

 

Traversy Media

Traversy Media features the best online web development and programming tutorials for all of the latest web technologies including Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS and much more

www.youtube.com

첫 번째 영상은 아마 많은 분들이 알고 계실수도 있는 Traversy 님의 채널입니다.

웹 풀스택부터 시작해 파이썬, 개발 환경 설정법 등 참고하기 좋은 영상이 많아 참고하기 좋습니다!

추천 영상

[2021 리액트 속성강의] - www.youtube.com/watch?v=w7ejDZ8SWv8&t=1950s

2. Web Deb Simplified

 

Web Dev Simplified

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular techn

www.youtube.com

Traversy Media가 여러 스택을 비교적 얕게 소개한다면, Web Deb Simplified (WDS) 는 여러 스택을 얕게 + 자바스크립트를 깊게 배울 수 있는 채널입니다.

 

또한 온갖 기상천외한 프로젝트와 클론코딩을 무료로 제공해 자바스크립트를 "재밌게" 배우기 좋은데요, 강의력도 무척 좋은 편이라 듣는 내내 즐겁게 들으실 수 있을 거에요!

추천 영상

[리액트 훅 설명 재생목록] - www.youtube.com/watch?v=O6P86uwfdR0&list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h

[클로저 개념강의] - www.youtube.com/watch?v=3a0I8ICR1Vg

[그외 토이 프로젝트 영상 다수]

3. Techworld With nana

 

TechWorld with Nana

Hi there! I am a DevOps Consultant based in Austria 🇦🇹. Helping people to learn DevOps topics easily 💙 I create new videos every second week, topics include mainly DevOps tutorials. Subscribe and activate bell notification so you don't miss new vi

www.youtube.com

TechWorld with Nana는 웹과 데브옵스에 관한 내용을 주로 다루는 채널입니다!

 

특이한 점이라면 여기서는 Zero To Hero! 라는 컨셉으로 생기초부터 심화과정을 한번에 다루는 강의를 여럿 제공해, 새로운 기술을 배우고자 하는 분들께 강추드립니다!

추천 영상

[Zero To Hero! : 도커 튜토리얼] - www.youtube.com/watch?v=3c-iBn73dDE

4. Academind

 

Academind

There's always something to learn! We (Max & Manuel) create courses and tutorials that teach you everything related to web development. No matter if it's programming languages like JavaScript, runtimes like NodeJS or popular frameworks like ReactJS, Angula

www.youtube.com

Academind는 유데미에서 가장 큰 강의 채널 중 하나인데요, 유튜브에서는 유료 강의에서 일부를 편집한 엑기스(?) 파트의 무료 강의를 제공하고 있습니다.

 

데모나 단순 클론코딩보다는 원리와 배경에 기반한 깊이있는 설명 이 주가 되기 때문에, 기술들의 주요 개념을 다지기에 특화된 채널입니다.

아무래도 유튜브 영상들은 분량이 짧은 편이니, 유데미에서 만원 가량으로 할인할 때 강의를 사서 듣는 것을 추천드립니다!

추천 영상

[리액트 네이티브 속성강의] - www.youtube.com/watch?v=qSRrxpdMpVc

유데미 강좌 추천 : CSS, Node.js, 타입스크립트

5. Dev Ed

 

Dev Ed

Learn web development, web design, 3d modelling, tools like figma and more without getting bored! The goes of this channel is to get you to become as creative you can be! So if you like to create video games in Unity or develop an application in node.js, s

www.youtube.com

Dev Ed 님의 채널은 주로 CSS와 웹 디자인에 초점이 맞춰진 채널로, 기본적인 CSS보다는 "CSS로 이런걸 할 수 있어?" 싶은 화려한 효과들의 튜토리얼을 제공합니다. (개인적으로는 CSS 분야에서는 탑급 유튜버라 생각합니다)

 

+ 이런 채널을 듣는 팁이라면 화려한 CSS를 일단 따라해보고 코드를 보관한 뒤, 나중에 개인 프로젝트를 할 때 재활용하면 정말 유용합니다.

(실제로 제 다른 블로그의 일부는 이런 식으로 꾸몄습니다 😁- 참고 : c17an.netlify.app/Setting)

추천 영상

[자바스크립트와 transform-style 속성으로 3D 효과 구현하기] - www.youtube.com/watch?v=XK7T3mY1V-w

 

아무래도 제 최애 채널만 올렸다 보니 양이 많지는 않네요 ㅍㅅㅍ

분명 이것만 있진 않았는데, 더 기억나거나 새로 좋은 채널들을 발굴할 때마다 업데이트하도록 하겠습니다!

 

그럼, 모두들 즐겁게 코드! 🎶

반응형
Comments
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆