"자바"의 검색 결과
필터
-
4시간만에 완벽하게 끝내는 Vue.js 입문 | Vue.js 3.x 최신버전
Vue.js 3.x 최신버전으로 준비한 4시간 짜리 강의 영상입니다.
Vue에 대한 기본적인 문법만 다루는 입문 영상입니다.
#Vue #프론트엔드 #자바스크립트 -
5
-
React Suspense 소개 (feat. React v18)
며칠 전에 드디어 React v18이 정식 릴리스가 되었죠? 🎉 이번 포스팅에서는 React v18에서 단연 가장 큰 주목과 기대를 받고 있는 기능일 Suspense에 대해서 알아보겠습니다.
-
자바스크립트 | insertBefore() 특정 위치에 앞에 노드 삽입
insertBefore() -> 부모노드의 기준 점 노드 앞에 삽입 할 노드를 삽입합니다.-> 내가 원하는 위치에 삽입 할 수 있습니다. 기존 부모 노드에서도 굳이 삭제 할 필요 없이 자동으로 이동하게 됩니다.ex) 부모노드 1번에 위치하고 있을 때, 3번으로 옮기고 싶을 때 삭제하고 옮기지 않아도 됩니다. 노드는 자동적으로 기존 노드에서 삭제되고, 새로운
-
2
자바스크립트 객체 정리하기
자바스크립트에서 아주 중요한 객체 사용법을 정리합니다.
1편에서는 객체를 만들고 사용하는 방법과 구조 분해 할당에 대해서 정리합니다.
2편에서는 펼침 연산자와 얕은 복사, 깊은 복사에서 펼침 연산자를 어떻게 사용하는지 정리합니다. -
17
자바스크립트 이펙트(Parallax Effect) Layout강좌
자바스크립트 제이쿼리를 예제를 통해 배우는 영상입니다.
스크립트 영상은
MENU EFFECT
MOUSE EFFECT
SLIDER EFFECT
PARALLAX EFFECT
GAME EFFECT
로 구성이 됩니다. -
깃허브 사용법 + 단축키 (이것좀 알고 사용하자 🔥)
개발자라면 매일 사용하는 깃허브, 얼마나 잘 사용하고 계신가요? (↙ 자세한 내용)
___________________________
🚀 깃 강의 ⇢ https://academy.dream-coding.com/courses/git
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
깃허브 계정 꾸미기 ⇢ https://youtu.be/w9DfC2BHGPA
깃 개념 ⇢ https://youtu.be/lPrxhA4PLoA
깃 강의 (입문편) ⇢ https://youtu.be/Z9dvM7qgN9s
마크다운 문법 정리 ⇢ https://youtu.be/kMEb_BzyUqk
.....................................................
00:00 소개
00:13 서치바
00:49 파일 찾기
01:31 커맨드 팔레트
03:33 코멘트 토글
04:33 코드줄 이동
04:52 Git Blame
05:33 단축키 확인
06:06 퍼머링크 만들기
07:56 마크다운 팁
08:41 보너스 팁
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝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
.....................................................
#깃#깃허브#코딩 -
16
인간 JS 엔진 되기 (JS 고급 강좌)
기초적인 Javascript 문법을 알고 있다면 추천 드리는 강좌입니다! JS 문법 개념을 총 정리 하는 시간을 가져보세요~
-
CSS Grid 완전 정리 끝판왕 😎
CSS Grid 어렵다면! 이번 영상에서 확실하게 정리해 보세요 🙌 (↙ 자세한 내용)
___________________________
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
CSS Flexbox ⇢ https://youtu.be/7neASrWEFEM
🔗 언급된 사이트들
영상 코드 예제 코드 ⇢ https://github.com/dream-ellie/css-grid
참고할만한 좋은 사이트 ⇢ https://css-tricks.com/snippets/css/complete-guide-grid/
.....................................................
00:00 소개
00:15 레이아웃 (Flex와 Grid 차이)
01:27 Grid 𝌹 개념 정리
03:35 Grid 𝌹 부모 관점 속성들
10:23 Grid 𝌹 자식 관점 속성들
14:34 Grid 𝌹 강력한 Areas! 이미지 활용편
18:53 Grid 𝌹 강력한 Areas! 사이트 활용편
20:36 좋아요🫶 눌러주기
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝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
.....................................................
#코딩#프론트엔드#웹개발#CSS -
자바스크립트 애니매이션 라이브러리 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
.....................................................
#자바스크립트#프론트엔드#웹개발
