![드림코딩](/img/default-banner.jpg)
- Видео 142
- Просмотров 12 518 183
드림코딩
Южная Корея
Добавлен 2 ноя 2019
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다.
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
채널 문의 ⇢ ellie@dream-coding.com
드림코딩 아카데미 ⇢ academy.dream-coding.com
드림코딩 아카데미 문의 ⇢ info@dream-coding.com
.....................................................
죄송하지만, 메일로 개인적인 질문과 고민 상담 및 코드리뷰는 해드리지 않습니다.
메일을 주시면 읽어 보고 공통적으로 물어보시는 내용은 꼭 영상으로 만들어서 많은 분과 공유해 볼 수 있도록 할께요 🙌
이해해 주셔서 감사합니다 🙏🏼
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
채널 문의 ⇢ ellie@dream-coding.com
드림코딩 아카데미 ⇢ academy.dream-coding.com
드림코딩 아카데미 문의 ⇢ info@dream-coding.com
.....................................................
죄송하지만, 메일로 개인적인 질문과 고민 상담 및 코드리뷰는 해드리지 않습니다.
메일을 주시면 읽어 보고 공통적으로 물어보시는 내용은 꼭 영상으로 만들어서 많은 분과 공유해 볼 수 있도록 할께요 🙌
이해해 주셔서 감사합니다 🙏🏼
개발자와 리뷰어의 기나긴 싸움 😈
개발 실력 향상에 크게 기여하는 코드 리뷰! 작성자의 리뷰어의 관점에서 어떻게 하면 좋을지 꿀팁 다섯가지! 정리해 봅니다. (↙ 자세한 내용)
___________________________
💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
.....................................................
00:00 소개
00:39 코드리뷰 핵심
01:17 작성자를 위한 🍯팁 5개
06:00 리뷰어를 위한 🍯팁 5개
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
ruclips.net/p/PLv2d7VI9...
___________________________
💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
.....................................................
00:00 소개
00:39 코드리뷰 핵심
01:17 작성자를 위한 🍯팁 5개
06:00 리뷰어를 위한 🍯팁 5개
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
ruclips.net/p/PLv2d7VI9...
Просмотров: 31 230
Видео
AI가 개발자를 대체한다😭?!
Просмотров 35 тыс.Год назад
AI가 코딩까지 알아서 척척! 개발자 커리어 이대로 안전할까요? 이제 막 공부하기 시작한 학생인데.. 계속 공부하는게 맞을까요? 요즘 이런 질문을 많이 받고 있어요. 10년차 넘은 개발자의 관점에서 한번 얘기해 보겠습니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. .............................................
Remix가 웹프레임워크 시장을 선두할것인가? (마지막영상)
Просмотров 55 тыс.Год назад
바로 이전 서버리스, 에지 컴퓨팅 영상은 사실 이 영상을 위한 빌드업 이였어요. 핫한 이 두 프레임워크를 비교하기 위해서는 서버리스, 에지 컴퓨팅 컨셉에 대한 이해가 필요하기 때문이죠 🤓 웹트렌드 영상에서 약속해 드린 Next.js vs Remix 비교 영상! 이번 영상을 마지막으로 최종 의견 나눠봅니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 ...
웹개발 프레임워크 끝판왕, Next.js 💪
Просмотров 39 тыс.Год назад
Next.js 최신 버전 13 강의가 왔습니다! 블로그 만들기, 인스타그램 클론코딩과 함께 기본 부터 심화까지 모두다 가져가세요! 강의 링크: academy.dream-coding.com/courses/next (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ....................................................
웹개발, 서버사이드 렌더링의 미래? 😎 (필수 키워드 정리)
Просмотров 19 тыс.Год назад
웹개발을 강타하고 있는 뜨고 있는 개념들, 지식들 정리해 봅니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ✨ 관련된 영상들 서버사이드 렌더링 동작 원리 ⇢ ruclips.net/video/iZ9csAfU5Os/видео.html ..................................................... 00:00 소...
서버리스 | 이젠 웹개발자가 꼭 알아야 하는 개념 🎩
Просмотров 38 тыс.Год назад
웹개발자들이 알아야 하는 필수 컨셉들 정리해 봅니다. 시리즈 형태로 다양한 컨셉 영상을 정리해 볼 까 하는데 여러분들 의견은 어떠신가요? :) (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ..................................................... 00:00 소개 00:49 서버리스란? 01:55 예전 방식...
코딩 빠르게 하는 꿀팁 및 설정 🍯 (자동 완성 기능, snippet)
Просмотров 34 тыс.Год назад
비쥬얼 스튜디오 코드 외 다른 에디터에서도 활용가능한 나만의 맞춤 자동완성 기능! 맛깔나게 설정해서 번개같은 속도로 코딩하자구요! 타이핑의 시간은 줄이고 퀄리티 있는 사고시간을 늘려 보세요! (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ✨ 관련된 영상들 비쥬얼스튜디오 코드 익스텐션 ⇢ ruclips.net/video/XMfyfNZooi4/ви...
온라인 개발 공부의 치명적인 함정 😱
Просмотров 74 тыс.Год назад
온라인에서 개발 공부하기 좋은 시대지만, 잘못된 방법으로 계속 공부하면 실력 향상도 안되고 엉터리 공부를 할 수 있다는 위험한 사실! 어떻게 제대로 공부할 수 있는지 알아보세요 (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. 🔗 언급된 사이트들 깃내션 ⇢ portal.gitnation.org/ ................................
개발자라면 이런 아바타를 써야지 🤓
Просмотров 15 тыс.Год назад
깃허브나 이력서에 나를 나타낼 수 있는 참신한 아바타 사용해 보면 어떨까요? 만드는 법 단계별로 보여드립니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. 🔗 언급된 사이트들 Profile Pic Maker ⇢ pfpmaker.com/ Ready Player Me ⇢ readyplayer.me/ Blender ⇢ www.blender.org/...
2023 웹개발자 라면 꼭 알아야 할 🔥트렌드 (필수 프로그래밍 언어, 웹 스택, 필수 툴 등)
Просмотров 64 тыс.Год назад
2023년 핫하게 뜰 프로그래밍 언어, 프레임워크, 툴들에 대해 정리해 봅니다. (↙ 자세한 내용) 🚀 2023년 한해 준비는 드림코딩 아카데미에서!! ⇢ academy.dream-coding.com/ 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap ..................................................... 00:00 소개 00:15 핫🔥한 프로그래밍 언어 04:15 다음에 배워보고 싶은 언어 05:20 웹 프레임워크 대세는? 07:45 리액트 메타 프레임워크 10:04 개발자들이 많이 사용하는 툴! 12:02 정리 13:09 메리🎄🎁 크리스마스 ...........................................
비쥬얼 스튜디오 코드 신규 기능 + 필수 익스텐션 추천
Просмотров 95 тыс.Год назад
비쥬얼 스튜디오 코드에 추가된 꿀같은 신규 기능과 필수로 설치해야 할 익스텐션에 대해 소개해 드립니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ✨ 관련된 영상들 기본 익스텐션 10가지 ⇢ ruclips.net/video/bS9yTI2fC0w/видео.html 단축키 정리 ⇢ ruclips.net/video/EVxCdenPbFs/виде...
자바스크립트로 코딩할때 꿀팁 🍯🐝
Просмотров 32 тыс.Год назад
웹앱, 사이트 만들때 요즘 꼭 쓰게되는 숫자, 가격, 통화 제대로 나타내기! 제대로 써보자구요. 체계적인 자바스크립트 문법 공부를 원하시면 아카데미로 오세요 ⇢ academy.dream-coding.com/courses/javascript 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. 🔗 언급된 사이트들 MDN Intl ⇢developer.mozilla.org/e...
개발자로 성장하고 싶다면 보세요 🔥
Просмотров 39 тыс.Год назад
10년전 개발 커리어에 큰 전환점을 맞이하는데 크게 기여한 책 한권을 소개해 드려요. 이 책 안은 개발자로서 가지면 좋을 마음가짐, 매일 실천할 수 있는 팁과 전략들로 가득하답니다. (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... 🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요. ✨ 관련된 영상들 개발 공부 제대로 하는 법 ⇢ ruclips.net/video/DmK7d0xB2j0/видео.ht...
최신 리액트로 무료 업데이트❓
Просмотров 22 тыс.Год назад
2020년 9월에 런칭한 리액트 강의가 오래 되어, 완전 최신 버전으로! 그리고 더 유용한 내용들까지 추가해서 새로운 강의로 업데이트 했습니다. academy.dream-coding.com/courses/react (↙ 자세한 내용) 💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/pages/roadmap 🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미: academy.dream-coding.com/ ..................................................... ☀️ 드림코딩 엘리 모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :) ❝Don't forget to code your dream 여러분들...
개발자가 사용하는 노션 노트 공개 (프로젝트, 목표, 일정 관리)
Просмотров 267 тыс.Год назад
ntn.so/dreamcoding 노션 무료로 가입해서 사용해 보세요. 3년 정도 노션을 사용해 오면서 정착한 다양한 노트 작성법 공개합니다. 영상속 PLANNING이 마음에 드신 여러분들을 위해 템플릿을 공유해 드립니다: ntn.so/planningtemplate ..................................................... 00:00 소개 02:02 노트들 투어 04:03 목표 → 프로젝트 → 액션 사용법 10:49 함께 만들어 보기 (스텝 바이 스텝) ..................................................... #노션#목표설정#개발자노트
Vim 제대로 가르쳐 줌 🤓 (개발자라면 한번쯤 꼭 쓴다는 Vim)
Просмотров 105 тыс.2 года назад
Vim 제대로 가르쳐 줌 🤓 (개발자라면 한번쯤 꼭 쓴다는 Vim)
개발 공부 제대로 하는 법 🤓 (정체기에서 성장기로 가보자, 함 해보자!)
Просмотров 73 тыс.2 года назад
개발 공부 제대로 하는 법 🤓 (정체기에서 성장기로 가보자, 함 해보자!)
새롭게 출시되는 CSS 새기능 정리 🚀 (2022 구글 I/O 중요 기능 정리 및 의견!)
Просмотров 21 тыс.2 года назад
새롭게 출시되는 CSS 새기능 정리 🚀 (2022 구글 I/O 중요 기능 정리 및 의견!)
깃허브 계정 제대로 꾸미기 (깃허브 프로파일 페이지 → 이력서로 만들기 팁🔥)
Просмотров 52 тыс.2 года назад
깃허브 계정 제대로 꾸미기 (깃허브 프로파일 페이지 → 이력서로 만들기 팁🔥)
구글링 잘하는법 꿀팁 🍯 (코딩의 시작과 끝은 뭐다? 탁월한 개발자 되는 방법)
Просмотров 52 тыс.2 года назад
구글링 잘하는법 꿀팁 🍯 (코딩의 시작과 끝은 뭐다? 탁월한 개발자 되는 방법)
도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) + 실습
Просмотров 187 тыс.2 года назад
도커 한방에 정리 🐳 (모든 개발자들이 배워보고 싶어 하는 툴!) 실습
게시글 목록 같은 것은 grid로 작성해야할까요? justify-content를 flex-start 로 하고 flex-wrap을 wrap으로 하니까 item 줄이 넘어갈때 한 행의 마지막 아이템의 갭이 같이 영역을 잡아먹네요. 임시방편으로 둘러싼 부모 컨테이너에 좌측 패딩을 줘서 처리했습니다.
여러분. 이분이 영상 초반에 말했습니다 3년사용했다고요. 이거 안되요 저거 안되요 이게 왜안되죠? 댓글 달기전에 본인이 노션아카데미 들어가면 모든 답이 거기에 다 있습니다. 직접 해봐야합니다. 진짜 이건 무조건 스스로 해야봐야합니다. 이리저리 다 만져보면서 창의적으로도 만들어나가는겁니다.
극강이다!!! 이걸 왜 이제 알았냐 ㅠㅠ
감사합니다.css grid 열심히 배우고 있습니다. 그런대 marquee tag를 css 움직이는 영상을 만들고 싶어요 marquee tag 에 scollamount및behavior=alternate가 날아가거든요.
1년인가 안 올리시네, 먼 일이 있으신가?
vim... 은 1단계. ZZ esc:wq i o 쓰는 법 배우는것.. 2단계 yy p 복사 붙여 넣기 쓰는법.(줄단위) , visual block y p 붙여넣기 , substitute 배우기 3단계 register를 사용한 여러개 동시 복사 붙여넣기 배우기. vsplit split으로 두창을 오가며 복사 붙여넣기 하기, 4단계 f이동, w이동 , i a 를 사용한 빠른 범위 복사 등을 이용하기 , 마크를 이용해서 여러장소에서 작업하기. 여기까지만 해도, 다른 편집기보다 훌륭합니다. 거기다가 다른 편집기에서 빔입력 기능만 키면 사용할 수 있죠. 그 이상은 다른데서는 쓸 수 없고, vim이다 nvim으로 와야하는 수준이죠.
말~크다운, 포맷, 키보드같은 다른 영단어는 그냥 한국식으로 하면서 마크다운만 말~크다운으로 발음하는게 영어에 열등감있어보임
넘넘 좋은 영상에 큰 도움이 됩니다... 감사합니다.
코드리뷰는 자기고집 쎄고 자기 주관적인 사람한테 받느니 안 받는게 낫습니다. 왜냐면 보통 실력도 떨어지고 본질의 이해를 못하는 사람들이 꼭 자기 코드가 가독성이 좋다하고 매순간 짜증나게 바꾸라 하더라구요. 그런 사수는 반드시 피해야합니다. 에너지 기빨리고 잘못된 리뷰방식과 잘못된 코드사상을 주입받기 쉽상이거든요. 간혹 사수의 감정쓰레기통이 되기도하구요.
넘넘 도움되는 명강의입니다.. 감사합니다.
너무 좋은 강의를 오픈해주셔서 감사합니다. 큰 도움이 됩니다.
엘리님 비전은 어떤식으로 관리하시는지 궁금해요! 저는 코딩쪽 업계일을 하는건 아닌데 다른 노션 강좌보다 이 영상이 바로 적용도 가능하고 따라해보고 싶고, 따라하면서 배울수 있어 좋았어요 ㅠㅠ
쩐다..사랑해요 속시원해요 ㅠㅠ
해외에서는 청축이 제일 먼저 품절이라 청축 사고 싶으면 한국에서 사면 되요 ㅋㅋ
출첵요!! :)))
엘리님 넘 그리워요..ㅠㅠ.ㅠㅠ... 드림코딩에서 강의두 구매해서 듣고 있는데 유튭 활동은 아예 안하시는건지.. 흑.. 채널은 없어진게 아니니 기다릴게요. 4년전 영상이여도 정말 도움 많이 받고 있습니다. 감사합니다
일단 따봉박고 시청한다
1. 어쩔 수 없음 신입이나 주니어들은 보~통 다 대충형일거임 2. 중요한건 지금 대충형이라 잘못되었다는게 아니라 개선의 의지, 성장의 의지가 있냐는거임 3. 고로 의지가 있다는 것을 면접관에게 보여주는 것도 중요함. 그러기 위해서 개발자는 끊임없이 공부해야 하고 더 나은 디자인을 갈구해야 함. 나 포함 신입 주니어분들 파이팅
그런데 ternary operation은 우리가 그냥 쓰는 3항연산자 맞죠? 그런데 이 연산자는 es버전에 상관 없이 초기부터 있었던 연산자 아닌가요? 걍 계속 써왔던 것 같은데.. 내가 다른 언어랑 착각하고 있는건가;;
한방에 이해가 되네요. 쉬운 설명 감사합니다. 😊
good
아이고 마음도 천사네.
짱입니다.
이 좋은 강의는 무엇.
너무 강의가 좋습니다.
짱이에요
앨리님 강의를들으며 프론트엔드 공부를 했었는데 어느덧 3년차 개발자가 되었어요. 덕분에 참 많이 배웠습니다🥹 오랜만에 영상보러 왔는데 최신영상이 1년 전이네요! 잘 지내고 계신거죠?
필요한 정보 너무 감사드립니다
강의가 너무 좋아요
강의가 너무 좋음
강의가 너무 좋네요.
와우 이렇게 좋은 강의가 있었다뇨..
개발자에게 정말 도움되는 영상...! 주기적으로 보고 있습니다 ㅎㅎ
사랑해요드림코딩! 짱!
docker에 대한 기본을 알아볼 수 있었습니다 감사합니다!
와 이 영상덕에 시간 엄청 아낌 너무 감사합니다.
감사합니다
호이스팅, 블록스코프 ㄴ
goat
코딩 공부는 신기한게 첨엔 와닿지 않는데 이해 안 된다고 포기안하면 어느 순간 갑자기 이해됨 진짜 신기함
딩님 목소리가 너무 좋아요 덕분에 너무 재밌구 행복하게 공부했습니다!
혹시 이러한 방법들은 영어만 적용 되는 것인가요??? 검색에 대한 발표를 준비하는데 궁금해서 여쭤봅니다..!
문제주고 종이에 풀어보라고 하셨는데 거의 다 알려주는 힌트 받았는데도 못맞추면 망한 거죠?ㅜㅠ 혼자 고민하다가 얘기 먼저 걸어주시면 내 생각 말하긴 했는데.. 문제 근처에도 못가서 ㅠㅠㅠ 망한거겠죠..ㅠ_ㅠ
앨리님 근황 아시는 분 있나요 정말 제가 제일 존경하는 선생님이신데 소식 알길이 없네요 ㅠㅠ
감사합니다 연금술사님
도커 어려운줄 알았는데 개념은 쉬운거였네요 ㅋㅋ