전체 글

이왕 하는거 우왕 나오게
Googling/Vue + Nuxt

[Nuxt] cannot find name ref in nuxt3 (feat. Auto-imports not working)

vue 말고 nuxt를 쓰면 좋은 점 중에 하나로 Auto-imports 기능이 있다.이는 import를 해주지 않아도 vue의 다양한 요소를 바로 쓸 수 있는 기능이다.내가 만난 이슈는새로운 .vue 파일을 생성하면auto-imports가 잘 안 되는지 cannot find name ref 라면서 빨간 줄이 그어진다.최상단에import {ref} from "vue";를 입력해 수동 임포트를 해주면 되지만 이건 오토임포트가 제대로 적용되면 필요없는 부분이다.1번째 해결법은Vue - Official (2023년 12월까지만 해도 Volar라고 불렷음) 플러그인을 리스타트, 리로드 해주는 방법이 있다.(이 플러그인은 VSCode IDE에서 Vue 포맷을 받아들이게 해주는 플러그인이다)https://..

Document

Github 프로필 초간단 꾸미기

1. new 버튼 클릭 2. owner 이름과 동일하게 repository name을 짓기. 3. 꾸며보자 뱃지는 이렇게 만들자 https://shields.io/badges https://simpleicons.org/ 컨트리뷰션 뱃지는 이렇게 만들자 https://contrib.rocks/preview 4. 결과 : https://github.com/yoo-minho

Document

Github 오픈소스 PR 올리기 (with nuxt-seo)

1. [문제인식] nuxt-seo 공식문서를 보다가 링크가 잘못 연결되어있음을 확인함2. 비슷한 이슈 있는지 찾아보니 없고 이슈를 새로 만드려는데 오타 수정 정도는 이슈 없이 바로 PR 주라고 확인함.3. fork 뜨고 작업해서 이전 커밋들과 비슷하게 커밋메시지를 작성하고 커밋 푸시를 했다. 4. 가이드에 맞춰 풀리퀘 날렸다.5. 뭔가 이슈 발생했는데 위 팀에서 vercel 승인을 해줘야 테스트? 빌드? 이런게 진행되는 것 같다.6. 기다려보자 ㅎ 7. 되버렷네8. 25번째 컨트리뷰터가 되었구나! https://github.com/harlan-zw/nuxt-seo/graphs/contributors

Document

스테이블 디퓨전 로컬에서 초간단 시작! (ver202403)

0. 알아두기 - 스테이블 디퓨전이란? 22년 8월 오픈소스 공개된 text to image 인공지능 모델! - automatic1111이란? 스테이블 디퓨전을 활용한 대표 web ul (★124K) - 현재 로컬 환경? ( Intel(R) Core(TM) i7-9750H / nvidia geforce gtx 1660 ti / 16G ) 1. 파이썬 설치 https://www.python.org/ftp/python/3.10.10/python-3.10.10-amd64.exe 2023년 2월 8일 출시된 파이썬 3.10.10 버전 다운 - ✅ check 'Add python.exe to PATH' & click 'Install Now' - 🖱️ click 'Disable path length limit' (..

Document

AWS 람다 + FFmpeg 초간단 시작! (ver202403)

0. 알아두기 - AWS람다란? AWS에서 제공하는 서버리스 컴퓨팅 서비스. - FFmpeg란? 모든 동영상, 음악, 사진 포맷들의 디코딩과 인코딩을 목표로 만들어지고 있는 오픈 소스 프로젝트. 1. 사전준비 1) https://johnvansickle.com/ffmpeg/ 접속 2) ffmpeg-release-amd64-static.tar.xz 다운로드 (240303기준 6.1버전) 3) 압축풀고 들어가서 ffmpeg-6.1-amd64-static 파일 이름 ffmpeg 변경 후 zip 압축 (여기서 이름 변경 안 하고 압축한 뒤 이름 바꾸면 람다 /opt 에서 쓸때 애먹음) 4) ffmpeg.zip s3 업로드 2. aws lambda 접속 1) 좌측메뉴 '계층' 버튼 클릭 => ffmpeg 이름으로..

Retrospective

[개발자회고] #12. 2023 하반기 회고 (feat. 장애와 운영, 리더의 리더)

2023년의 하반기가 지났다. 개발자가 되고 쓰는 12번째 회고를 시작해 보자! 장애를 넘어라 💪 상반기 회고에서 5월 31일(수)에 발생한 데이터베이스 장애를 대청소(Vacuum) 방법으로 해결해 냈다고 적었다. 하지만 분석해 보니 현 상태로 그대로 두면 2~3개월 뒤에 또 같은 문제가 발생할 확률이 높아 보였다. 그래서 데이터베이스의 성능개선을 목표로 '불필요한 로직 개선', '슬로우 쿼리 개선', '부하 쿼리 개선' 등이 진행했다. 새로운 개념으로 접근한 부분이 "개별적으로는 빠르지만 호출이 많아 서버 전체적으로 부하를 주는 '부하 쿼리' 들을 어떻게 하면 개선할 수 있을까"였다. 대표적으로 초당 140회 호출되는 '기능플래그 조회' 쿼리가 12밀리초 정도 걸리고 있었다. 12밀리초면 0.012초이..

Retrospective

[개발자회고] #11. 2023 상반기 회고 (feat. 고민과 증명)

2023년의 상반기가 지났다. 항상 그래 왔듯이 회고해 보자.1. 팀에 대하여 고민하기 🤔 개발자로서 개발 역량을 키워야 하는 것도 맞지만 회사를 위해서는 '리더'로서의 역량을 키우는 것도 또한 중요한 시기라고 느꼈다. 개발 키워드뿐만 아니라 '리더, 팀'이라는 키워드에도 계속 관심을 가졌다. 어떻게 해야지 우리 팀이 보다 더 잘 해낼 수 있을지 계속 고민했다. 순간순간 정답을 찾기 어려운 주제들은 계속 고민해 보려고 메모해두기도 했다. 메모라긴 해도 생각 정리도 같이 적어둔 거라 하나하나 내용이 꽤 된다. 아주 간단하게 한 문장으로만 툭 던져보면 다음과 같다.중간관리자가 최종관리자에게 공유할때 최종관리자가 이미 담당자에게 공유받은 것임에도 해야 하는 이유는 '반복공유'가 되기 때문이다. (반복 공유는..

Review

NAVER DEVIEW 2023 후기 (개발자 컨퍼런스)

네이버에서 진행하는 대표적인 개발자 컨퍼런스 DEVIEW를 다녀왔다. 처음에 컨퍼런스 존재 자체에 대해서도 모르다가 동료분들이 얘기해주셔서 선착순 신청 대열에 합류했다. 운이 좋게도 대상자가 되어 참가할 수 있었다. 쏘카, 네이버, 쿠팡 등 이벤트 부스를 비롯해 네 개의 세미나 장이 있었다. 그중 관심 있는 세미나를 골라 들었다. 아무래도 AI보다 자바스크립트, 웹, 검색 키워드에 관심이 더 간다. 참가한 세미나는 총 다섯 개로 아래와 같다. 자바스크립트 화이트박스 암호와 크롬 라인 메신저의 보안강화 - 안상환(LINE) 웨일 브라우저 오픈 소스 생존기 - 이형욱 (Naver Cloud) Noir : 메일 검색 서버를 반의 반으로 줄여준 신규 검색 엔진 제작기 - 이창현/신우진 (Naver Search)..

날개단
날개단 기술 블로그