Zero-Installs 은 말그대로 소프트웨어 배포 시 별도의 모듈을 설치 하지 않고 바로 실행이 가능한 배포 방식을 말합니다. yarn 에서는 최종 yarn 조차 배포에 제외 되는 상태는 말합니다. yarn pnp를 도입함으로서 Zero-Installs이 가능해 집니다. 2022.09.15 - [개발관련/자바스크립트 팁] - yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 yarn2 적용 하기 1. yarn 설치 $ npm install -g yarn 기존에 npm을 사용하는 경우에만 설..
yarn2 ( yarn berry )와 함께 PnP(Plug'n'Play)를 적용해보기 고통스러운 node_modules 탈출 하기 앞선 설정을 끝냈다면 추가로 타입스크립트 설정을 하면 됩니다. 아래 과정은 만약 타입스크립트를 추가 적용하고 싶은 분들을 대상으로 진행하는 내용입니다. 이제 @types/* 패키지들이 zip 아카이브로 관리되기 때문에 기존의 방식으로는 정상적으로 타입이 불러와지지 않을 것입니다. 그렇기에 다음과 같은 과정을 진행해주세요! 설명은 VSCode IDE 기준으로 설명되었습니다. 타입스크립트가 적용되지 않은 프로젝트라면 타입스크립트 관련 패키지를 설치해주세요. [ 아래는 코드 React를 사용한다는 기준으로 작성된 스크립트입니다. ] yarn add -D typescript @ty..
yarn2 적용 하기 1. yarn 설치 $ npm install -g yarn 기존에 npm을 사용하는 경우에만 설치 2. yarn 버전 설정 $ yarn set version berry $ yarn -v yarn set version berry : yarn2의 별칭이 berry입니다. yarn의 버전을 berry로 정합니다. yarn -v를 통해서 현재 yarn의 버전을 확인 할 수 있습니다. $ yarn set version 3.2.3 위처럼 특정 버전을 선택할수 있습니다. 3. yarn 설정 방법 기존 npm 사용의 경우 .npmrc -> .yarnrc.yml package.lock.json 파일 삭제 package.json 파일에 작성된 eslintConfig는 더 이상 사용되지 않습니다. .e..
Hoc vs Render 속성 값 컴포넌트에 공통적으로 사용되는 로직을 재사용 가능하도록 구현하는 방법에는 Hoc 와 Prop render 를 사용하는 2가지 방법이 있다. 1. 컴포넌트 내부 일부에서 적용하는 경우 HOC 현재 컴포넌트의 전체에 적용 //HOC //로그인시에만 렌더링하는 HOC const WithIsLogin = WrappedComponent => class WithIsLogin extends Component { state = { isLogin : false } checkIsLogin = ()=> { /***/ } componentDidMount(){ this.setState({ isLogin : this.checkIsLogin() }) } render(){ if(this.state...
1주차 스트렝스 루틴 1주차에서 이어집니다. 3주차 대사스트레스 훈련 루틴 3주차 대사스트레스 훈련 규칙 20RM으로 훈련 목표는 20RM의 무게 증가 매회마다 네거티브 1~2초 1~2세트 힘들다 3세트 실패 지점 까지 15회 성공시 감량 16회 ~ 19회 성공시 유지 20회 성공시 증량 ! 부분반복 핵심 최대이완 최대 수축이 아닌 가장 힘든 구간을 반복한다 Day 1 (월) Day 2 (수) Day 3 (금) 부분반복 120초 20개 3세트 싯티드 숄더 플레스 45도 케이블 로우 덤벨 플로우 프레스 (바벨이나 덤벨로 대체 가능) 싯티드 로우 고블릿 스쿼드 (덤벨을 이용한 스쿼트) 케이블 크런치 얼터네일 덤벨컬 부분반복 120초 20개 3세트 레터럴 레이즈 인클라인 케이블 프레스 ( 머신 대체 ) 클로즈..
출처 https://www.youtube.com/watch?v=-NTlsmCUFks 트리거님의 주기화 루틴을 제가 보기 위해서 정리한것입니다. 1주차 스트렝스 루틴 1주차 스트렝스 훈련 규칙 6RM 또는 8RM으로 훈련 목표는 6,8RM의 무게 증가 매회마다 네거티브 2~3초 매 세트 실패 지점 직전까지 진행 6RM으로 훈련 진행시 4회 성공시 감량 5회 성공시 유지 6회 성공시 증량 ! 8RM으로 훈련 진행시 6회 성공시 감량 7회 성공시 유지 8회 성공시 증량 ! Day 1 Day 2 Day 3 6개 3세트 200초 언더그립 바벨로우 데드리프트 와이드 랫풀 다운 6개 3세트 200초 ( 부상 방지를 위해서 세트간 휴식 시간에 회전 근개 스트레칭 운동하기(익스터널 로테이션) ) 벤치프레스 인클라인 덤벨..
도커를 사용하기 위해서는 가장 먼저 이미지를 만들어야 한다. docker build $ docker build [OPTIONS] PATH | URL | - docker build 명령어로 도커이미지를 만든다. PATH나 URL로 build context를 지정할수 있다. Dockerfile는 docker 이미지 빌드시 실행할 명령어 파일이다. Dockerfile은 지정된 build context 경로를 기준으로 실행된다. docker build 의 실제 처리는 Docker daemon 이 하게 되고, docker build 요청이 시작되면 제일 먼저 Docker daemon 에게 build context 의 하위 모든 파일에 대한 정보(contents)를 전송한다. 예시 PATH 지정 $ docker..
웹 서비스를 하기 위해서는 많은 프로그램이 필요하다. 서버 컴퓨터에는 OS가 설치되어 있어야 하고 DB / 어플리케이션 / 어플리케이션 사용할 라이브러리들. 여러 가지 것들의 서버 컴퓨터에 어플리케이션을 서비스 할때마다 설치하는건 여간 귀찮은 작업이 아니다. 마치 매번 CPU / 그래픽카드 / 메인보드 구해서 PC를 조립하는것처럼 서로 버전이 호환되는지 안정적인지 이슈는 없는지 확인해야 되기 때문이다. 도커 ( docker )는 이런 행위를 편리하게 도와주는 도구 이다. 도커란? 동일한 하드웨어에서 프로세스를 각각 독립되게 실행할 수 있도록 도와주는 플랫폼이다. 컨테이너? 독립적으로 실행된 프로세스를 도커라고 한다. 이미지 컨테이너를 실행시키기 위해서 필요한 라이브러리 / 코드 / 설정 등의 정보를 담고..
