삽질블로그 삽질블로그

* 사용 예시 master 로부터 파생된 demo branch 로부터 새로운 브랜치를 작업하던 도중 demo branch 가 master 로 merge 되면서 더이상 해당 base branch 가 없어지게 되었다. 이런 경우 branch 의 base 를 변경하면 되는데 명령어는 다음과 같다. git rebase --onto [new base branch] [old base branch] $ git rebase --onto master origin/demo

docker 실행 상태 확인 --help option 을 애용하자 ex) $ docker --help 또는 $docker --h All docker container list up $ docker ps -a -> names 에서 container name 을 출력한다. 나는 image 가 mysql 로 실행되어있는 container name 을 가져온다. docker 로 mysql shell 로 실행시키기 $ docker exec -it [방금 찾은 container name] bash bash 가 열리면 $ mysql -u root -p --참고사항 : bash 와 sh 의 차이점 참고링크 : https://www.geeksforgeeks.org/difference-between-sh-and-bash/..

회사 소스를 관리하던 중에 npm i 했을 때 package-lock.json 에서 dependency로 가지고 있는 라이브러리들을 install 하지 못하는 문제가 발생했다. 예를 들면 아래와 같은 에러발생. Error: Cannot find module 'class-transformer'latten Completed in 2ms class-transformer 라는 package 를 nestjs-query-typeorm 에서 사용하고 있는데 모듈이 깔리지 않으니까 내 프로젝트 root 의 packages 폴더에서 모듈을 가져오려고 해 생기는 문제였다. 물론 내 프로젝트 내에는 packages 라는 폴더가 없었다. ~/.npmrc 수정으로 인해 발생한 문제였다. 다음 옵션을 추가해줬던 것이 문제. 삭제..

mdn 공식 문서에서 지원하는 에러 생성 방식을 보면 두번째 인자로 에러 상세 원인을 출력할 수 있다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/cause 하지만 예제와 똑같이 적용해보면 arguments 가 0~1개라는 에러가 발생한다. throw new Error('RSA key generation requires two co-prime integers.', { cause: { code: 'NonCoprime', values: 'test' }, } 원인은 물론 버전 문제겠지? 사수의 도움을 받아... Error 객체의 change log 를 구글링 해보고 typescript + node ..

for문 이용하기 const submitData = {}; const submitKeys = ['type', 'submitAnswer', 'questionId', 'exampleAnswers']; submitKeys.forEach((key) => (submitData[key] = props[key])); 구조분해 이용하기 const { type, submitAnswer, questionId, exampleAnswers } = props; state.answers[props.questionNumber] = { type, submitAnswer, questionId, exampleAnswers };

vue nuxt path param 라우터 구조 /survey/:id/question/:questionId 문제상황 /survey/58/question/1 -> /survey/58/question/2 으로 라우터가 넘어가야한다. 시도 우선은 nuxt 에서 path param 이 있을 시 자동으로 route name 이 "survey-id-question-questionNumber" 이런식으로 만들어진다고 한다. (참조 https://nuxtjs.org/docs/features/file-system-routing/) 따라서 일부 path parameter 변경 시에 split('/') 사용할 필요 없이 다음과 같이 할 수 있다. const pathParam = { ...this.$route.params, ..

vue nuxt 에서 layout 을 custom 하게 작성하는법 vue nuxt 의 /layout/default.vue 에 정의되는 내용대로 default layout 이 지정된다. 이때, default layout 이외의 다른 layout 을 사용해야하는 경우나 header 가 없는 페이지를 작성해야하는 경우가 있다. layout 아래에 custom layout 생성 ex) /layout/login.vue 생성 실제 화면에서 layout 을 프로퍼티로 정의 /pages/login/login.vue에서

React 로 빌드하기 위해 고려해야하는 사항들 webpack 과 같은 번들러를 사용하여 번들링 되고 babel 과 같은 컴파일러 사용하여 변환 코드 분할과 같은 production 최적화 성능 및 seo 를 위해 일부 페이지를 정적으로 사전렌더링 할 수 있다 -> serverside rendering, client side rendering 둘다 가능 React 앱을 data store에 연결하기 위해 서버측 코드를 작성해야할 수 있다. Next.js 위에 언급한 문제들에 대한 솔루션 제공 직관적인 페이지 기반 라우팅 시스템 pre-rendering, static-site-generation(정적 생성 ssg), server-side-rendering 자동 코드분할 (페이지 로드 속도 up) 최적화된 ..