모르면 코딩인생 끝나는 자바스크립트 신문법 ?. / ??
실은 안끝남
- 옵셔널 체이닝 optional chaining, nullish coalescing 문법입니다
- 함수?.() 가능
인생 끝나기 싫으면 https://codingapple.com
구독자용 10% 할인 코드 : YT123 (맨날바뀜 최신영상 참고)
도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) + 실습
도커 🐳 많이 들어 보셨죠? 이번 영상에서 개념 정리 뿐만 아니라 실습을 통해 도커와 친해져 볼께요! (↙ 자세한 내용)
___________________________
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
노드 강의 홍보 영상 ⇢ https://youtu.be/waePYqd8LiM
리눅스 명령어 정리 ⇢ https://youtu.be/EL6AQl-e3AQ
CI/CD란 ⇢ https://youtu.be/0Emq5FypiMM
🔗 언급된 사이트들
도커 예제 프로젝트 ⇢ https://github.com/dream-ellie/docker-example
도커 레퍼런스 ⇢ https://docs.docker.com/engine/reference/builder/
Dockerfile Best Practices ⇢ https://docs.docker.com/develop/develop-images/dockerfile_best-practices/
.....................................................
00:00 소개
00:25 도커란? 🐳
02:26 VM과 도커의 차이
04:28 도커의 3대 구성요소! (순서)
06:57 도커 이미지 배포하는 과정
08:14 🐳 마지막 총 정리 🐳
08:46 실습 프로젝트 소개
09:09 ❶ 도커 설치
09:47 ❷ 노드 프로젝트 만들기
10:40 ❸ Dockerfile 만들기
15:32 ❹ 이미지 만들기
16:55 ❺ 도커 컨테이너 실행
18:18 ❻ 컨테이너 확인
18:54 ❼ 이미지 배포
20:08 끝!
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
☀️ 연락
채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
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
.....................................................
#도커#깃#코딩
[번역] 듀얼 스크린과 폴더블 디바이스를 위한 웹 API 소개
이 글은 Microsoft의 Introducing Web APIs for Dual Screen and Foldable Devices 포스트 내용을 번역, 요약하였습니다. 9월 10일 출시된 Surface Duo를 포함하여, 요즘엔 다양하고 새로운 듀얼 스크린, 폴더블..
자바스크립트로 만든 유한 상태 기계 XState
이 글은 XState에 대한 기본적인 개념과 사용방법을 정리했습니다. 공식 사이트 문서들을 보시기 전에 이 글을 읽어보시면 개념 파악에 도움되실 것입니다. 혹시라도 제가 잘못 이해한 부분이 있다면 언제든지 이메일(shirenbeat@gmail.com)로 알려주시면 바로 수정하도록 하겠습니다.
속도가 미쳤습니다. 해외에서 난리난 BUN 🔥 3분 소개!
Node.js, Deno 킬러라고? 해외 JS 커뮤니티에서 난리난 Bun.js.
딱 3분안에 핵심만 쌉 정리해드립니다.
-
📌 니꼬쌤이랑 차근차근 코딩 배우기!
https://bit.ly/3QnvHRy
🙋🏻♂️ 초보를 위한 자바스크립트 (무료 강의)
https://bit.ly/3bAfolx
🙋🏻♂️ 타입스크립트로 블록체인 만들기 (무료 강의)
https://bit.ly/3BJjPp0
구글의 비밀병기 그 잡채! Carbon 을 배워야할까?
C++ 킬러라며 구글에서 만든 Carbon의 등장!
Carbon은 과연 C++을 잡을 수 있을까? Rust 는?!
📌 니꼬쌤이랑 차근차근 코딩 배우기!
https://bit.ly/3bQH6uy
🙋🏻♂️ 쉽고 빠른 Go 시작하기 (무료 강의)
https://bit.ly/3QigwsZ
🙋🏻♂️ 초보를 위한 자바스크립트 (무료 강의)
https://bit.ly/3QmKxYI
연휴 특집 🍚 코딩 기초 상식 100분 몰아보기 | 누구나 이해 가능!
코딩에 관심있는 사람들을 위한 100분 모임zip
뱃속도 든든히 머릿속도 든든히 채우자, 코딩 기초 100분 몰아보기
뇌피셜. 추석연휴 특선영화보다 재밌음...(!?)
-
누구나 코딩을 할 수 있다? 5가지 팩폭 드림. (프로그래밍에 대한 오해) | 0:00
어떤 언어부터 배워야할까? 5개 언어. 5분 개념탑재. (언어 선택 가이드) | 7:44
나는 어떻게 Go언어를 배웠나 (새로운 언어 학습 노하우) | 13:35
C, C++, C# 차이점 알려드림. 5분 순삭. (C, C++, C# 알아보기) | 11:59
뱀처럼 생겨서 파이썬? 프로그래밍 이름의 어원 (프로그래밍 이름의 어원) | 19:59
인기폭풍 파이썬의 비결. 5분 안에 정리해줌. | 29:44
네. 파이썬은 C언어보다 느립니다. 컴파일 기초개념 잡아드림. | 34:57
왜 자바스크립트는 현재 가장 유명한 프로그래밍 언어일까? | 40:26
자꾸만 에러가 나오는데 왜그런걸까요?? | 46:52
프로그래밍 독학할때 자주 하는 실수 5가지 | 52:16
라이브러리? 프레임워크? 차이점 아직도 모름? 5분 순삭. | 59:51
네이티브 앱 vs 크로스 플랫폼 앱 vs 하이브리드 앱 | 1:06:51
머신러닝 vs 딥러닝 vs 인공지능? A.I. 개념정리 | 1:12:41
API 기초개념 잡아드림. 5분 순삭. | 1:20:27
왜 도메인을 돈 주고 사야해? 도메인 시스템 6분 설명! | 1:24:58
서버리스는 서버가 없는걸까? 8분 개념 설명! | 1:31:48
-
📌 니콜라스와 무료로 코딩 공부하기
https://nomadcoders.co
Alert, Confirm UI를 편하게 다루기 위한 고민과 해결법
라는 생각이 들고, 열심히 공통화 시켜놓은 기능을 사용하지 않고 직접 기능을 만들어 사용하게 됩니다. 시간이 흐르면 열심히 만든 코드는 결국 자연스럽게 버려지게 됩니다. 이런 일이 벌어지지 않기 위해서는 사용하기 쉽게 인터페이스를 열어주어야 합니다. 그렇다면 사용하기 쉬운 인터페이스는 무엇일까요? 정답이 없는 문제입니다. 사람마다 생각이 다를 겁니다…
Vim 제대로 가르쳐 줌 🤓 (개발자라면 한번쯤 꼭 쓴다는 Vim)
개발자라면 알게 모르게 많이 사용하게 되는 Vim, 이왕 사용하는거 잘 사용해봅시다! 우리의 생산력을 높일 수 있는 Vim! 코드 에디터에서 최소한의 시간을 사용하고, 퀄리티 있는 "사고"하는 시간에 더 투자하자구요 🙌 (↙ 자세한 내용)
___________________________
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
리눅스 명령어 ⇢ https://youtu.be/EL6AQl-e3AQ
🔗 언급된 사이트들
Vim 문서 ⇢ http://vimdoc.sourceforge.net/
.....................................................
00:00 소개 (사용예)
00:39 Vim 역사 (왜 써야하나)
02:04 기본사용 (터미널에서 사용법)
04:09 VSCode에서 Vim 사용 (두가지 모드)
05:14 명령모드 vs 입력모드
06:30 네비게이션 명령어 모음
10:31 기본 명령어
11:48 Vim 🔥 강력한 포인트 🔥
14:27 반복 수행 (repeat/undo/redo)
15:32 delete의 🍯 꿀템
18:27 change의🍯 꿀템
19:35 [f,t,/]의🍯 꿀템
21:30 검색 하는 법
22:08 선택 하는 법
23:16 Vim 공부/연습 법
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝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
.....................................................
#코딩#웹개발#개발자