youtube.com

인간 JS 엔진 되기 (JS 고급 강좌)

기초적인 Javascript 문법을 알고 있다면 추천 드리는 강좌입니다! JS 문법 개념을 총 정리 하는 시간을 가져보세요~

도봉도봉

youtube.com

자바스크립트 객체 정리하기

자바스크립트에서 아주 중요한 객체 사용법을 정리합니다.
1편에서는 객체를 만들고 사용하는 방법과 구조 분해 할당에 대해서 정리합니다.
2편에서는 펼침 연산자와 얕은 복사, 깊은 복사에서 펼침 연산자를 어떻게 사용하는지 정리합니다.

도봉도봉

velog.io

시리즈 | 구글 확장 프로그램 개발 - goban.log

구글 크롬 확장 프로그램은 구글 크롬 브라우저를 수정하는 브라우저 확장 프로그램이다. 이러한 확장은 HTML, JavaScript 및 CSS 와 같은 웹 기술을 기반으로 사용하여 작성된다. 크롬 확장 프로그램은 크롬 웹 스토어를 통해 다운로드 할 수 있다.

도봉도봉

youtube.com

바닐라JS + VUE3 강좌 시리즈

프론트앤드 프레임워크의 발전과 더불어 백앤드가 담당하던 부분까지 감당할 수 있게 되었습니다. 바닐라JS와 VUE를 이용한 프론트앤드 개발에 대해 배워보도록 합시다.

도봉도봉

youtube.com

자바스크립트 애니매이션 라이브러리 5개 (짱 유용함👍)

웹사이트, & 웹앱에 활력을 더해줄 애니매이션 라이브러리 5종을 소개해 드려요 ✨ 자바스크립트 마스터리 (ES6+ 최신 문법) 강의도 확인해 보세요 ⇢ https://academy.dream-coding.com/courses/javascript
___________________________

💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap

🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................

🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.

🔗 언급된 사이트들
예제 코드 깃허브 ⇢ https://github.com/dream-ellie/javascript_animation

.....................................................

00:00 소개
00:19 ❶ TypeIt
05:21 ❷ ScrollOut
09:09 ❸ Anime.js
10:35 ❹ Rellax
11:54 ❺ GreenSock
.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

📒 자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

💰 개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

📄 이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

📈 IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

📷 개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

🤗 생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................

#자바스크립트#프론트엔드#웹개발

도봉도봉

github.io

[번역]ES6 축약코딩 기법 19가지

자바스크립트를 스마트하게 사용해보자

AriRaNg

w3.org

Using ARIA role=dialog to implement a modal dialog box - WCAG WG

Authors often use JavaScript to insert custom modal dialogs (usually divs) instead of opening a new browser window. The ARIA role dialog can be used on elements used as containers for the dialog to in

도봉도봉

velog.io

자바스크립트 이론 부시기

프론트엔드에서 자바스크립트만 쓰는 이유? V8? 런타임? 노드는 싱글 스레드? 궁금한거 총정리!!

도봉도봉

velog.io

[Vanilla JS] 자라나는 나무 만들기 - heekang

위에 언급한 영상에 나오는 작품 Plant Trees는 특히 나에게 큰 충격을 준 작품이었고, 나도 이런 인터렉티브한 작품을 만들어보고 싶다는 생각에 그의 재생목록 Creative Coding을 보며 공부했다. Plant Trees는 코드리뷰 영상이 없어 아쉬웠지만, 내가 해결해 보자 하는 욕심이 생겨 무작정 vscode를 열었다.

도봉도봉

brunch.co.kr

PM으로서 잡플래닛 랜딩페이지 프론트엔드 탐색하기

html, css, javascript _코드스테이츠 PMB 10기 | PM에게 개발 지식이 필요한 이유 보통 IT기업의 프로덕트 팀은 1명의 PM, 1인 이상의 디자이너, 다수의 개발자가 함께 일을 한다. 드라마 스타트업으로 따지면 수지가 PM, 남주혁이 개발자인데 만약 수지가 개발자의 언어를 잘 모르고 관련 지식이 없다면 원하는 것을 제대로 요청하기

도봉도봉

velog.io

가비지 컬렉션 모르시는분~!!

자바스크립트를 공부하다보면, 가끔씩 가비지 컬렉션(GC)이라는 단어가 등장한다. 직역하자면 '쓰레기 수집' 인데... 자바스크립트에서 쓰레기라고 할 만한게 뭐가 있을까? (사실 너무 많...)

도봉도봉

lloydatkinson.net

Default Exports in JavaScript Modules Are Terrible

Default exports lead to mismatched and confusing names. Named exports should be used instead.

도봉도봉

brunch.co.kr

코드로 이해하는Page Object Model

페이지 객체 모델이란?(POM) 페이지 객체 모델(POM)은 테스트 자동화 스크립트 유지보수를 편리하게 하고자 테스트 자동화 분야에서 사용되는 디자인 패턴입니다. 웹 페이지에는 수많은 Element가 존재하는데요. 테스트 자동화를 하려면 우선 Element와의 상호작용이 필요합니다. 만약 서비스 중인 페이지의 UI가 변경되면 어떻게 해야 할까요? 변경된 U

도봉도봉

daleseo.com

Jest로 테스트 커버리지 수집하기

이번 포스팅에서는 테스트 커버리지(coverage)가 무엇인지 알아보고 Jest를 이용해서 테스트 커버리지를 수집하는 방법에 대해서 알아보겠습니다.

도봉도봉

youtube.com

모르면 코딩인생 끝나는 자바스크립트 신문법 ?. / ??

실은 안끝남

- 옵셔널 체이닝 optional chaining, nullish coalescing 문법입니다
- 함수?.() 가능


인생 끝나기 싫으면 https://codingapple.com
구독자용 10% 할인 코드 : YT123 (맨날바뀜 최신영상 참고)

도봉도봉

youtube.com

JSON에 대해 재밌게 설명하는 영상

1:14 XML
1:56 CSV
2:33 JSON
7:00 UMSON

도봉도봉