memi dev
memi dev
  • Видео 534
  • Просмотров 419 099
메미포스트 같이 만들기 15 문서 작성 개선
문서 작성 페이지 진입 시 디비에 기록
참고: 마지막 user 는 getCurrentUser()라는 vue-fire 함수가 있네요 ㅎ 담 시간에~
Просмотров: 144

Видео

장관상 수상기
Просмотров 108Месяц назад
제9회 농림축산식품부 공공데이터 창업경진대회 대상 받았습니다~ 지금껏 강의한 내용으로 만든 작품이니 여러분들도 도전, 참고하시라고 잡설 풉니다~
메미포스트 같이 만들기 14 이미지 압축하기
Просмотров 41Месяц назад
리스트용 썸네일 이미지를 만듭니다.
메미포스트 같이 만들기 13 이미지 추가하기 2
Просмотров 5022 месяца назад
클립보드 이미지 추가와 드래그앤드롭 이미지 추가 기능을 사용해봅니다.
메미포스트 같이 만들기 12 이미지 추가하기
Просмотров 2132 месяца назад
tiptap 에디터에 이미지 추가하고 글에서 이미지가 삭제 되었을때 파일 삭제
메미포스트 같이 만들기 11 파일 지우기
Просмотров 592 месяца назад
functions를 이용해 관련파일들을 지워줍니다.
메미포스트 같이 만들기 10 파일첨부하기 1
Просмотров 532 месяца назад
포스트에 파일(이미지)를 첨부해봅니다.
메미포스트 같이 만들기 9 tiptap editor 사용해보기
Просмотров 852 месяца назад
nuxt-tiptap에디터 설치하고 기본 기능 사용해보기
메미포스트 같이 만들기 8 글저장하기
Просмотров 672 месяца назад
firebase storage를 사용해서 파일을 저장합니다~
메미포스트 같이 만들기 7 글작성하기
Просмотров 652 месяца назад
글작성 페이지를 만들어봅니다
메미포스트 같이 만들기 6 functions test
Просмотров 842 месяца назад
user 생성 제거 테스트
메미포스트 같이 만들기 5 firebase functions auth
Просмотров 493 месяца назад
functions 를 이용해 사용자 계정이 생성 삭제 될 때 처리
메미포스트 같이 만들기 4 firebase test 1
Просмотров 663 месяца назад
firestore CRUD 테스트~
메미포스트 같이 만들기 3 firebase 시작하기
Просмотров 1043 месяца назад
firebase 콘솔 설정을 해봅시다~
메미포스트 같이 만들기 2 Nuxt 개발환경 만들기
Просмотров 1323 месяца назад
nuxt를 시작해 봅시다~
메미포스트 같이 만들기 1 개발환경
Просмотров 1503 месяца назад
메미포스트 같이 만들기 1 개발환경
메미포스트 같이 만들기 0 소개
Просмотров 2713 месяца назад
메미포스트 같이 만들기 0 소개
메미의 개발학교 42 quasar 스타일 알아보기 플렉스박스
Просмотров 13310 месяцев назад
메미의 개발학교 42 quasar 스타일 알아보기 플렉스박스
메미의 개발학교 41 quasar 스타일 알아보기 사이즈
Просмотров 12610 месяцев назад
메미의 개발학교 41 quasar 스타일 알아보기 사이즈
메미의 개발학교 40 quasar 스타일 알아보기 폰트와 컬러
Просмотров 7210 месяцев назад
메미의 개발학교 40 quasar 스타일 알아보기 폰트와 컬러
메미의 개발학교 39 quasar 구조 알아보기
Просмотров 12710 месяцев назад
메미의 개발학교 39 quasar 구조 알아보기
메미의 개발학교 37 vue 마무리 배포
Просмотров 119Год назад
메미의 개발학교 37 vue 마무리 배포
메미의 개발학교 38 quasar 시작하기
Просмотров 200Год назад
메미의 개발학교 38 quasar 시작하기
메미의 개발학교 36 vue 생명 주기 훅
Просмотров 100Год назад
메미의 개발학교 36 vue 생명 주기 훅
메미의 개발학교 35 vue 컴포넌트 기초
Просмотров 42Год назад
메미의 개발학교 35 vue 컴포넌트 기초
메미의 개발학교 34 vue 감시자
Просмотров 47Год назад
메미의 개발학교 34 vue 감시자
메미의 개발학교 33 vue Form 입력 바인딩
Просмотров 31Год назад
메미의 개발학교 33 vue Form 입력 바인딩
메미의 개발학교 32 vue 이벤트 핸들링
Просмотров 23Год назад
메미의 개발학교 32 vue 이벤트 핸들링
메미의 개발학교 31 vue 리스트 렌더링
Просмотров 63Год назад
메미의 개발학교 31 vue 리스트 렌더링
메미의 개발학교 30 vue 조건부 렌더링
Просмотров 28Год назад
메미의 개발학교 30 vue 조건부 렌더링

Комментарии

  • @엘리베이터수리가이드
    @엘리베이터수리가이드 4 дня назад

    요즘 바쁘신가봐요 ㅠㅠ

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

    if(user) { load() 이렇게 하면 될듯요?

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

    3년전인가 그쯤 뷰 입문단계에 스터디할때 구독하고 참고 많이 했습니다. 축하드립니다~! 🎉

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

    이미지 압축 한거랑 안한거랑 얼핏 보면 이미지 퀄리티 차이가 별로 안나는거 신기하네요

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

    프로젝트 파일 수가 어마어마하네요 ㄷㄷㄷ 수상 축하드립니다!! 동기부여 뿜뿜 됩니다

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

      감사합니다 ~ 보신 바와 같이 귀차니즘만 있을 뿐 난이도가 있지는 않습니다 대부분의 경우. 뭔가 목표만 잡으시면 충분히 할 수 있을만한 것들입니다~

  • @s0cc0r
    @s0cc0r 2 месяца назад

    functions에서는 class로만 써야 되고 다른 곳에서는 class 와 interface 둘다 사용가능 한 것인가요?

    • @fkkmemi
      @fkkmemi 2 месяца назад

      아뇨 상관 없습니다~ 펑션스는 데이터 유형이 중요하지 않아서 걍 예제 있는데로 햇을뿐이에요. 댓글을 이제보네요 죄송함다 ㅜㅜ

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

      @@fkkmemi 아하 감사합니다

  • @chameleonnn
    @chameleonnn 2 месяца назад

    따라하는 중에 버튼수는 많은데 왜 5개밖에 안보이지 했는데 반응형 이었군요 🤣 엄청 좋네요

  • @user-k3jjasidjfasod
    @user-k3jjasidjfasod 2 месяца назад

    크롬은 개발자도구 network 탭에서 속도를 일부로 3G 처럼 느리게 할수도 있고 offline 모드로도 할 수 있게 하는 기능 있는데 엣지는 없나요? ㅎ

  • @s0cc0r
    @s0cc0r 2 месяца назад

    인터페이스에 id 이렇게 추가 했더니 되는 것 같은데 이렇게 해도 되나요? ㅎㅎㅎ export interface Post { title : string, body: string id?: string | undefined }

    • @fkkmemi
      @fkkmemi 2 месяца назад

      아뇨 그렇게 했었는데 별로임, 그리고 id?: string 는 id: string | undefined 와 같은거에요

  • @s0cc0r
    @s0cc0r 2 месяца назад

    30:29 여기 Settings 에서 좌측 상단쯤에 User가 전역, workspace가 해당 프로젝트 Workspace에서 설정 변경하면 자동으로 .vscode 폴더 생기고 setting.json 파일이 생성 얼마전에 안거라 공유합니다

    • @fkkmemi
      @fkkmemi 2 месяца назад

      오 피드백 감사합니다 최근에 생겻나보네요 굳~

  • @chameleonnn
    @chameleonnn 3 месяца назад

    검색해보니 functions는 월 200만회가 무료 한도네요

  • @chameleonnn
    @chameleonnn 3 месяца назад

    Nuxt랑 vuefire 좋아 보이네요

  • @김동철-o6e
    @김동철-o6e 3 месяца назад

    400 오류: redirect_uri_mismatch 액세스 차단됨: 이 앱의 요청이 잘못되었습니다 어떤부분을 봐 야 할까요?

  • @김동철-o6e
    @김동철-o6e 3 месяца назад

    열심히 시청 하겠습니다.

  • @시하-f5b
    @시하-f5b 3 месяца назад

    🤩

  • @user-k3jjasidjfasod
    @user-k3jjasidjfasod 3 месяца назад

    파이어스토어 enableIndexedDbPersistence 기능 알아보다가 우연히 여기까지 와서 봤네요 잘봤습니다

  • @유영훈-y2w
    @유영훈-y2w 6 месяцев назад

    선생님 강좌를 응용해서, electron을 사용한 프로그램을 만들어보고 있습니다. model.json과 image.png파일을 public 폴더에 저장하고, 앱을 electron:build한 뒤 선생님처럼 dialog를 사용하지 않고 바로 읽어오려고 했는데 잘 안되더라구요. 혹시 그런 경우에는 어떻게 하면 되는지 알려주실 수 있을까요??

  • @슈슈로이
    @슈슈로이 10 месяцев назад

    nuxt3기반 모던웹 만들기 강좌좀 개설해주세요~~~ ㅠㅠ

  • @유영훈-y2w
    @유영훈-y2w 10 месяцев назад

    yarn electron:build에서 에러떠서 찾아보니 node.js가 최신버전이라 그렇더군요. 저랑 비슷한 에러 뜨신 분들은 nvm 을 설치하셔서, node js 버전을 v16.20.2버전으로 선택하시고 다시 빌드해보세요!

  • @슈슈로이
    @슈슈로이 11 месяцев назад

    안녕하세요 전체영상이 있는줄알았는데 이게 마지막 영상이네요 ㅠ 혹시 후속 강의영상은 계획이 없으실까요 ?

    • @슈슈로이
      @슈슈로이 11 месяцев назад

      아이디어만 가지고 웹앱 개발해보려 돌고돌아 메미님 채널까지 오게되었습니다. 후속 영상으로 올려주시고 계신 개발학교를 우선 다시 따라가 보면서 공부하려고 하는데요, 블로그만들기 후속영상 제작해주세요~ㅠㅠ 계획에 없으시면, 2차수 영상으로 학습하고 migration하는 방법을 병행학습해야 할까요? 프론트엔드만 하기도 힘든데 백엔드까지하려니 막막했는데 firebase 연동하는 풀스택 영상이 저같은 웹앱바보 첫 진입으로 너무 큰 도움이 되었습니다. 감사합니다 :)

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

      언젠간 하게 되겠지만 당분간은 없습니다 죄송합니다.. 저는 전문강의인이 아니라 실제로 제가 사용할 것들을 만들며 강의를 한 것인데.. 최근엔 블로그 자체를 안하니.. 시작을 못하겠네요.. 물론 내년엔 새로운 아이템으로 강의를 하려 하고는 있습니다..

  • @쿨쿨-f3d
    @쿨쿨-f3d Год назад

    좋은 영상이네요. 가끔 참고하러 와야것네요.

  • @코린이-i1v
    @코린이-i1v Год назад

    7:55 디스트럭쳐링 아닐까요?

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

      넵 감사합니다 구조분해 라고 하는 건데 늙어서 그런 단어가 잘 생각이 안나네요 ㅎㅎ

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

    반복, 중복 작업을 줄여주는 것 같군요

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

    전 윈도우 유저인데 Azure로 맥도 깔 수 있는건가요?

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

      맥 가상머신을 지원하는 클라우드는 없는 것으로 압니다...

  • @TTT-V
    @TTT-V Год назад

    FCM 등록 토큰 추가에다가 VAPID_KEY를 넣는 바람에 헤맸었다가 결국 성공!! 저처럼 삽질 하시는 분 없으시길 ㅎㅎㅎㅎ 완전 꿀 강의들 감사합니다

  • @TTT-V
    @TTT-V Год назад

    클라이언트 측이랑 서버측 보안규칙이랑 동시에 해야 안전한거군요

  • @TTT-V
    @TTT-V Год назад

    onsnapshot 으로 변화를 실시간 감지해서 다시 호출하기 완전 대박ㅎㅎ 메뉴얼 보니까 변화된 것만 출력 시킬수도 있는 기능도 있고 근데 비용이 좀 많이 커질까봐 걱정인데 큰 차이 없겠죠?

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

      사용 통계 보면 100 리스너 기준인걸 봐선 아무데서나 사용하긴 무리 같기도 합니다. 100 리스너 이하는 의미 없고 그 이상은 비용 검토 충분히 하고 프로젝트 진행해야할 것 같네요

    • @TTT-V
      @TTT-V Год назад

      @@fkkmemi 아하 감사합니다

  • @사랑공장
    @사랑공장 Год назад

    깔끔하고 좋은내용 감사합니다!

  • @TTT-V
    @TTT-V Год назад

    원본도 압축해서 올릴 수 있고 썸네일도 만들 수 있고 대박

  • @TTT-V
    @TTT-V Год назад

    사진 업로드 잘되네요 신기합니다 ㅎㅎㅎ 모바일에서도 잘되는데 이미지 팝업창(?)이 잘려 보여서 style 바꾸고싶은데 잘 안됨 ㅜㅜ

  • @TTT-V
    @TTT-V Год назад

    내껀 왜 안되나 했는데 q-input이 문제였음 그냥 input에서는 잘 되네요

  • @TTT-V
    @TTT-V Год назад

    강력한 동적 라우팅 잘 배웠습니다 🙏

  • @TTT-V
    @TTT-V Год назад

    status/{uid} 경로를 감시해서 클라이언트들의 온라인 상태를 database와 firestore가 서로 동기화 되면서 사용자의 상태를 나타내기

  • @TTT-V
    @TTT-V Год назад

    게시글은 firestore로 저장하고, 댓글은 realtime database 로 할 수 있다면 좋을 것 같다는 생각도 드네요 가능할지는 모르겠지만 ㅜ

  • @TTT-V
    @TTT-V Год назад

    firestore로 저장한 게시물들을 onValue()로 실시간으로 감지해서 읽어올 수 있을까요?

  • @TTT-V
    @TTT-V Год назад

    gravatar로 고정 이미지 생성하는거 신기하네요 ㅎㅎㅎ

  • @TTT-V
    @TTT-V Год назад

    emit 검색해보니 vue3.3 버젼 이후도 좀 더 간편해졌네요 ㅎㅎㅎ onst emit = defineEmits<{ refresh: [null], }>() emit('refresh', null) 이렇게 해뱠는데 어째저째 작동되네요 🤣

  • @TTT-V
    @TTT-V Год назад

    타입스크립트 공부하면서 하려니 지금까지 이번 편이 제일 어려웠어요

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

      조금 힘들지만.. 추천합니다~ 대세에는 다 이유가 있습니다 좀만 견디고 안되는 부분 찾아서 보완하다보면 왜 쓰는지도 알게되고 사고를 미연에 방지하다보니 개발 속도도 빨라집니다~

    • @TTT-V
      @TTT-V Год назад

      @@fkkmemi 배울게 많아서 좋아요 ㅎㅎㅎ

  • @TTT-V
    @TTT-V Год назад

    얼마전 quasar 설치 하는 중에 pinia랑 vuex 설치 두개 항목으로 나눠져 있더라구요 vuex (depreciated) 라고 덧붙열 설명돼 있는거 보면 pinia는 좀 더 괜찮을듯 ㅎ

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

      무조건 pinia로 가셔야합니다~ 작은 프로젝트라면 사실 상태관리 모듈은 안쓰시는게 좋습니다. 간단한 전역 변수는 대충 아무파일.ts 만들고 export const global = ref(0) ; 그리고 아무데서나 import { global } from '아무파일.ts' 로 사용하시는게 초보에겐 좋습니다.. 상태관리는 잘 설계하면 효율적이지만 반대라면 엄청난 독이되서 괴롭힙니다..

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

    잘 되네요 👍👍👍👍👍

  • @TTT-V
    @TTT-V Год назад

    에뮬레이터 설치 단계에서 다음 에러가 떠서 java JDK 설치하니까 에러 사라지고 잘 되네요 > quasar-project@0.0.1 emul > firebase emulators:start i emulators: Shutting down emulators. Error: Could not spawn `java -version`. Please make sure Java is installed and on your system PATH.

  • @TTT-V
    @TTT-V Год назад

    const로 정한 변수는 값이 안바뀐다고 하셨던거 같은데 8:12 화면에 add 함수에서 text 값이 계속 바뀔 수 있다는게 신기하네요 혹시 ref 때문에 유연해져서 그런건가요?

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

      요새 바빠져서 이제서야 보네요~ ko.vuejs.org/guide/essentials/reactivity-fundamentals.html 참고하세요~

    • @TTT-V
      @TTT-V Год назад

      @@fkkmemi 참조를 이용하는거 같군요 감사합니다 ㅎㅎㅎ

  • @TTT-V
    @TTT-V Год назад

    한번 설정해놓으면 엄청 편하겠네요

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

    좋은 내용 감사합니다. 많은 도움이 되었습니다 .그런데 Quasar 디자인이 별로라고 하시고는 디자인 점수가 높은 Vuetify, Prime Vue 보다 더 높은 점수를 주셨네요. 뭔가 형평성에 맞지 않는 듯한 느낌이 듭니다... ^^;;

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

      저 당시에는 vue3 지원을 안했습니다 ~ quasar 홈피 디자인이 좀 별로일 뿐이지 잘 조합하면 어떤화면이든 만들 수 있습니다~

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

    ㅎㅎ 휴일에 잼나게 봤습니다 감사합니다.

  • @시하-f5b
    @시하-f5b Год назад

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

    좋은 정보 감사합니다. pc클리너 같은 프로그램을 돌리면 테이터가 사라지는건가요 ? 프라우져 종료시 클리너 돌아가는 사람들은 클린너 끄라고 공지 해야 하는건가요 ?

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

      그런앱이 있나요? 써보진 않았지만 로컬스토리지를 지우지는 않을 것 같습니다. 지우면 인증토큰등이 날라가서 매번 재로그인을 해야되는 사이트도 많을것 같습니다. 그런게 설치되어 있어야 되는 장소(피씨방등)이라면 당연히 감수해야할 문제지만요~

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

    뭐하자는건지 모르겠네 가르치는거야 뭐야

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

    강의 너무 좋습니다 감사합니다

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

    그니까 npm안쓰구 yarn쓰는이유