Rails6가 일어나지 않는다! Node.js, webpacker, yarn의 설치 【개발 일기】약가 검색 앱 no.5-2
약가 검색 앱 medipra는 여기 블로그로 이동했습니다. 전회의 내용은 이쪽. 개발 배경 등은 이쪽 1. 필요한 기능 세척 2. 필요한 화면 디자인 3. 데이터베이스 설계 4.Rails로 어플리케이션의 병아리 작성 ⬅︎지금 코코 5. 큰 기능부터 순서대로 구현 6. 테스트 코드를 작성하여 동작을 담보 7. 리팩토링 및 정리 8. 배포 마지막으로 rails new 하고 응용 프로그램의 병아리...
YARNwebpackRailsRails62022-10 last update
5 minutes reading
EC2에 node와 yarn을 설치하고 webpacker를 실행합니다.
Rails 프로젝트에 React-Rails + Webpacker를 도입한 것은 좋지만, 막상 capistrano로 EC2에 배포할 때 EC2의 환경 정비가 필요했기 때문에 그 작업을 정리합니다. webpacker를 도입하면 webpack의 빌드 프로세스는 webpacker:compile가 잘 해줍니다. 또한 webpacker:compile 는 assets:precompile 를 훅하여 실행되...
Node.jsYARNwebpackerCapistranowebpack2022-10 last update
6 minutes reading
Docker의 환경 구축(Rails) 초입문 1
Ruby on Rails 초보자입니다. 이번에는 Docker를 사용한 Rails의 환경 구축의 초보를 공부를 위해 비망록으로 남기고 싶습니다. Docker로 Rails 개발 환경 수행 ※어디까지나 개발 환경을 구축하기 위해서만의 초입문이기 때문에, DB나 세세한 설정등은 다음 번 이후 투고한다 Docker가 설치되었다고 가정합니다. 1. Dockerfile, docker-compose.yam...
YARN도커RaisNode.js2022-10 last update
5 minutes reading
nodenv를 사용하여 node.js를 linux에 전역 설치
nodenv 버전 관리를 위해 Amazon Linux 2에 node.js를 설치했을 때의 메모입니다. ※해설용으로 풀 패스에 재기록하는 등, 실제로 사용한 커멘드를 수정했기 때문에 잘못된 부분이 있을지도 모릅니다. 명령 우선은 대략 사용한 커멘드를 모두 기재합니다. /etc/profile.d/nodenv.sh git clone git://github.com/nodenv/nodenv.git /...
AmazonLinux2nodenvYARNNode.js2022-10 last update
7 minutes reading
webpack 입문 2 ~Asset Management~
webpack 입문 그 2입니다. 이번은 Asset Management 라고 하는 것으로 CSS의 bundle를 해 갑니다. 전회의 프로그램에 변경을 더하는 형태로 진행해 갑니다. 페이지 타이틀을 이번 내용에 맞추는 마이너 체인지를 실시합니다. (하지 않아도 전혀 OK입니다) dist/index.html Loading CSS js 이외를 bundle하려면 loader라는 것이 필요하므로 다음...
webpack자바스크립트YARN2022-10 last update
7 minutes reading
WSL로 yarn을 설치하려고하면 gpg 오류가 발생했습니다.
WSL에서 yarn을 설치하려고 할 때 gpg와 관련된 두 가지 오류가 발생했습니다. 원인이나 원리는 모릅니다만, 각각 넷의 정보를 참고로 하면 해결할 수 있었습니다. gpg를 다시 설치하여 해결했습니다. apt-key를 일단 파일로 추가하여 해결했습니다. Windows10 WSL 우분투20.04 nvm을 사용하여 노드 설치 라는 책 때문에, WSL에 환경을 구축할 때 발생했습니다. 와 최신...
YARNgpgWSLapt2022-10 last update
7 minutes reading
nodebrew에서 nodenv로 변경, nodenv를 통해 yarn 설치
nodebrew, nodenv가 환경에 혼재하고 있었으므로, 정리해 nodenv로 전환을 실시해, 동시에 nodenv 경유로 yarn을 인스톨 할 수 있도록 한 비망록 nodebrew 제거 ~/.bash_profile에 쓰여진 nodebre의 PATH를 지 웁니다. bash_profile을 편집한 후 업데이트 node, yarn, npm, nodenv의 버전을 확인하고, 이렇게 새하얀 상태가...
YARNNode.js2022-10 last update
7 minutes reading
brew extract로 yarn을 설치하는 방법
yarn의 버전을 바꾸려고 했으므로 메모.brew install formula_raw_path 로 가려고 하면 막혔습니다(_ _). 추가 : 보통 이것으로 갈 수 있습니다. 「brew extract yarn 를 사용해 줘」라고 말해졌으므로, 여러가지 기사를 잡으면서 수중에서 해 본다. 탭용 리포지토리 준비 대상 formula 확장 설치 버전 확인 안전하게 설치할 수있었습니다 ... 비교적 막...
brewformulaYARN2022-10 last update
5 minutes reading
npm install/yarn add로 패키지 설치
전제 참고: npm이나 yarn을 사용하여 패키지를 설치하면 어디에 저장됩니까?グローバル環境にインストール 또는 ローカル環境にインストール에 저장됨 글로벌 환경이란? 시스템 공통 디렉토리, node의 글로벌 환경 시스템 전체에서 사용하는 도구 명령을 설치할 때 사용 로컬 환경이란? 직접 만든 응용 프로그램 (프로젝트)의 환경 추가 된 패키지는 응용 프로그램 (프로젝트)의 package.json에...
YARNnpm자바스크립트2022-10 last update
4 minutes reading
Gatsby에서 이미지를 잡기위한 플러그인 설치로 gyp ERR!
Gatsby에서 gatsby-transformer-sharp 및 gatsby-plugin-sharp를 설치할 때 오류가 발생했습니다. 이미지를 가공할 때 모듈을 빌드하기 위한 코드가 부족한 것 같다. 다음 두 가지를 수행한 후 설치할 수 있습니다. Win10 WSL Ubuntu20.04 yarn 설치 를 참고로 커멘드를 실행. 결과는 안된다. 를 참고로. 이것을 실행한 뒤, 다시 설치를 실행...
YARNgatsbyWSL2022-10 last update
8 minutes reading
【백도 프런트도 Node를 사용하는 사람용】monorepo로, 커맨드 일발로 인스톨을 완료시키는 여러가지 방법
또한 CI를 실행하기 쉽도록 각 디렉토리에 잠금 파일을 만들 수 있습니다. 예를 들어 웹 개발에서는 프런트 엔드와 백엔드를 다음과 같이 동일한 리포지토리 내에서 관리할 수 있습니다. - issue나 Pull request가 하나의 리포지토리에 모이기 때문에 관리하기 쉽다 명령 한 번으로 web/와 server/의 yarn install (또는 npm install or npm ci)를 완료하...
YARNpackage.jsonmonoreponpmNode.js2022-10 last update
6 minutes reading