memostack
article thumbnail
정말 쉽게 yarn berry와 typescript 환경 설정하기
Frontend/Typescript 2022. 12. 28. 23:03

yarn berry를 사용하여 typescript 개발 환경을 만들어보자 yarn berry 설정 패키지 매니저 버전을 yarn berry로 변경하기 위해, 아래 명령어를 수행한다. yarn set version berry 위 명령어가 수행이 되면, .yarn 폴더, .yarnrc.yml 파일이 생성된다. 프로젝트 생성 yarn init 명령어를 사용하여, 프로젝트를 생성한다. yarn init -y package.json을 보면 packageManager 부분이 yarn@3.x.x과 설정되어 있는 것을 확인 할 수 있다. (3버전이 berry) { ... "packageManager": "yarn@3.3.1", ... } typescript 설정 기본적으로 프로젝트가 설정되었으니 typescript를 ..

article thumbnail
yarn berry 환경에서 WebStorm, Actions on save 사용하기 (prettier, eslint)
Frontend 2022. 5. 26. 23:45

yarn berry를 처음 사용해보면서, prettier와 eslint를 사용하려고 했다. 우선 prettier 와 eslint를 설치하고, $ yarn add --dev prettier eslint WebStorm에서 Actions on save 설정을 하려고 했으나, WebStorm에서 방금 설치했던 package를 찾지 못하는 이슈가 있었다. 추측하기론 .yarn/cache를 보면 패키지들이 .zip 형태로 압축되어 있는데, WebStorm에서는 패키지가 압축되어 있어서 찾지 못하는것 같았다. 방법이 없나 삽질을 하다가, jetbrain 문서에서 해결방법을 찾았다. https://www.jetbrains.com/help/webstorm/installing-and-removing-external-so..

article thumbnail
yarn berry와 Apollo Server를 이용한 GraphQL 서버 환경 구축
Backend/GraphQL 2022. 5. 22. 16:03

초기 설정 빈 프로젝트 생성 서버 구축을 위한 디렉토리 생성 $ mkdir apollo-server-test $ cd apollo-server-test yarn berry 설정 yarn berry를 사용하기 위해 yarn set version 명령어를 통해 berry로 변경해준다. $ yarn set version berry 변경 후 제대로 변경이 됐는지 확인해본다. $ yarn -v 3.2.1 Apollo Server 구축 의존성 모듈 설치 graphql 서버를 구축하기 위해, 본 글에서는 apollo-server를 사용한다. yarn berry를 사용하여, apollo-server와 graphql를 설치한다. $ yarn init $ yarn add apollo-server graphql zero-..