HEROPY
HEROPY
  • Видео 28
  • Просмотров 49 714

Видео

문이 있는 페이지 클론 코딩 파트 해설 강의
Просмотров 6912 года назад
[Hello IT 프론트엔드 개발을 시작하려고 해 / 입문편] '문이 있는 페이지 클론 코딩' 파트의 해설 강의입니다. www.yes24.com/Product/Goods/107073211
NPM 프로젝트(예제)의 패키지 버전 일치시키기
Просмотров 4,3 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog
3-1 SPA 라우터 설치 및 구성 [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 7494 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
3-9 VS Code SCSS 스타일 에러 해결 [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 5314 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
2-1 Snowpack으로 시작하기 [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 1,1 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
2-6 Svelte & Snowpack template [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 4284 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
1-2 SPA란? [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 1,1 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
1-3 프로젝트 구조의 이해 [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 2,6 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
1-1 예제 소개 [Svelte/Snowpack 영화 검색 프로젝트]
Просмотров 1,4 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - 라이프사이클 - 4. beforeUpdate, afterUpdate
Просмотров 5454 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - 라이프사이클 - 3. onMount, onDestroy
Просмотров 6974 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - 소개
Просмотров 3,3 тыс.4 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - Svelte 강의를 마치며
Просмотров 5034 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - 라이프사이클 - 2. 잠깐! VS Code로 Svelte 프로젝트 시작하기 복..
Просмотров 7334 года назад
# HEROPY 기술 블로그 heropy.blog # Svelte.js 한글로 문서 참고! Svelte.js 완벽 가이드(Renew) - heropy.blog/2019/09/29/svelte/ # Svelte/Snowpack 영화 검색 프로젝트 인프런 강의 - www.inflearn.com/course/스벨트-실습-프로젝트?inst=0bd6a806 미리보기 재생목록 - ruclips.net/video/yMOSlm667To/видео.html # Svelte.js [Core API] 완벽 가이드 인프런 강의 - www.inflearn.com/course/스벨트-완벽-가이드?inst=c1552804 미리보기 재생목록 - ruclips.net/video/QjaHjFlPa-g/видео.html # Svelt...
[Svelte.js Core API 완벽 가이드] - 라이프사이클 - 1. 기본 개념
Просмотров 8654 года назад
[Svelte.js Core API 완벽 가이드] - 라이프사이클 - 1. 기본 개념
[Svelte.js Core API 완벽 가이드] - 시작하기 - 6. Todo 예제 만들기
Просмотров 1,2 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 6. Todo 예제 만들기
[Svelte.js Core API 완벽 가이드] - 시작하기 - 5. 스토어
Просмотров 1,1 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 5. 스토어
[Svelte.js Core API 완벽 가이드] - 시작하기 - 4. 컴포넌트
Просмотров 1 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 4. 컴포넌트
[Svelte.js Core API 완벽 가이드] - 시작하기 - 3. 이벤트 핸들링
Просмотров 9114 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 3. 이벤트 핸들링
[Svelte.js Core API 완벽 가이드] - 시작하기 - 2. 조건문과 반복문
Просмотров 8514 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 2. 조건문과 반복문
[Svelte.js Core API 완벽 가이드] - 시작하기 - 1. 선언적 렌더링
Просмотров 1,4 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 시작하기 - 1. 선언적 렌더링
[Svelte.js Core API 완벽 가이드] - 개요 - 5. NPX 설치 확인
Просмотров 8674 года назад
[Svelte.js Core API 완벽 가이드] - 개요 - 5. NPX 설치 확인
[Svelte.js Core API 완벽 가이드] - 개요 - 4. VS Code에서 Svelte 프로젝트 시작하기
Просмотров 1,4 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 개요 - 4. VS Code에서 Svelte 프로젝트 시작하기
[Svelte.js Core API 완벽 가이드] - 개요 - 3. REPL 사용법
Просмотров 1,6 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 개요 - 3. REPL 사용법
[Svelte.js Core API 완벽 가이드] - 개요 - 2. Svelte 특징 분석
Просмотров 4,8 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 개요 - 2. Svelte 특징 분석
[Svelte.js Core API 완벽 가이드] - 개요 - 1. 강사 소개 및 Svelte 통계
Просмотров 2,3 тыс.4 года назад
[Svelte.js Core API 완벽 가이드] - 개요 - 1. 강사 소개 및 Svelte 통계
CSS Grid Guide
Просмотров 13 тыс.5 лет назад
CSS Grid Guide

Комментарии

  • @정크푸드-v8i
    @정크푸드-v8i 12 дней назад

    선생님 강의를 듣고있는데 스타벅스 강의영상은 없던데요..??초격차 패키지 : 21개 프로젝트로 완성하는 인터랙티브 웹 개발 with Three.js & Canvas

    • @heropy2912
      @heropy2912 11 дней назад

      "21개 프로젝트로 완성하는 인터랙티브 웹 개발 with Three.js & Canvas"는 제가 계약한 강의 제목이 아닌 것 같아요. 영상 사용 권한이 패스트캠퍼스 측에 있으니 한 번 문의해 보세요.

    • @정크푸드-v8i
      @정크푸드-v8i 11 дней назад

      @heropy2912 엇... 근데 영상엔 나오던데요.. 짧게나마..

  • @hamzzykim6922
    @hamzzykim6922 11 месяцев назад

    패캠에 수강에 대한 글쓰는게 없어서 찾다가 유튜브까지 흘러들어왔네요 ! 패스트캠퍼스 html,css 자바스크립트 듣고 있는데 너무 쉽게 알려주셔서 감사해요! 지금 dom api까지 듣고 있는데 선생님강의 듣고 플렉스개구리도 다 깼어요! 자바스크립트도 마스터할수 있을꺼 같아서 강의 열어주셔서 너무 감사합니다

  • @sooo-zin2729
    @sooo-zin2729 Год назад

    정말 너무너무 감사합니다ㅠ 다른 곳에 검색해봐도 row가 뭔지 column이 뭔지 제대로 안 알려줘서 머릿속에 물음표만 가득했거든요ㅠㅠ 선생님 감사합니댜❤

  • @johnharrison5120
    @johnharrison5120 Год назад

    인프런 강의 감명깊게 보고 왔는데 잘생기기까지 하셨네요

  • @가로수그늘아래-l9t
    @가로수그늘아래-l9t Год назад

    안녕하세요 선생님 인프런에 강의를 듣고싶은데 혹시 할인쿠폰 부탁드려도 될까요?

  • @user-sp3wx4pp3m
    @user-sp3wx4pp3m Год назад

    안녕하세요, 선생님. HTML/CSS를 HIT 입문편 도서로 공부하고 실전편을 기다리던 학생입니다. 여러 댓글을 살펴보니, 계약 문제로 실전편 출간이 미뤄진 것 같습니다. 혹시, 실례가 되지 않는다면 실전편 강의 자료를 메일로 받아볼 수 있을까요? 도서 비용을 원하신다면 별도로 지불해서라도 선생님의 자료로 공부를 마치고 싶습니다. 감사합니다.

  • @esiwk7
    @esiwk7 2 года назад

    강좌 계속 부탁드려요 너무 굿

  • @esiwk7
    @esiwk7 2 года назад

    오오 킷 강좌 부탁드립니다

  • @sepiwtew
    @sepiwtew 2 года назад

    선생님.. 저 고민이 있습니다.. 제가 선생님 강의를 다들으면.. 자꾸 선생님이..생각날것같습니다... 새로운 영상 기대해도될까요?.........

    • @heropy2912
      @heropy2912 2 года назад

      기회가 되면 새로운 영상 업로드하겠습니다. 좋게 봐주셔서 감사해요~

  • @707mars3
    @707mars3 2 года назад

    선생님, 혹시 선생님이 만드신 movie-app 관련 강의가 있나요? 지금 만들어 놓으신거 보고 저도 개인적으로 만들고 있는데 이해가 안되는 부분이 많아서요 ㅜ

    • @heropy2912
      @heropy2912 2 года назад

      네 안녕하세요~ Vue 버전, Svelte 버전의 Movie App 강의가 있었고, JS(TS) 버전 Movie App 강의는 12월 중에 패스트캠퍼스 강의로 업데이트 예정이네요. 가볍게 참고하세요. fastcampus.co.kr/dev_online_felang

  • @crebons491
    @crebons491 2 года назад

    20220805 - [React&Redux로 시작하는 웹프로그래밍] 강의에서 npm으로 최초로 설치하는 모듈인 parcel이 설치 오류가 나서 찾아봤더니 v1 버전에서 v2 버전으로 업데이트 되어서 아예 v1은 지원이 안 되고 v2로 설치해야 하는 거 같네요

    • @heropy2912
      @heropy2912 2 года назад

      아직 Parcel 1버전도 사용 가능합니다. Parcel이 구성 없는 번들러라서 지원하는 프레임워크 버전이 아닌 최신 프레임워크 버전을 사용하면 문제가 될 수 있습니다.

  • @빠요엔빠요엔
    @빠요엔빠요엔 2 года назад

    선생님 실전편은 대체 언제나오는건가요 책이 안나와서 답답한마음에 물어봅니다 혹시 보시면 알려주세요

    • @heropy2912
      @heropy2912 2 года назад

      안녕하세요. 많이 기다리셨을 텐데 죄송해요. 사정이 좀 복잡한데요, 간단히 말씀드리면 다음 도서는 계약 조건 때문에 취소되었네요. 올해 말에 패스트캠퍼스에 새로운 프론트엔드 강의가 나옵니다. 혹시 조건이 되면 새로운 강의로 실전편이 다시 나올 수도 있지 않을까 기대해봅니다.

  • @abcdefghi__lmnopqrstuvwxyz85
    @abcdefghi__lmnopqrstuvwxyz85 2 года назад

    오늘 스벨트 배우다가 우연히 알게되어 유입되었습니다! 좋은 지식 잘 얻어가겠습니다!

  • @lge920904
    @lge920904 2 года назад

    svelte를 신규 플젝에서 써볼려고 올려신 강의영상 전부 보고있어요. 유익한 영상 감사합니다.

  • @skdding3
    @skdding3 2 года назад

    선생님 패캠때 부터 너무 잘듣고 데이터분석을 공부하다가 웹서비스에 관심을 가지다보니, 선생님 강의를 통해 프론트엔드에 빠져들었습니다. 너무 바쁘신거 잘 알지만, 선생님이 가르치시는 React는 어떨까 라는 생각도 많이 듭니다! Vue를 사용하는 회사보단 React 점유율이 아직까진 압도적이라고 생각이 많이 드는건 어쩔수없는거 같아요ㅠ React 18버전과 함께 React DOM도 버전이 올라가면서 이에대한 강의가 아직 없는참에 선생님이 새로운 버전 기준으로 강의해주시면 진짜 좋을거 같다는 개인적인 바램입니다 ㅠ 물론 패캠에서 가르쳐 주신 Vue는 너무 잘 익혔습니다! 너무 좋은 선생님이 있어서 감사하단 말씀을 이 공간에 나마 올려봅니다!

    • @heropy2912
      @heropy2912 2 года назад

      안녕하세요~ 저도 진지하게 고민을 하고 있는데, 물리적으로 새로운 리액트 강의를 만들 시간이 없네요. 올해가 지나기 전에는 가볍게나마 리액트 강의를 준비해볼까 생각을 하고 있습니다. 좋은 의견 정말 감사해요! 😊

  • @aleumkim3844
    @aleumkim3844 2 года назад

    댓글에 있는것처럼 지금까지 본 그리드 강좌중에 최고입니다.!! 감사합니다.

  • @lamarjys1152
    @lamarjys1152 2 года назад

    오늘 패캠에서 flex강의듣고 여기와서 Grid듣습니다. 제가 그동안 들은 CSS 동영상 강의 중 단연코 최고이십니다.

  • @왕충신-i3d
    @왕충신-i3d 2 года назад

    이 영상에 해당하는 덧글은 아니지만..1년전에 블로그에 올려주셨던 Sass , SCSS 완전정복 강좌 정말 잘 보았습니다. 다시한번 감사드립니다~~ 구독 좋아요 ~!

  • @찐-f6e
    @찐-f6e 2 года назад

    세팅을 따라 하려니 강의를 정주행 해야하는 불편함이 있습니다.. 내용을 pdf 같은걸로 한번 정리해주셧으면 좋겠어요...

    • @heropy2912
      @heropy2912 2 года назад

      이 영상은 다양한 NPM 프로젝트 버전을 일치시키는 방법에 대해서 다루고 있는데요. 그래서 여러 주제의 강의에서 활용하고 있습니다. 혹시 어떤 내용이 필요하실까요?

  • @Im_JY
    @Im_JY 2 года назад

    선생님 강의로 시작해서 차근차근 공부하면서 프론트엔드 개발자를 꿈꾸고 있습니다. 좋은 강의로 흥미 잃지않게 해주셔서 감사합니다 !

  • @블록리치
    @블록리치 2 года назад

    최고의 웹 명강의 잘 들었습니다~

  • @쮸글-l1d
    @쮸글-l1d 2 года назад

    헤로피님 강의 정말로 넘나 좋아하는데 근황 궁금했습니다! 요즘 어떤 강의하시는지 어디 플랫폼인지 알려주세요! 앞으로 하게 될 강의도 알고 싶습니다!

    • @heropy2912
      @heropy2912 2 года назад

      최근에는 계속 오프라인(실시간) 강의를 하고 있네요. 시간이 걸리겠지만, 온라인 강의는 지금 하는 일이 정리되면 다시 준비할 생각입니다. 온라인 강의는 대부분 패스트캠퍼스에 있고, 인프런에도 있어요. 관심 가지고 봐주셔서 정말 감사해요~😊

  • @da486kang4
    @da486kang4 2 года назад

    강사님 안녕하세요~ 책 구입했어요~ ㅎ^^ 기다리던 강의였습니다~~ 전달력이 그 어떤 강의보다 뛰어나십니다~~ 그런데.. 얼굴이 많이 핼쓱해지신거 거 같습니다.. 진심이 담긴 강의들은 흔하지 않으니.. 건강 챙기시면서.. 길게 보세요.. 강사님 응원합니당 건강하세요~~ ^^ :)

    • @heropy2912
      @heropy2912 2 года назад

      새삼 건강이 참 중요한 듯해요. 더 좋은 강의를 위해서 열심히 관리하겠습니다. 책 구입해 주셔서 감사드려요 😭 da486 kang 님도 건강 잘 챙기시고요, 행복한 하루 보내세요! 🍀

  • @707mars3
    @707mars3 2 года назад

    선생님 리액트 강의는 없나요?

    • @heropy2912
      @heropy2912 2 года назад

      저는 Vue 강의를 주로 하는데요, 최근에 React 강의도 진지하게 고민을 하고 있어요. 다른 강의도 많이 밀려 있어서 당장은 힘들겠지만, 혹시 React 강의를 만든다면 최소한 인프런에는 업로드할 생각입니다. 관심을 가져주셔서 감사해요~😊

    • @sokgisung
      @sokgisung 2 года назад

      @@heropy2912 안녕하세요. 헤로피 선생님, 인프런 svelte 강의 복습 후에 sveltekit 프레임워크 통해 포트폴리오를 구현하고 구직활동을 했는데요. 국내에는 아직 svelte 사용하는 회사가 없어 vue를 사용하는 회사에 입사하게 되었습니다. 선생님의 온라인 or 오프라인 vue 강의를 듣고싶은데 강의 정보 좀 알 수 있을까요?

    • @heropy2912
      @heropy2912 2 года назад

      ​@@sokgisung 안녕하세요. Svelte를 사용하시면 좋았을 텐데 아쉽네요. 확실히 일자리가 많지 않죠..ㅜㅠ 제가 최근에는 주로 실시간 강의를 하는데, 이미 모집된 취업을 준비하시는 분들이 대상이라서 주중에 진행합니다. 제가 개인으로 모집하는 개념은 아니에요. 그 외 현재 운영되고 있는 Vue 관련 온라인 강의는 패스트캠퍼스 초격차 패키지가 있습니다. 혹시 학습하시는 데 도움이 될지 모르겠지만, 커리큘럼 정도는 보셔도 좋을 듯해서 링크 첨부해요~ :D fastcampus.co.kr/dev_online_frontend

    • @sokgisung
      @sokgisung 2 года назад

      @@heropy2912 svelte, sveltekit, daisyui 익히면서 너무 좋았는데, 업무로 이어지질 못하니 너무 아쉽네요. 빠른 답변 감사합니다. 살펴보겠습니다 : D

    • @sokgisung
      @sokgisung 2 года назад

      @@heropy2912 초격차 패키지도 강의듣고 있습니다. 간지러운 부분까지 긁어주시는 강의 항상 감사히 듣고 있습니다. 결국 Vue를 쓰는 회사에 왔는데, 내용을 보니 솔루션을 통채로 산 소스인데 Vue 2.6버전을 프레임워크로 쓰지 않고, cdn으로 불러오는 형태로 라이브러리(SPA도 아닌, html형태)로 쓰고 있습니다. 이제 구축하는 단계라서 고민이 많이 되고 있습니다. 어드민 형태를 띄는 페이지가 대부분인데 과연,, heropy님은 다시만들 가능성이 있다면 프론트 프레임워크를 vue or nuxt or sveltkit 어느게 나을까요?

  • @nmh7335
    @nmh7335 2 года назад

    설명을 너무 잘하셔서 다른 강의도 듣고 싶은데요 혹시 준비중이신게 있을까요?

    • @heropy2912
      @heropy2912 2 года назад

      현재 제가 준비한 Svelte 온라인 강의는 인프런에 있는 3개가 전부네요^^ www.inflearn.com/users/@heropy/courses 제가 주로 오프라인 강의를 진행하다 보니 공개된 온라인 강의가 많진 않습니다. 혹시 다른 프론트엔드 온리인 강의가 궁금하시면, 패스트캠퍼스의 '프론트엔드 초격차 패키지'를 확인해 보세요~ fastcampus.co.kr/dev_online_frontend 감사합니다 :D

  • @rexfelixvonspica
    @rexfelixvonspica 2 года назад

    빠르게 스벨트를 훑어볼 수 있어서 좋았습니다. 감사합니다.👍

  • @블록리치
    @블록리치 2 года назад

    자세하고 세심한 강의 잘 듣고 있습니다~ 감사합니다~ 스벨트 다시 봐야겠네요~

  • @claps9041
    @claps9041 2 года назад

    지금까지 본 그리드 강좌중에 최고에요ㅠㅠ

  • @leejuwonzz
    @leejuwonzz 3 года назад

    그런데 URL을 줄 때 왜 /#/을 추가하는 건가요? 이거 없이 할 수는 없나요?

    • @leejuwonzz
      @leejuwonzz 3 года назад

      아 그냥 URL을 주면 새로 로딩이 돼서 그런 거였네요

    • @heropy2912
      @heropy2912 3 года назад

      Hash(#) Mode를 사용하는 이유는 최대한 간편하게 SPA(Single Page Application)을 제공하기 위함입니다. 반대로 SPA History Mode로 제공하면 Hash(#)를 사용하지 않을 수 있습니다. 대신 History Mode는 새로고침해서 메인 페이지를 제외한 특정 페이지로 접근할 수 없기 때문에, index.html로 Redirect하는 서버(개발or제품 모두) 구성이 필요합니다.

  • @김현석-z3p8h
    @김현석-z3p8h 3 года назад

    안녕하세요 패캠에서 강의 듣고 있는데 패캠엔 질문을 할수 있는 공간이 없어서 부득이 유투브에 댓글로 질문을 남기게 됐는데 양해부탁드립니다. 강의하신 것중 스타벅스 클론 코딩 할 때 inner 라는 div태그를 통해 가운데 정렬을 하시는 부분이 있잖습니까? 근데 이 inner라는 것을 쓰고 브라우저창의 크기를 줄이게 되면 우측 스크롤이 생기게 되는데 이때 우측으로 스크롤 해보면 배경이미지로 등록한 부분들 짤려버리는데...이걸 어떻게 하면 해결할 수 있을까요? 혼자서 이래 저래 고민해보는데 답이 나오질 않아서 여기에 질문 올려봅니다

    • @김현석-z3p8h
      @김현석-z3p8h 3 года назад

      inner 대신에 그냥 flex로만들어 justify-content : center; 로 만들어야 할까요?

    • @heropy2912
      @heropy2912 3 года назад

      ​@@김현석-z3p8h 단순히 반응형 구조가 아니기 때문에 그렇습니다. 반응형 구조가 아니더라도 사실 정확하게는 배경만 잘리는 것이 아니라 화면 전체가 잘리는 것이 훨씬 나은데요. 꼭 보여줘야 한다면, CSS background 속성 대신 IMG 태그를 활용하는 것도 하나의 방법입니다. 완벽하게는 반응형 구조로 만드는 것이 좋겠죠. 참고로 제 메일은 thesecon@gmail.com 입니다.

  • @probablycodingjoohoon
    @probablycodingjoohoon 3 года назад

    todos.push() 대신 todos = [...todos, { id, title, }]와 같은 방식으로 업데이트하면 불필요한 반복을 줄일 수 있습니다. 잘 봤습니다 감사합니다!

  • @Oldskool2024
    @Oldskool2024 3 года назад

    안녕하세요!!헤로피선생님^^ 패스트캠퍼스에서 열공중인 수강생입니다. 궁금한점이 있어서 이렇게 유투브 댓글로 글 남깁니다. 도저히 연락할 방법이 없어서요!죄송함다!! 다름이 아니고 프론트엔드 개발 초격차 부분에서 Part1에서 ch.10 스타벅스 예제의 5번 헤더와 드롭다운메뉴에서요 main.css 에서 heder . inner { width: 1100px; margin: 0 auto; background-color: orang; } 이부분이 배경이 오렌지도 안나옴과 더불어 스타벅스 마크가 중앙위치에 가지 않더라구여!!구글에서 찾아보니 세가지 이유가 있는데 1)<!DocType~~> 2)width 3)inline 문제들도 다 체크를 해봤거든요!!헤로피님 코딩한거랑 완전 똑같이 했는데 계속 안되어서 진도를 나갈 수가 없어요 ㅜㅜ 좀 알려주심 감사하겠습니다.

    • @heropy2912
      @heropy2912 3 года назад

      Old Skool 님 안녕하세요 :) 댓글로 질문하신 내용을 보면, heder => header / orang => orange 로 수정하셔야 합니다. HTML/CSS 거의 모든 문제는 오타에서 발생합니다. 학습 단계에선 원본 소스와 하나씩 비교해 보시는 것이 좋습니다. 기타 질문은 thesecon@gmail.com 으로 연락주시면 됩니다.

    • @Oldskool2024
      @Oldskool2024 3 года назад

      이건 오타이구요😂 메일 보냈습니다

  • @tv-bv4ri
    @tv-bv4ri 3 года назад

    이부분을 꽉채우겠금 다른방법으로 어케짜나요?ㅜ

    • @heropy2912
      @heropy2912 3 года назад

      이 부분이라는 것이 Grid Container을 의미하시는 것 같은데요, 단순하게 가로 너비를 지정하지 않거나(auto) 혹은 100%로 입력하시면 됩니다.

  • @sammykim880
    @sammykim880 3 года назад

    강의 정말 감사합니다^^ 한가지 여쭤볼게 있는데 npm run dev를 했을 때... snowpack은 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치파일이 아닙니다 라고 나오는데ㅠㅠ 무슨문제인지 모르겠습니다. 구글에 검색해봐도 해결하지 못했네요ㅠㅠㅠ

    • @heropy2912
      @heropy2912 3 года назад

      안녕하세요~ 우선 예상되는 부분은 package.json 파일에 등록하신 스크립트의 문제(오타 등)입니다. 만약 확인 후에도 문제가 지속된다면, thesecon@gmail.com으로 해당 프로젝트의 GitHub 저장소를 공유해 주세요~ 확인하고 답변드리겠습니다!

    • @sammykim880
      @sammykim880 3 года назад

      @@heropy2912 문제 해결했습니다! 답변 감사합니다~!!!

  • @윤지만-w4m
    @윤지만-w4m 3 года назад

    마지막이 정말 아쉽네요. 작은 단점이 아니라 큰 단점이네요 한국같이 ie 강국은 .. 회사도 정부와 연관되어 있으면 전부 ie ...

    • @heropy2912
      @heropy2912 3 года назад

      개인적으로 회사에서 기관에 제공하는 서비스를 개발 및 운영하고 있습니다만, IE는 선택사항이고 대부분 지원하고 있지 않습니다. 서비스 성격이나 기타 상황에 따라 IE 지원 여부가 중요할 수 있다고 생각하지만, 크게 봤을 때 그 비율은 매우 빠르게 줄어들고 있습니다.

  • @요리맘-z8q
    @요리맘-z8q 3 года назад

    히어로피님 차트스크립트가 너무 해결이안되어서 메일을 보내드렸습니다. 확인해주시면 감사하겠습니다..!!

  • @slevinchoi
    @slevinchoi 3 года назад

    강의 몇개보고 바로 실무에 적용했네요. 좋은 강의 고맙습니다.

  • @jude_6286
    @jude_6286 3 года назад

    스벨트를 보면 뷰와 다르게 자바스크립트 기초 지식이 튼튼해야 잘 활용할 수 있을거 같아요. 좋은 강의 잘 봤습니다

  • @jude_6286
    @jude_6286 3 года назад

    설명하는 것에 재능이 있으신거 같아요, 개념 정리가 잘 되도록 신기하게 설명을 잘 해주시네요. 감사합니다.

  • @시럼실-b7h
    @시럼실-b7h 3 года назад

    스벨트가 본인을 컴파일러라고 마케팅해서 많은 사람들이 스벨트를 컴파일러라고 주장하는데요. 정확히는 컴파일러가 아니고 트랜스파일러 아닌가요? 컴파일러는 결과물이 기계어야 하는데 번들링된 자바스크립트가 기계어는 아니잖아요^^;

    • @heropy2912
      @heropy2912 3 года назад

      사전적 의미에서의 컴파일을 말씀하신 거라 생각합니다, 좁게 보면, 컴파일은 결과물이 하이 레벨에서 로우 레벨로 변환되는 것을 말하고 엄밀히 기계어만을 의미하진 않습니다. 넓게 보면, 개발자용 코드에서 브라우저용 코드로 변환하는 것으로 충분히 컴파일, 컴파일러라 할 수 있습니다. '특정 프로그래밍 언어로 쓰여 있는 문서를 다른 프로그래밍 언어로 옮기는 언어 번역 프로그램을 말한다.'고 위키백과에서 확인하실 수 있습니다.

    • @아라비-x1d
      @아라비-x1d 2 года назад

      자바도 가상머신용 바이트코드로 변환하는데 컴파일이라고 하잖아요. 자바스크립트 가상머신이 인식할수 있는 코드로 바꾼거니까 그것도 컴파일이라 하는것도 일리는 있을것 같아요.

  • @raynear
    @raynear 3 года назад

    블로그에서 먼저 봤었는데 유튜브 채널이 있으시군요! 좋은 컨텐츠 감사합니다.

  • @uujeicho
    @uujeicho 3 года назад

    많은 도움 받고 있습니다. 감사합니다!

    • @heropy2912
      @heropy2912 3 года назад

      감사합니다~ 좋은 하루 보내세요!😆

  • @조성철-q8x
    @조성철-q8x 3 года назад

    너무 좋은 강의 감사합니다. 블로그 보고 왔는데 너무 설명을 잘해주셔서 이해하는데 많은 도움이 되었습니다 !! 감사합니다

  • @ryoostar
    @ryoostar 3 года назад

    angular, react 가지고 여러 프로젝트를 하고 있는 프론트 개발자 입니다. 스벨트에 관심이 있어서 스터디 해보고 있는데 설명을 참 잘하셔서 댓글 달아보네요^^ 좋은 내용감사합니다.

    • @heropy2912
      @heropy2912 3 года назад

      아 댓글 남겨주시고 좋은 내용이라 평가해 주셔서 감사합니다. 조금이라도 도움이 되었으면 좋겠습니다~ 좋은 하루 보내세요~😆

  • @저장노래-g8i
    @저장노래-g8i 3 года назад

    발성 진짜 깔끔하고 개인적으로 속도도 좋고 정말 잘 들었습니다. 감사합니다.

    • @heropy2912
      @heropy2912 3 года назад

      좋게 봐주셔서 감사합니다 😊 즐거운 하루 보내세요~

  • @mirthindra02
    @mirthindra02 4 года назад

    좋은 강의 감사합니다. 덕분에 많이 배웁니다.

  • @mirthindra02
    @mirthindra02 4 года назад

    좋은 강의 감사합니다. 덕분에 많이 배웁니다.

  • @mirthindra02
    @mirthindra02 4 года назад

    좋은 강의 감사합니다. 덕분에 많이 배웁니다. 추가로, npx degit 명령어가 수행되지 않았는데, git 이 없어서 발생한 문제였습니다. 혹시나 npx degit 명령어를 통해 프로젝트를 받아오지 못하신다면 git cli 를 설치 후 진행해 보세요.

  • @mirthindra02
    @mirthindra02 4 года назад

    좋은 강의 감사합니다. 덕분에 많이 배웁니다.

  • @mirthindra02
    @mirthindra02 4 года назад

    좋은 강의 감사합니다. 덕분에 많이 배웁니다.