😈 이중우선순위큐 📗 문제 설명이중 우선순위 큐는 다음 연산을 할 수 있는 자료구조를 말합니다.명령어수신 탑(높이)I 숫자큐에 주어진 숫자를 삽입합니다.D 1큐에서 최댓값을 삭제합니다.D -1큐에서 최솟값을 삭제합니다.이중 우선순위 큐가 할 연산 operations가 매개변수로 주어질 때, 모든 연산을 처리한 후 큐가 비어있으면 [0,0] 비어있지 않으면 [최댓값, 최솟값]을 return 하도록 solution 함수를 구현해주세요.👀 제한사항operations는 길이가 1 이상 1,000,000 이하인 문자열 배열입니다.operations의 원소는 큐가 수행할 연산을 나타냅니다.원소는 “명령어 데이터” 형식으로 주어집니다.- 최댓값/최솟값을 삭제하는 연산에서 최댓값/최솟값이 둘 이상인 경우, 하나만..
분류 전체보기
Nuxt에선 index.html이 없기 때문에 nuxt.config에서 수정해주자// nuxt.config.tsexport default defineNuxtConfig({ app: { head: { viewport: "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no", }, }, ...});meta에 viewport를 수정해주고// app.vue후에 app.vue에 추가해주자
Vue => NuxtVue에서 Nuxt로 마이그레이션을 진행했다.그러한 이유를 설명하겠다. 1. 초기 렌더링이 프로젝트는 여러가지 툴들을 다루는 어플리케이션이다.초기에 모든 툴들의 리소스를 가져오면 초기 렌더링 시간이 너무 오래걸린다.사용자가 필요로 한 툴의 데이터만 가져오면 되기 때문에 CSR 방식은 부적합하다. 2. SEO 여러가지 툴들이 사용되기 때문에 각각의 툴에 맞는 meta가 필요하다.Vue에서도 meta를 지원하지만 내가 원하는 것은 각 페이지마다의 meta가 필요하기 때문에 SPA방식은 부적합하다. 이러한 이유로 Nuxt3로 마이그레이션을 진행하였다. 마이그레이션을 진행하면서, 기존의 Option API로 짜여진 로직을 Composition API로 리팩토링 하였고,상태관리 라이브러리는 ..
📝 PDF Viewer 및 SVG or canvas & HTML Convert 웹 애플리케이션 프로젝트 개요 PDF Viewer 및 SVG or canvas 형태의 HTML로 Convert 하여 PDF에 원하는 페이지를 로컬에 저장할 수 있는 웹 애플리케이션입니다.이 애플리케이션은 Vue3의 Composition API로 작성되었으며, 스타일링에는 SCSS를 사용했습니다.서버 측에서는 Node.js와 Express를 사용하여 구현되었습니다. 기술 스택 Vue.js 3.XVuexHTML/CSSSCSSNode.jsExpress 📚 스토리보드 📖 초기 화면Page Input에 원하는 Page number를 입력 후 Enter keydown 시 그 Page로 이동합니다.Scale은 -,+ button으로..
1. Git Config Git은 내장된 기본 규칙을 따르지만, 설정된 것이 있으면 그에 따른다. --system Git은 먼저 /etc/gitconfig 파일을 찾는다. 이 파일은 해당 시스템에 있는 모든 사용자와 모든 저장소에 적용되는 설정 파일이다. git config 명령에 --system 옵션을 주면 이 파일을 사용한다. --global 다음으로 Git은 ~/.gitconfig 파일을 찾는다. 이 파일은 해당 사용자에게만 적용되는 설정 파일이다. --global 옵션을 주면 Git은 이 파일을 사용한다. --local 마지막으로 현재 작업 중인 저장소의 Git 디렉토리에 있는 .git/config 파일을 찾는다. 이 파일은 해당 저장소에만 적용된다. git config 명령에 --local ..
🎞 영화 검색 웹 애플리케이션 프로젝트 프로젝트 개요 영화 검색 웹 애플리케이션은 Vue.js 3.X를 사용하여 개발된 웹 애플리케이션입니다. 이 애플리케이션은 사용자가 원하는 영화를 검색하고 해당 영화에 대한 정보를 제공하는 기능을 제공합니다. 한국영화진흥위원회(KOFIC)의 영화진흥위원회 API를 활용하여 영화 데이터를 가져와 사용자에게 제공합니다. 주요 기능 영화 검색: 사용자는 검색 창에 영화 제목을 입력하여 원하는 영화를 검색 영화 정보 제공: 검색된 영화에 대한 정보(영화 제목, 개봉일, 포스터 등)를 화면에 표시 TMDB API 연동: TMDB API를 활용하여 영화 데이터를 실시간으로 가져와 화면에 표시 장르 별 영화 : 각 장르의 영화 슬라이더를 구현 상세 소개 : 영화 소개, cast ..
MineHome.vue 이 프로젝트의 웹사이트는 블로그 형식에 툴 모음이기 때문에 뚜렷한 목표가 없는 블로그 느낌이다. 그렇기 때문에 Home에 대한 고민을 많이 했다. 뭔가 뚜렷하지 않은 블로그의 홈이라,,, 방문하는 사람들을 위한 웹사이트기때문에 방문자가 무언가 얻고 가면 좋을 것 같다. 현대인들이 매일 궁금해하는 날씨정도가 적합한 Home일 것 같다. 우선 날씨 데이터를 사용해보자. OpenWeatherMap 날씨의 데이터를 가져오기 위해 OpenWeatherMap API를 사용하자. OpenWeatherMap API 란 현재 위치에 대한 날씨의 정보들을 볼 수 있다. 나는 무료로 사용할 것이기 때문에 사용할 수 있는 데이터의 양이 많지 않다. 오늘의 날씨, 3시간 단위로 5일간의 날씨 데이터를 사..
Common Component Header Header에서 navigation을 사용 할 생각이다. 원래는 Footer에서 하려했지만 계속해서 메뉴들을 추가 할 것이기 때문에 상단에서 사용하는게 좋을 것 같다. Vuetify를 사용해 간단하게 Header를 구현하자. // components/common/MiniHeader.vue 미니 기여어 mdi-reply 미니 기여어 {{ item.title }} Vuetify는 tag를 사용하여 수많은 components를 제공한다. Vuetify 공식문서 : https://vuetifyjs.com/en/getting-started/installation/#installation Get started with Vuetify 3 — Vuetify Details fo..
