비쥬얼 스튜디오 코드 설치 및 웹개발을 위한 필수 익스텐션 10개 추천 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ส.ค. 2024
  • 모든 웹개발자들이 쓰고 있는 비쥬얼 스튜디오 코드와 필수 익스텐션 10개를 소개해드립니다 🙌
    (↙ 자세한 내용)
    ___________________________
    💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/page...
    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    academy.dream-coding.com/
    .....................................................
    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝Don't forget to code your dream
    여러분들의 멋진 꿈을 코딩하세요 ⭐️
    .....................................................
    🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
    • 프론트엔드 강의 - 프론트엔드 개발자 되...
    📒 자바스크립트 기초 강의 영상 목록:
    • 자바스크립트 기초 강의 (ES5+): 같...
    💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
    • 개발자라면 누구나 알고 있으면 좋은 지식 💡
    💰 개발자 경력 관리 영상 목록:
    • 승승장구 커리어 관리 🚀
    📄 이력서 작성 방법
    • 취업 보장 이력서 작성 🙌
    📈 IT 트렌드
    • IT 트렌드 📈
    📷 개발자 브이로그
    • 개발자 브이로그 📷
    🤗 생산력 향상 팁
    • Tech & Tools ❤️
    .....................................................
    00:00 - Introduction
    04:46 - Material theme
    05:00 - Material icon theme
    05:20 - Prettier
    06:56 - bracket pair colorizer
    07:28 - Indent-rainbow
    08:00 - Auto rename tag
    09:00 - CSS PEEK
    09:43 - HTML CSS SUPPORT
    10:00 - LIVE SERVER
    .....................................................
    🎵Music
    Title: Special Days by JayJen
    Genre and Mood: Dance & Electronic + Bright
    License: Royalty-free music for TH-cam, Facebook and Instagram videos giving the appropriate credit.
    #비쥬얼스튜디오코드#VSCode#프론트엔드
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 568

  • @Giant_Pengsoo
    @Giant_Pengsoo 3 ปีที่แล้ว +152

    1. Material Theme
    - 테마 정하기
    2. Marterial Icon Theme
    - 아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀜
    3. Preitter - Code formatter
    - 코드 포멧팅
    - ctrl + 눌러서 setting 창으로 이동
    4. Bracket Pari Colorizer
    - 괄호마다 코드에 색깔을 다르게 줌
    5. Indent-rainbow
    - 들여쓰기 된 부분을 레인보우컬로로 하이라이트 표시
    - 코드 읽을 때 도와줌
    6. Auto Rename Tag
    - 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌
    7. CSS Peek
    - html에서 css를 금방 찾게해줌
    - html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해줌.
    8. HTML CSS Support
    - html에서 css의 자동완성을 이용하게 해줌
    9. Live Server
    - html이나 css 수정 시 브라우저창에 새로고침하는 것을 없애줌.
    - 커맨드 팔렛트에 > live Server: Open with Live Server 입력하고 숏컷키 후 실행

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +9

      멋있게 정리해 주셨네요 👍

    • @user-ti1kc7qk3n
      @user-ti1kc7qk3n 3 ปีที่แล้ว +1

      Visual studio code를 새로 설치할 때마다 영상을 돌려보고 있었는데, 정리해주셔서 감사합니다.

    • @ArinTube17
      @ArinTube17 3 ปีที่แล้ว

      정리해주셔서 감사해요 ^^

    • @THX4Grace
      @THX4Grace 2 ปีที่แล้ว

      @@user-ti1kc7qk3n 완젼 공감요~

    • @user-gx9hk8gt3k
      @user-gx9hk8gt3k 2 ปีที่แล้ว

      요약해 주셔서 감사 드려요.^^

  • @ifeellike
    @ifeellike 4 ปีที่แล้ว +8

    와 너무 좋네요 코딩의 질이 올라갑니다. ㅠㅠ 확실히 불필요한 오류도 줄이고 여러모로 좋네요!

  • @NeroHo123
    @NeroHo123 4 ปีที่แล้ว +1

    코딩하면서 많이 불편했던 점들을 쏙쏙해결해주는 아주 유용한 녀석들이 많네요 ! 정말 도움 많이 되었습니다ㅠㅠ 감사합니다.

  • @hsj1275
    @hsj1275 3 ปีที่แล้ว +2

    역시 믿보 엘리님 강의! Atom으로 부트 캠프 수료하고 이제 VS Code로 갈아타는 참이었는데 엄청 도움 되었어요! 알려주신 익스텐션 모두 설치완료했습니당

  • @fund7098
    @fund7098 4 ปีที่แล้ว +2

    이런 꿀팁 너무 좋아요 !! 앨리님 항상 감사합니다. !!

  • @pur.o.
    @pur.o. 3 ปีที่แล้ว

    출석체크!! 엘리님 영상은 볼때마다 다음 영상이 기대되는데, 항상 그 기대이상이세요 ㅠㅠ (너무 완벽) 오늘도 유용한 정보들 감사드립니다 : )

  • @user-uj4fo1mh2f
    @user-uj4fo1mh2f 3 ปีที่แล้ว +1

    실무적인 팁을 많이 가르쳐주셔서 도움 되네요! 감사합니다. 프론트 엔드 준비중이라 계속 즐겨보고 있어요

  • @user-bp5zs2ru1w
    @user-bp5zs2ru1w ปีที่แล้ว +13

    React 쓰시는 분들은 'CSS Peek' 동작 안하니까 참고하세요, 아마도 class 가 아니라 className 으로 쓰기 때문인거 같습니다. 대체할 extension 으로 저는 'CSS Navigation' 이라는 아이를 쓰고 있어요! 이건 React 에서도 잘 동작합니다!

    • @gamma3501
      @gamma3501 ปีที่แล้ว

      감사합니다!

  • @2idstn849
    @2idstn849 4 ปีที่แล้ว +10

    프로가 실제로 현업에서 쓰는 꿀팁을 알려주셔서 너무 감사합니다. 7. CSS Peek 죽이는 데요. 9. Live Server도요.

  • @1winiminihan919
    @1winiminihan919 3 ปีที่แล้ว +1

    엘리님의 추천으로 달라진 vs code!! 새롭게 코딩하는 느낌이라 감회가 새롭습니다 열심히할께요!! 항상 감사해요!!ㅎㅎ

  • @jimmykim6379
    @jimmykim6379 3 ปีที่แล้ว

    Live Server 랑 Material Theme 정도 사용했는데 알려주신 Extensions 다 너무 유용하네요! 바로 설치했어요 ㅎㅎ 감사합니다 :)

  • @junhyeokjang8025
    @junhyeokjang8025 4 ปีที่แล้ว +4

    언제나 감사합니다!

  • @chaneo-qw2uv
    @chaneo-qw2uv 4 ปีที่แล้ว +3

    새로운 환경에서 작업해야 할 때마다 익스텐션 일일이 검색해보기 너무 귀찮았는데 이제는 엘리님 영상만 보면 되겠어요! 너무 좋은 꿀팁인 것 같아요! 👍👍 초보자의 마음을 정말 잘 알아주시네요😭😭

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      영상 그냥 보시지 않고 이렇게 코멘트 남겨 주셔서 너무 감사해요 ❤️

  • @sipeom
    @sipeom 3 ปีที่แล้ว

    우연히 유튜브에서 발견해서 정말 많은 도움 받고 있습니다. 프론트엔드는 그저 필요할 때만 조금씩 사용하다 전반적으로 이해가 깊어졌네요. 좋은 강의 감사합니다^^

  • @user-sword-amazon
    @user-sword-amazon 3 ปีที่แล้ว +6

    우아아아 영어 엄청잘하신다으아! 추천박고갈게요^^ 잘봤습니다

  • @soyeongoh1755
    @soyeongoh1755 4 ปีที่แล้ว +2

    얼마전에 atom 에서 vs code 로 넘어와서 뭘 깔아야될지 몰라 불편하게 사용했는데 진짜 꿀팁이네요!

  • @bigmingc7003
    @bigmingc7003 3 ปีที่แล้ว

    불편함 줄일 수 있는 꿀팁들이네요! 항상 좋은 컨텐츠 제작해주셔서 감사합니다.

  • @user-qi2iq1vi7r
    @user-qi2iq1vi7r 4 ปีที่แล้ว +1

    vsc에서 Prettier만 사용하고있었는데, bracket이랑 live Server 너무 신세계에요..!!! 배경색도 바꾸니 코딩하고싶은 마음이 샘솟는거 같아요! 감사합니다 엘리님 ㅎㅎㅎ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      그렇죠~~! 코딩하고 싶은 마음이 샘솟게 환경설정 해놓기! ❤️ 우리 개발의 시작점 하하

  • @음색깡패시-연
    @음색깡패시-연 3 ปีที่แล้ว

    확장 추천 감사드립니다!
    써보니 정말 좋은거 같아요:)

  • @ykyk7700
    @ykyk7700 3 ปีที่แล้ว +6

    학교에서도 절대 못배우는 이런 소소한 꿀팁들, 특히 항상 실제 일하실 때 어떻게 활용되는 지 같이 얘기해주셔서 너무너무 도움 많이 돼요! 이렇게 좋은 컨텐츠 무료로 제공해주셔서 정말 감사합니다 ㅠㅠㅠ

  • @codired_4716
    @codired_4716 4 ปีที่แล้ว +2

    오 ㅠㅠ 너무 감사한 꿀팁 잘 보구 가용

  • @sonmoon-il7346
    @sonmoon-il7346 3 ปีที่แล้ว

    감사합니다~~ 잘보고 있어요 정주행중입니다!

  • @yummyyam5643
    @yummyyam5643 3 ปีที่แล้ว

    영상 잘봤어요 엘리님^0^ 감사합니다
    다른 영상도 하나하나 다 보면서 따라하고 있습니다
    입문자들도 이해하기 쉽게 설명해주셔서 너무 좋아요 ㅎㅎ!!
    그리구 회사에서는 인텔리제이 사용하신다구 했는데
    혹시 이번 영상처럼 인텔리제이나 웹스톰 입문자를 위한 영상도 가능할까요?
    사용하고 있는 pc는 맥입니다!ㅎㅎ

  • @user-rw2bw5gp2i
    @user-rw2bw5gp2i 2 ปีที่แล้ว

    엘리쌤의 추천 익스텐션 모두 너무 편하고 좋아요 ㅎㅎ
    감사합니다!!

  • @PoningYoon
    @PoningYoon 3 ปีที่แล้ว

    출첵! 오늘도 꿀팁까지!! 항상 감사드려요!

  • @user-lg7tl8rx2w
    @user-lg7tl8rx2w 4 ปีที่แล้ว +1

    너무너무 유용해요 알려주신 익스텐션들 덕분에 훨씬 편해졌어요

  • @deok9777
    @deok9777 4 ปีที่แล้ว +1

    감사합니다! 엘리님
    평소에는 IntelliJ(Ultimate)만 사용 하다가
    VisualStudioCode를 사용하려구 했는데 불편한게 한 둘이 아니라
    에디터를 사용을 못하고 있었는데 익스텐션 추천 덕분에 쓸만해졌습니다.
    가벼운 코딩에는 정말 좋은것 같습니다!!
    (아직 Refactor 및 깃관리, diff등은 넘사벽이지만...)

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      꺄아! 저두 IntelliJ를 주로 썼었어요 🙌 아직도 회사 업무시간에는 IntelliJ를 쓰구 있어요 최강!

  • @jaykim8883
    @jaykim8883 4 ปีที่แล้ว

    와우~ 오늘도 잘 보고갑니다~ 행복한 주말 보내세요~

  • @Aa-hz7vt
    @Aa-hz7vt 4 ปีที่แล้ว +1

    오 엘리님께서 알려주신대로 프로그램 설치했더니 마치 제가 고오급 개발자가 된 기분이네용ㅋㅋㅋㅋ
    실상은 아직 초보자지만...ㅋㅋㅋ 이번에 결심해서 맥 os로 설치했습니당!!
    장비기운 얻어서 더 열심히 해보겠습니다 감사합니다! 아쟈아쟛👍

  • @sungwonkum5686
    @sungwonkum5686 4 ปีที่แล้ว +2

    출첵~ 익스텐션에 정말 좋은것들이 많았네요 !! 정말 감사합니다!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      개발툴 장착 완료 하셨네요 🙌 (출책해주셔서 정말 감사해요 🙏🏼)

  • @user-dl4uh6fg3r
    @user-dl4uh6fg3r 4 ปีที่แล้ว +1

    한달만에 출첵!! 처음으로 VSC 깔아보고 찬찬히 영상보면서 따라했어요 아직 낯설기만하지만 엘리님 보고 열심히 따라가고있어용!!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      그동안 일하신다고 많이 바쁘셨죠~? 다른 분야에서 일하시면서 이렇게 공부해나가시는거 보면서 저두 많이 배워요 ❤️
      지금은 유튜브 한다고 정신이 너무 없는데, 약속해드린 프론트엔드편만 다 올리고 나면 조금 여유롭게 속도를 늦추고 다른거 공부해보고 싶었던 것들 한번 배워볼려구요 🙌 우리 화이팅이요!

  • @user-ic3nc2np2r
    @user-ic3nc2np2r 3 ปีที่แล้ว

    window 쓰고있습니다! 영상 잘봤어요 감사해요!

  • @shpark8965
    @shpark8965 3 ปีที่แล้ว

    강의 정말 잘 듣고 있습니다:) 앞으로도 잘 부탁드려요 ㅎㅎ

  • @hyom__
    @hyom__ 4 ปีที่แล้ว +1

    아직 해보지 않아서 얼마나 꿀팁인지 잘 모르겠지만 감사합니당 ㅎㅎ

  • @Blue-bx9lh
    @Blue-bx9lh 4 ปีที่แล้ว +2

    꿀팁 감사합니다. 💙

  • @ikgyunyu6354
    @ikgyunyu6354 4 ปีที่แล้ว +1

    드디어 조별 프로젝트 끝났네요 ! 좀 쉬면서 밀린 강의 달려야겠어요 _ _ 항상 꿀팁 감사합니다! 😊

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      조별 프로젝트 재밌겠어요 🙌 그립네요, 아 저도 팀들과 일하고 있으니 매일 조별과제를 하고 있는건가요? 하하
      코멘트 감사합니다 ❤️

  • @user-ho3zi7ux7n
    @user-ho3zi7ux7n 4 ปีที่แล้ว

    저는 power coed라고 퍼포먼스 추가해서
    코딩할때 심심함을 조금 달래고 있어요 ㅎㅎ
    좋은 정보 매번 감사합니다 . 엘리님👍🏻

  • @raon2789
    @raon2789 3 ปีที่แล้ว

    꿀팁을 하나하나 자세히 설명해 주셔서 감사해요!

  • @haoldcastle
    @haoldcastle 4 ปีที่แล้ว +1

    와 소개해주신거 거의다 설치했어요. VS code는 사용하고 있었는데.. 이렇게 편리한 기능이 있는줄은 몰랐어요. 감사합니다~

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      어멋! 저는 왜 헌성님이 이전 영상을 다 보셨을거라고 생각하고 있었을까요?ㅋㅋㅋㅋ
      모르셨던 익스텐션을 발견하셨다니 다행이예요 🤗

  • @user-ik9vs9ki5h
    @user-ik9vs9ki5h 3 ปีที่แล้ว

    너무 좋아요!! 쇼핑하는 기분까지 들 정도네요 ~ 감사합니다

  • @THX4Grace
    @THX4Grace 3 ปีที่แล้ว

    늘 올때마다 쭉쭉 영양 공급을 받아가요
    진짜 찐짜 감사해요:)

  • @omr7758
    @omr7758 4 ปีที่แล้ว +1

    영상 잘 봤습니다!
    윈도우 사용중이고, VSC는 한번 사용해봤습니다!
    익스텐션 설치 하지않고, 무작정 따라하기만 했었어서 그런지 이번 영상 최고네용ㅋ.ㅋ
    Tip 6 ~ 9번 대박이네요!!!👍👍
    감사합니다!😃

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      오웃, 도움이 되었던 익스텐션이 있어서 다행이예요 🤗

  • @bhroy8968
    @bhroy8968 3 ปีที่แล้ว

    좋은 익스텐션 참고해 갑니다 :)
    항상 좋은 영상 감사드려요 !!

  • @hyeheep1900
    @hyeheep1900 4 ปีที่แล้ว +1

    오 얼마전부터 vs code쓰는데 좋은거 같아요! 소개해주신 확장기능들 감사합니다~! 꿀팁쓰

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      네 😊 특히 다른 언어를 개발할때도 쓸 수 있어서 좋은거 같아요. 특히 단축키나 손에 익은 그대로 쓸 수 있는게 짱 좋은거 같아요 ❤️

  • @wwoojin
    @wwoojin 4 ปีที่แล้ว +1

    Html에서 태그 이름 바꿔줄때마다 번거로웠는데 auto rename tag 진짜 유용한거 같아요! 감사합니다 😃

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      그쵸? 저두 Auto rename tag가 최대 아이템 인거 같아요 ㅎㅎㅎ

  • @seo_jh_kaist
    @seo_jh_kaist 3 ปีที่แล้ว

    윈도우 사용하고, 파이썬으로 비주얼 코드에서 작업 해봤고 콜랩으로 인공지능 제작만 좀 해봤습니다.
    아직 HTML과 CSS로 프론트엔드는 하나도 배워보지를 않았지만 일단 꿀팁들 머리에 박고 가겠습니다.
    감사합니다.

  • @심심이17277
    @심심이17277 4 ปีที่แล้ว +1

    와 제가 원했던 것이네요!

  • @Liber_Spiritus
    @Liber_Spiritus 2 ปีที่แล้ว

    비주얼 스튜디오 새로 설치할때마다 계속 이 영상으로 오게되요:)

  • @user-ch8qm9vk7r
    @user-ch8qm9vk7r 4 ปีที่แล้ว +1

    감사합니다 ㅠㅠ 익스텐션 찾고있었는데 너무 도움됩니다

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      완전 유용해요~ 꼭 도움이 되었으면 좋겠어요. 다음 Emmet편 마지막 부분에서 하나더 알려드렸어요

  • @user-vn8pm6mi2d
    @user-vn8pm6mi2d 4 ปีที่แล้ว +1

    유용한 정보 감사합니다!

  • @user-xf8wn1xn7f
    @user-xf8wn1xn7f 4 ปีที่แล้ว +1

    여태껏 그냥 기본 비주얼 스튜디오 코드 윈도우에서 사용했었는데 와 신세계네요! 감사합니당 출석!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      출책 감사합니다 ❤️

  • @luminous_moon
    @luminous_moon 2 ปีที่แล้ว

    정말 좋은 정보네요! 특히 전 auto rename tag가 제일 편리한거 같네요! 감사합니다!

  • @so-bab
    @so-bab 3 ปีที่แล้ว

    영상 너무 재밌어서 html, css부터 여기까지 쭉 봤어요!! 프로젝트 만드는 걸 목표로 다음 영상도 잘 시청하겠습니당^^!

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      출석체크 확인 완료 😎 열심히 공부해 주셔서 감사해요, 화이팅!

  • @elecs7g
    @elecs7g 2 ปีที่แล้ว

    방금 다 보았어요~ 끝에 코멘트 남겨 달라는 말씀도 계셔서 제가 제일 좋아하는 익스텐션 올립니다. Code Spell Checker 추천합니다. 몰라서 틀리기도 하지만 잘못 쓰고 지나치는 경우가 대부분인데 바로 알려주거든요. 별거 아닌거 같지만 정말 유용하게 사용하고 있으며 꼭 필요한 익스텐션입니다.

  • @jinkyungbyun5664
    @jinkyungbyun5664 4 ปีที่แล้ว

    셋업 완료!🙋‍♀️

  • @choimichelle110
    @choimichelle110 2 ปีที่แล้ว

    애플 실리콘 사용하고 있고. 전 이제 공부 시작하기 때문에 엘리님 동영상 반복 시청으로 지식을 쌓아가고 있어요.

  • @best_1481
    @best_1481 4 ปีที่แล้ว +3

    꿀팁 도움 많이 됐습니다ㅎㅎ 저는 beautify도 쓰고 있어요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      Beautify는 Prettier랑 비슷한 아이인가요? 오늘 밤에 한번 써봐야겠네요 🤗
      코멘트 감사합니다 🙏🏼

  • @weiiz2183
    @weiiz2183 4 ปีที่แล้ว +1

    추천해주신 10개중에 3개 밖에 몰랐네요ㅎㅎㅎ Material icon, Prettier, Live Server는 사용중이였는데 처음보는게 많아서 정말 신기했어요! 좋은 영상 감사드립니다~~!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      도움이 되는게 있었다니 다행이얘요 ❤️ 이거 바로 뒤에 Emmet편에서 익스텐션 한가지를 더 알려드렸어요~ 그것도 꼭 설치해보세요 :)

    • @weiiz2183
      @weiiz2183 4 ปีที่แล้ว +1

      @@dream-coding 감사합니다! 꼭 영상 확인해볼게요 :)

  • @JOY-fm4ug
    @JOY-fm4ug 2 ปีที่แล้ว

    영상 보면서 하나씩 알아가고 있습니다!

  • @user-dr7ib1kl8g
    @user-dr7ib1kl8g 3 ปีที่แล้ว

    코딩 처음 입문자인데 강의 잘보고있습니다. 감사합니다

  • @seon_douga
    @seon_douga 4 ปีที่แล้ว +1

    저는 윈도우에서 그냥 비쥬얼 스튜디오 썼어요!
    여태 이런 거 있는 지도 몰랐네요 . 유익한 영상 감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      얻어가시는 익스텐션이 많으셔서 다행인거 같아요 🙌

  • @GG-cz2vc
    @GG-cz2vc 3 ปีที่แล้ว

    공부 초기에 이걸 발견해서 천만 다행입니다. 이런 꿀같은 애들을 나중에 알았다면
    엄청 허탈했을 거 같아요 ㅋㅋㅋ 좋은 정보 감사합니다.

  • @user-pg4vb6tb1g
    @user-pg4vb6tb1g 2 ปีที่แล้ว

    엑기스만 뽑은 교과서 수준입니다. 정말 감사합니다. 대박나세요! 더더더 대박나세요!!

  • @julyhood
    @julyhood 4 ปีที่แล้ว +1

    실무에 도움되는 팁들이 많아 정말 많은 도움 될것 같습니다! 항상 감사합니다.

  • @Alex-by4zm
    @Alex-by4zm 2 ปีที่แล้ว

    하나씩 배워가는 재미가 꿀잼입니다. ^^! 오늘도 감사합니다.~~~!

  • @jeonghyunkim1579
    @jeonghyunkim1579 2 ปีที่แล้ว

    VS 코드 써본 적이 없었는데 정말 강력한 확장프로그램이 많네요. 유용한 정보 너무 감사합니다!

  • @jeongin6060
    @jeongin6060 2 ปีที่แล้ว

    유용한 익스텐션이 많네요! 이번에도 유용한 강의 감사합니다 ^^

  • @vlvki6717
    @vlvki6717 4 ปีที่แล้ว +1

    코딩 하시는 분들이 무지개 색 코딩 페이지 가지고 있는거 너무 멋있었는데 이거 였어요!!ㅎㅎㅎㅎㅎ오늘도 감사합니다 ♡

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      오웃~! 무지개색 설정하셔서 정말 개발자의 느낌으로 즐코딩 하시길 바래요 🙌

  • @maryrose7127
    @maryrose7127 3 ปีที่แล้ว

    엘리님 덕분에 맥에서 vscode로 설치해서 사용해보고 있어요. 혹시 ftp 익스텐션 관련해서 세팅,파일업로드, 다운로드 같은 내용들도 소개해주실 수 있을까요? (드래그앤드롭으로 파일이동이 가능한지 궁금합니다!) 유익한 강의 너무 감사드려요 메리크리스마스 : D

  • @user-ym4cg8uv5g
    @user-ym4cg8uv5g 3 ปีที่แล้ว

    완전 개꿀 좔좔좔 흘러내리는 영상이었어요 너무나 감사합니다

  • @user-og3hf2ce4j
    @user-og3hf2ce4j 3 ปีที่แล้ว

    진짜 완전 꿀팁 너무 감사합니다!

  • @joselynj9732
    @joselynj9732 3 ปีที่แล้ว

    드림위버 > 에디터플러스 > Atom으로 정착했었는데~ visual studio code로 넘어가야 할듯! Emmet도 나름 활용하고 있다했는데 부족하더라고요~ 생생한 꿀팁 감사해요♡

  • @humors_storage
    @humors_storage 4 ปีที่แล้ว +1

    설치 끝 유용하게 사용하겠습니다. 감사합니다.

  • @mingli6482
    @mingli6482 4 ปีที่แล้ว +1

    CSS Peek, HTML CSS support, Markdown Preview 오늘 처음 배우 갑니다.
    감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      유용하게 써서 생산성 꼭 올려보세요 :)

  • @choweonchul
    @choweonchul 3 ปีที่แล้ว

    imac 과 windows 10 사용중인 erp개발자입니다 물론 erp는 windows에서 개발하고 App개발공부는 imac에서 하고 있습니다. 좋은 툴들 알려주셔서 감사합니다.^^

  • @user-mg7fx1ei5d
    @user-mg7fx1ei5d 3 ปีที่แล้ว

    우와~~~ 너무너무 좋은 익스텐션 알아갑니다. 정말 감사드립니다. ^^ 엄지척!!

  • @user-sj9fj2ie9k
    @user-sj9fj2ie9k 3 ปีที่แล้ว +2

    진짜 넘 넘 설명잘햐주십니다 친절하게 꼼꼼히 비전공자들도 보기쉽게 선생님 짱이에요 사랑해요

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว +1

      이런 스윗한 코멘트 감사해요 🙌

  • @Lucky-yc2su
    @Lucky-yc2su 4 ปีที่แล้ว +1

    오늘도 유용한 꿀팁 하나 얻어 갑니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      유용한 익스텐션으로 즐거운 코딩하세요 ❤️

  • @Thedezigner_
    @Thedezigner_ 4 ปีที่แล้ว

    진짜 이분 유튜브 영상보다가, 결국 드림코딩아카데미 수업 듣기로결심했어요 듣는중!!! ㅜ_ㅜ완소강의감사합니다

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      하하 강의에서도 만나요 :) 김꼬북이라고 알려주세요

  • @user-hg8lw3uo8f
    @user-hg8lw3uo8f 4 ปีที่แล้ว +1

    올해 입학한 컴공 새내기입니당. 바이러스 때문에 오늘 첫강의를 사이버강의로 들었어요ㅠㅠ 교수님강의듣고 앨리님 강의 듣고나니까 이해가 훨씬 쉽고 좋아지네용 !! 궁금증도 풀리고 꿀팁 많이 얻어가는 것 같아요 ㅎㅎ 감사합니다

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      어머 20학번 새내기 이신가요? 저는 05학번이예요 🙌
      우아 15년의 차이가.......🤣 하하
      코로나바이러스때문에 우리 학생분들 특히 수능생 분들이 제일 걱정이예요. 다들 많이 흔들리지 않고 주어진 환경내에서 최선을 다하면서 이겨냈으면 좋겠어요, 화이팅!❤️

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      아 이렇게 소개와 함께 코멘트 남겨 주셔서 감사합니다 🙏🏼

  • @user-sv3pc7my6n
    @user-sv3pc7my6n 3 ปีที่แล้ว

    차근차근 잘 따라해보겠습니다.^^

  • @user-me6gd3vd6m
    @user-me6gd3vd6m 4 ปีที่แล้ว +1

    꿀팁도 이런 꿀팁이 없따.. c언어랑 유니티 할 때 비주얼 스튜디오는 써봤어요. 근데 웹은 보통 brackets 나 atom을 써왔는데, 너무너무 좋아보여서 당장 깔았어요!
    아톰에서도 이것저것 패키지 설치해서 사용하긴 했지만, 엘리님 영상보면서 공부할 땐 VS 코드를 쓰는게 편할 것 같아서 냉큼 깔았네요ㅎㅎ
    남은 영상들도 후딱 마저 보고, 엘리님 강의도 구매하려구요! 포폴을 자꾸 이거(공부) 끝까지, 어느정도는 다 끝내고 나서 하자.. 하며 미뤘었는데, 일단은 그냥 만들려고요. 솔직히 코딩은 이론도 이론이지만, 실제로 하면서 느는 거니깐요..ㅎㅎ..ㅜ 쨌든 그런 다음 차근차근 업그레이드 해나갈 생각입니다ㅎㅎ 좋은 영상들 감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      VSCode너무 좋죠? :) 요즘 많은 개발자들이 다양한 분야에서 사용하고 있어요 :) 그리고 드림코딩과 함께 해주셔서 감사합니다 ❤️

  • @user-hp7ft7uk7z
    @user-hp7ft7uk7z 4 ปีที่แล้ว +1

    저는 파이썬 공부할때 써봤구요. emmet만 써봤어요. 완료!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      Emmet을 써보셨다니 🙌

  • @user-zr3ro2lt8v
    @user-zr3ro2lt8v 2 ปีที่แล้ว

    와 진짜 도움 많이 되는 정보에요 ㅠㅠ

  • @woorimit
    @woorimit 4 ปีที่แล้ว +2

    정말 좋은 기능이 많이 있네요 감사합니다.
    전 원래 백엔드만 다루다가 풀스택으로 다루고 싶어서 조금씩 살펴보고있습니다 ㅎㅎ
    MAC쓰고있고, 현재 에디터는 VScode 쓰고 있어요~ 브라켓을 가장 오래썼고 아톰이랑 이것저것 다뤄보긴했는데 기억이 잘 안나네요 ㅋㅋㅋ
    VScode가 젤 편하고 강력한것같더라구요 UI도 너무 맘에들고!
    좋은 정보 감사합니다 구독은 이미 이전에 했습니다~ ㅋㅋ

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      숨겨진 저의 오래된 구독자이신가요? 🤗 이렇게 시간 내어 코멘트 남겨 주셔서 감사합니다 🙏🏼
      풀스택으로 준비중이시라니 정말 대단하세요~ 프론트엔드 열심히 하셔서 곧 풀스택 개발자로 더 높은 페이를 받는 멋진 개발자가 되시기를 응원하겠습니다 🥰
      참, 백엔드 스택은 어떤것들을 쓰시나요?

    • @woorimit
      @woorimit 4 ปีที่แล้ว +1

      드림코딩 by 엘리 응원까지해주시니 ㅜㅜ 감사합니다!!ㅎㅎ 최근에는 리얼타임으로 동작하는 웹을 만들어보고싶어서 연습삼아 노드js와 몽고DB로 간단한 프로젝트를 만들어보고 있어요! 음 파이썬이 주무기라 장고를 쓰기도했는데 노드js를 다룬 경험이 많다보니 노드가 쉽더라구요. 언어보다는 프레임워크의 영향을 많이 받게되네요!ㅎㅎ 나머지 스택들은 아마존에서 프리티어로 해보고있어요!
      엘리님 구독자 신경써주시고 아껴주는 모습이 감동입니다🥺 최고에요!! 감사합니다 ㅎㅎ🥰

  • @user-tk5gz4fr2l
    @user-tk5gz4fr2l 3 ปีที่แล้ว

    1월 23일 출석 완료 좋은 익스텐션 소개영상 감사합니다!

    • @dream-coding
      @dream-coding  3 ปีที่แล้ว

      출석체크 확인 완료 😎 열심히 공부해 주셔서 감사해요, 화이팅!

  • @kimdh377
    @kimdh377 4 ปีที่แล้ว +1

    와... 이거 처음부터 깔았으면 훨씬 편하게 했을텐데 라는 생각하면서 다 깔았어요 !! ㅎㅎ 엘리님 감사합니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      이제 필요한 모든 무기들을 잘 장착하셨군요! 🤗 항상 코멘트 남겨 주셔서 감사합니다 :)

  • @Empress2401
    @Empress2401 3 ปีที่แล้ว

    이거 보고 며칠 전에 다 설치 했는데 잘 쓰고 있지만 설정해보고싶을 때 이게 무슨 익스텐전 기능이었나 햇갈려서 다시 봐요 ㅋㅋㅋㅋ

  • @user-nu3hv9de4l
    @user-nu3hv9de4l 4 ปีที่แล้ว

    auto rename tag가 꿀팁이네요!ㅎㅎ감사합니다!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      그쵸? 저도 너무 유용하게 쓰고 있어요 🙌

  • @user-ur1hm9yq6k
    @user-ur1hm9yq6k 3 ปีที่แล้ว

    vsc, atom, reple.it 써봤는데 이렇게 좋은 것들이 있는지 몰랐네요..! 미니쇼핑몰 올려주신거 만들다가 fetch에서 막혀서 여기까지 왔는데, 좋은 정보 감사합니다☺️

  • @SW-vc9jm
    @SW-vc9jm 4 ปีที่แล้ว +1

    엘리 누나 정말 잘보고 있어요!! 넘넘 유익한 영상들 감사해요. 혹시 백엔드 관련해서도 유용한 툴이나 팁 알려주실 수 있나요?

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      코멘트 감사해요 🤗 백엔드는 어떤 스택을 쓰냐에 따라서 툴이랑 팁이 달라져서 나중에 중급편까지 가게 되면 (과연?ㅋㅋㅋㅋ) 백엔드 구축할때 또 좋은 정보 알려드릴께요 😍

    • @SW-vc9jm
      @SW-vc9jm 4 ปีที่แล้ว +1

      @@dream-coding 사랑해요 누나 ㅜㅜ ♡♡

  • @windrika
    @windrika 3 ปีที่แล้ว

    좋은 정보 감사해요~!

  • @michaeloh3728
    @michaeloh3728 4 ปีที่แล้ว +1

    덕분에 꿀팁으로 적용하여 즐겁게 쓰고 있어요!
    문법 오류일 때 즐겁게 해결 하고 있어요
    저는 맥북프로 사용하고 있고 VSC로 사용하고 있는 커리어 전환 준비중입니다.
    -> 자바스크립트, node.js, react, react native를 공부하고 있다보니, 자바스크립트 babel javascript 익스텐션도 사용하고 있어요!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      코멘트 감사합니다 🙏🏼 우아 많은걸 공부하고 계시네요.
      정말 열심히 하시는게 느껴집니다. 커리어 전환 준비중 이시라니, 제가 응원해드릴께요 🤗

  • @user-it3vp6lp3s
    @user-it3vp6lp3s 3 ปีที่แล้ว

    비주얼스튜디오 익스텐션 설치 많은 도움이 되었습니다. 감사합니다 ^^

  • @Yeringlog
    @Yeringlog 3 ปีที่แล้ว

    와 너무 꿀팁이에요!!! 항상 잘보고있어요~!

  • @TanDanJigolgoru
    @TanDanJigolgoru 3 ปีที่แล้ว

    크으..... 꿀 정보 너무 감사드립니다

  • @fabianbiduu6127
    @fabianbiduu6127 2 ปีที่แล้ว

    mac os 사용 중입니다~ 잘 보고 있어요~

  • @coxld010
    @coxld010 4 ปีที่แล้ว +1

    와 비쥬얼코드 쓰면서 익스텐션은 처음 설치해봐요 감사합니다~!

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว

      좋은 익스텐션으로 재밌고 즐겁게 코딩 하시길 응원할께요 ❤️

  • @user-rl8lv7kq6n
    @user-rl8lv7kq6n 4 ปีที่แล้ว +1

    와우!! 꿀팁 감사합니다. 비주얼을 사용 하다가 아직 익숙 하지 않아서 잘 모르던 기능들을 엘리님의 영상을 통해서 자세히 알고 익히는 중입니다. 저는 엘리님이 가르쳐 주신 Bracket Pair colorizer ,Live Server을 정말 유용하게 사용 하고 있습니다. 물론 다른 부분들도 하나씩 사용을 해보고 있는데요. Bracket 같은 경우에 코딩을 하다 보면 처음과 마지막이 어디 인지 모르고 자꾸만 찾는 경우가 많았는데 이제는 처음보다 찾는 부분도 많이 줄었습니다. Live도 자꾸 인터넷으로 확인 했는데 바로 바로 보이는 부분들이 너무 좋아서 잘 사용 하고 있습니다. 눈에 보기 너무 좋습니다. 너무 감사합니다.
    엘리님 VS code 에서 어떤 부분들 공부 하면 더 익숙해 지는 방법이 있나요? 저는 요즘 매일 마다 연습을 하거나 엘리님이 올려주신 영상을 참고해서 연습을 해보는 방법을 하고 있습니다.

    • @dream-coding
      @dream-coding  4 ปีที่แล้ว +1

      우앗 도움이 되었다니 정말 기분이 좋네요 ❤️
      이런 개발툴들은 처음에 시간을 많이 투자해서 배우시기 보다는 쓰시면서 불편한게 있다면 검색해보면 플러그인 있는 경우가 대부분이구요~ 그리고 내가 마우스로 무언가를 여기저기 검색해서 어떤 기능을 썼다면 (가령 프로젝트 패널을 숨겼다가 보이게 하는거), 키보드 단축키를 찾아보시면 엄청 간단한 단축키가 있어요~
      그런것들을 하루에 하나씩 또는 가끔씩이라도 하나씩 손에 익혀서 쓰다보면 나중에 엄청 전문가스럽게 쓸 수 있답니다 😊

    • @user-rl8lv7kq6n
      @user-rl8lv7kq6n 4 ปีที่แล้ว

      @@dream-coding 검색 기능을 요즘은 사용해서 마우스를 사용 해서 했다면 이제는 키보드를 사용해서 익숙해 지는 중입니다. 답변 너무 감사합니다.

  • @hughie0219
    @hughie0219 3 ปีที่แล้ว

    군더더기 없는 빠르고 깔끔한 설명 너무 좋네요.
    여기서 말하는 익스텐션 모두 쓰고 있네요...^^;
    정말 유용한 기본 중에 기본인 익스텐션이죠...
    글구 유창한 영어 너무 부럽습니다. 멋지세요....
    구독 꾸욱 누르고 갑니다.