Vercel V0 사용법 완벽 정리 | 프론트엔드 개발 방식이 변하고 있습니다

Поделиться
HTML-код
  • Опубликовано: 11 ноя 2024

Комментарии • 65

  • @dogfoot98
    @dogfoot98 Месяц назад +1

    UI때문에 고민 많았는데 이렇게 높은 퀄리티로 사용할 수 있다니 진짜 빠르게 발전하고 있다는걸 세삼 느끼네요... 좋은 강의 감사합니다

  • @gagahawaii
    @gagahawaii Месяц назад +1

    집중력이 대단하시네요.
    머리 위에 쪼꼬미들이 앉아서 쪼아대도 코딩 중이심. ㅋㅋㅋ
    잘 보고 갑니다~

    • @개발동생
      @개발동생  Месяц назад

      익숙합니다~ㅋㅋㅋ

    • @조바이든-r6r
      @조바이든-r6r 10 дней назад

      ㄹㅇㅋㅋㅋ 뭔가 걸리적거릴거같은데 열심히하시네요 ㅋㅋ

  • @tvkepo7325
    @tvkepo7325 Месяц назад +7

    오늘 이 영상에 나오는 단어 때문에 next.js , 정적파일 등등 개념 공부가 되었습니다 뭔가 확 뚤린 느낌 감사합니다 ㅎㅎ 70바라보면서 공부 하는데 많은 도움이 됩니다

    • @개발동생
      @개발동생  Месяц назад

      정말 대단하신 것 같습니다!

    • @yhskrrrrrrr
      @yhskrrrrrrr Месяц назад

      와..

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      @@yhskrrrrrrr 필 받아서 2틀째 안자고 ai 커뮤니티 만들고 있습니다 ㅋ

    • @choungyoungjae8271
      @choungyoungjae8271 23 дня назад

      우와

  • @tvkepo7325
    @tvkepo7325 Месяц назад +1

    선생님 강의 대로 따라해서 멋진 홈페이지 메인 완성 !! ㅎ ㅎ 감사합니다 아주 초보적이지만 너무 멋지게 잘 되었습니다 제 채널 커뮤니티에 올려 두었습니다

    • @개발동생
      @개발동생  Месяц назад

      대단하십니다! 완성도가 정말 높으신데요?

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      @@개발동생 선생님들과 ai 덕분입니다

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      리액트 도전중입니다 ㅎ

    • @개발동생
      @개발동생  Месяц назад

      개발 공부는 하신지 얼마나 되셨나요?

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      @@개발동생 ㅎㅎ 개발 공부는 무슨...그냥 인터넷보고 따라하는 거지요 ㅠㅠ 몇개월 되었습니다

  • @호빵맨주인-j3j
    @호빵맨주인-j3j Месяц назад +2

    좋네요 react native도 얼른 sdk가 나오면 좋겠슴다
    랜딩페이지를 노코드 서비스로 만드는 것보다 더 탁월해보이네요~

  • @tvkepo7325
    @tvkepo7325 Месяц назад +2

    개발 동생 ~ 아니 저에게는 개발 아드님 ㅎㅎㅎ 고마워요 ~

  • @손용준-d9h
    @손용준-d9h Месяц назад +1

    개발동생님 컨텐츠 너무 좋아요 구독 좋댓공갑니다요. V0 관련 컨텐츠 많이 올려주세요. 유료강의 만드셔도 바로 고고합니다요^^

  • @ditto-w6w
    @ditto-w6w 28 дней назад +1

    영상 잘 보고 있습니다. 기회가 된다면 next.js 영상도 올려주시면 좋겠습니다 .

  • @chriskim6404
    @chriskim6404 Месяц назад +2

    react ui 바로바로 랜더링해주는게좋기는한데 코드작성늘력이 타 인공지능에비해 떨어지는 감이 많이 있더라고요.그나마 claude랑 같이쓰니까 괜찮았던기억이있네요

  • @김부각-b1n
    @김부각-b1n Месяц назад +1

    4:07 새가 뭔가를 먹어요....ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  • @컴배우기너무힘드셨죠
    @컴배우기너무힘드셨죠 2 дня назад

    왕초보로 처음 부터 막히는군요 예시 창에 어떻게 들어가나요 지금 화면에 MS Paint clone 이라고 하는대 그곳을 찾지를 못하고 있습니다 혹시 유료로 가입 해야 보이는건가요?

  • @라담쉬
    @라담쉬 Месяц назад +1

    V0 pricing 페이지를 보니까 명확하게 limit에 대해 명시가 되어있지 않던데, 실제 limit이 있는건 맞나요?? 관련해서 아는게 있으실까요?

    • @개발동생
      @개발동생  23 дня назад

      기존에는 크레딧이 메시지마다 차감되는 형태였는데, 이제 크레딧 정책은 폐지되었고(기존 사용자는 25년1월16까지 사용가능)
      지금은 구독 페이지에서 메시지 한도를 확인 가능한 것 같습니다
      v0.dev/subscription

  • @8bitReadiz
    @8bitReadiz Месяц назад

    고맙습니다

  • @user-drv4ge8r1i
    @user-drv4ge8r1i Месяц назад +1

    많이 배웠습니다. 감사합니다. 영상 중간에 voice를 dictation (받아쓰기) 해주는 앱을 사용하시는 것 같은데, 성능이 좋네요. 어떤 프로그램을 사용중이신지 알려주실 수 있을까요?

    • @개발동생
      @개발동생  Месяц назад

      영상 시청 감사드립니다!
      voice typing 앱은 flowvoice.ai 사용하고 있습니다~
      www.flowvoice.ai/

    • @eunwoolee664
      @eunwoolee664 Месяц назад

      저도 궁금합니당^^

  • @kjukim-i9u
    @kjukim-i9u Месяц назад

    Shadcn 라이브러리가 참 효자죠

  • @duddnd9968
    @duddnd9968 Месяц назад

    퍼블리셔들은 다죽겠네요... 필요없어질 직업1순위 ㄷㄷ, 빠르게 프론트엔드 개발로 빌드업하는거 아닌이상은 미래가 암울하군여... 웹디자이너도 포함ㅠ

  • @시중-t5e
    @시중-t5e Месяц назад +1

    감사합니다. 저번에 커서 소개해주셔서 바로 가입하고 잘쓰고 있습니다.
    저는 주로 파이선으로 프로그램 개발을 연습하고 있는 초보입니다. Ui가 고민인데 관련 좋은 참고 싸이트나 조언부탁드립니다.

    • @개발동생
      @개발동생  Месяц назад +1

      바로 가입하셨다니 감사합니다!
      UI를 다루려면 HTML, CSS는 필수여서 이 두가지를 사용해서 먼저 웹페이지를 만들어보시는 것을 추천드릴게요!
      위 두가지와 JavaScript를 어느정도 숙지한 후 UI 라이브러리의 동작 원리 정도는 아셔야지 영상에서 소개해드린 V0와 같은 서비스를 이용하시기에 수월하실거에요!

    • @시중-t5e
      @시중-t5e Месяц назад

      @@개발동생 감사합니다. 항상 행복하세요~~

  • @KimsGambit
    @KimsGambit Месяц назад +1

    커서 IDE 올려주신 것 보고 잘 사용중인데, 굳이 V0를 사용하는 이점이 있을까요?

    • @개발동생
      @개발동생  Месяц назад +1

      커서로도 코드 생성이 가능하지만 V0는 React 컴포넌트 생성(정확히는 ShadCN, TailwindCSS 기반의 React 컴포넌트)에 특화되어 있습니다.
      실시간으로 V0에서 컴포넌트가 어떻게 구성되어 있고 동작하는지 확인 가능한 특징도 있어서 저는 UI 생성은 커서가 아니라 V0로 먼저 하고, 세부적인 기능들을 커서로 작업하는 편입니다! ㅎ

    • @KimsGambit
      @KimsGambit Месяц назад

      @@개발동생 마침 사이드 플젝겸 두 개 동시에 활용해 봤는데, 랜딩페이지 디자인에서 V0가 아주 훌륭하게 결과물을 뽑아줬습니다.
      커서는 인덱싱 된 코드베이스로 Next
      js 관련 작성을 아주 잘하구요.
      주말부터 재밌게 갖고 놀고 있습니다ㅎㅎ 고맙습니다.

    • @개발동생
      @개발동생  Месяц назад +1

      @@KimsGambit 제가 알려드린 정보를 잘 활용하고 계시다니 정말 감사드립니다 🙏

  • @tvkepo7325
    @tvkepo7325 Месяц назад

    동생님 동영 상 퍼갑니다 freeuse 뒷주소는 적지 못합니다 한국 도메인인데 ㅎㅎ

  • @Cnlwwh-ekq
    @Cnlwwh-ekq Месяц назад

    gpt4o 랑 비교하면 웹 Ui에 더 특화되어있나요?

    • @개발동생
      @개발동생  Месяц назад

      네 V0는 UI 컴포넌트 생성에 특화되어 있습니다.
      그리고 실시간으로 컴포넌트가 어떻게 생겼고 동작할 수 있는지를 확인할 수 있는 부분도 큰 특징입니다!

  • @rea_kr
    @rea_kr Месяц назад

    셀프 카메라가 책상에 달려있나봐요. 화면이 조금씩 흔들립니다.
    정보 감사합니다.

    • @개발동생
      @개발동생  Месяц назад

      타이핑 하거나 할 때 조금씩 흔들리더라구요 ㅠ

    • @rea_kr
      @rea_kr Месяц назад

      @@개발동생 네. 얼굴 계속 보고 있으니까 살짝 어지럽더라구요. 책상 아닌 곳에 고정하시면 좋을 거 같아요.

    • @개발동생
      @개발동생  Месяц назад

      @@rea_kr 조언 감사드려요~!!

  • @맥그슨
    @맥그슨 Месяц назад +4

    아무리 저것보다 더 진화해서 나와도 인간은 더욱더 안의구조를 세부적으로 만들수있고 ai는 불가능합니다.
    저것에 의존하기보다는 뼈대코드 생성기라고 생각하면되죠. 그리고 결국 안의 세부내용을 수정하려면 여러변수가 상호작용하고 서버연동도 할수도있는데 그런세부적인것들은 결국 인간이 유지보수관리까지 해야합니다.

  • @박종민-e7z
    @박종민-e7z Месяц назад

    뭔가 킹받게 생겨가지고 추천떠도 안 봤는데 도움이 되네요 ㅎㅎㅎ

  • @tvkepo7325
    @tvkepo7325 Месяц назад

    Vo에 접속 했지만 동생님과는 다른 화면 입니다 예제 컴퍼넌트도 찾을 수 없고 / 혹시 다른 곳에서 헤메고 있는 것인지 / ㅠㅠ

    • @개발동생
      @개발동생  Месяц назад

      채팅 시작은 아래 주소로 접속해보시고
      v0.dev/chat
      예제 컴포넌트는 여기로 접속해보시겠어요?
      v0.dev/explore

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      @@개발동생 감사합니다

    • @tvkepo7325
      @tvkepo7325 Месяц назад

      @@개발동생 감사합니다 선생님!

  • @tabularasa7888
    @tabularasa7888 Месяц назад

    새는 진짜에여..?

    • @KimsGambit
      @KimsGambit Месяц назад +6

      V0로 생성한 새라고 하네요.

  • @Wow202
    @Wow202 Месяц назад +1

    이런거보면 내가 계속 공부를 하는게 맞는건가 의문이 든다... 하...

    • @오영환-b2j
      @오영환-b2j Месяц назад +1

      더 잘시키면 되는사람이 되니 손해는 없다고 봐요. 어떻게 더 잘시킬지 50% + 얼마나 더 잘 이해할지 50%

    • @JacobCha-e7v
      @JacobCha-e7v Месяц назад +5

      공부안하면 쓰지도못함 ㅋㅋ

    • @acma-qo5ep
      @acma-qo5ep Месяц назад

      하지마세요 이제 ai시대입니다

    • @kTMK4sTDMdGdrOf
      @kTMK4sTDMdGdrOf Месяц назад +1

      AI 는 노가다를 줄여줄 뿐, 전부를 해줄순 없어요. 본인의 목표가 노가다 수준이면, 접어야 하는게 맞고요

    • @jaylee595
      @jaylee595 Месяц назад +1

      잘시킬 수준이 되면 매우 생산성 높게 활용이 가능할텐데 결과적으로 스스로 소비자를 위한 가치를 만드는데는 큰 도움이 될 것인데 단지 취업을 위해서는 애매한 측면이 있음

  • @TaehyunKim-zz6wu
    @TaehyunKim-zz6wu Месяц назад +2

    Api 붙이는것도 추가가 되나요?

    • @개발동생
      @개발동생  Месяц назад

      API 연동도 요청하면 서버 액션 생성을 해주기는 할겁니다.
      (그렇지만 보안 이슈가 있어서 API 연동은 실제 프로젝트에서 따로 진행하는 것을 추천 드립니다)

    • @TaehyunKim-zz6wu
      @TaehyunKim-zz6wu Месяц назад

      @@개발동생 아 그렇군요 감사합니다