Frontend15 pnpm npm 은 아래의 1 pacakge와 같이 중첩되는 package도 폴별로 추가한다.node_modules - A package - 1 package - B package - 1 package pnpm은 node_modules/.pnpm 에 패키지 하드링크를 추가해 package 버전이 유지된다. 위의 예시를 pnpm으로 설치하면 아래와 같이 폴더구조가 생성된다.node_modules - .pnpm - 1 package - A package - B package 결론 : npm 2024. 10. 7. Open Api Specification ※본문은 다음 문서를 읽으며 기억할만한 용어를 정리한 글이다.https://swagger.io/specification/ 소개language-agnostic interface to HTTP API : HTTP API의 인터페이스에 맞춰 언어에 상관없이 적용가능함agnostic : it에서는 다양한 환경에서 일정한 표준에 맞추거나 적용할 수 있는 것을 의미한다.장점API 기반으로 자동생성 api 스펙 변경시 자동반영 (빌드시점에 확인하여 런타임에 실행된다)서버 코드 자동 생성으로 서버 개발이 완료되지않아도 예시 응답을 받을 수 있음응답 인터페이스 자동 생성 => 타입정의 오류 줄어듬 구성요소path, components, webhooks Path Templatingdelemited by curly bra.. 2024. 10. 7. [Nuxt3] Nuxt란? Vue의 meta-framework- meta-framework : 프레임워크를 위한 프레임워크 역할 : ui 프레임워크인 Vue가 어떤 라이브러리를 쓸지 고민하지 않게해줌1. rendering mode 설정Vue는 SPA(Single Page Application) : csr - 서버는 브라우저에 거의 빈 HTML보냄 == link to a Javascript file//fetched and parsedNo SEO : not crawled by serch enginesSSR : 브라우저가 진입전에 js run 안해도됨SEO, 공유하기, 성능면에서 좋음Universal Rendering : SSR + SPASSR : server rendered, downloadCSR : Hydration - SSR로.. 2024. 9. 13. 이전 1 2 3 4 다음