개발 일지

내가 보기 편하라고.. 만들어두는 도커 명령어 모음집.. 1. 실행되는 도커 컨테이너를 확인하기 # 전체 확인 docker ps -a # 가동중인 컨테이너만 확인 docker ps 2. 도커 이미지 확인하기 docker image ls 3. 도커 컨테이너 삭제하기 docker rm [컨테이너 이름] -f 4. 도커 컨테이너 실행 중지하기 docker stop [컨테이너 이름] 5. 도커 이미지 삭제 docker image rm image-id 또는 image name

1. Docker 설치하기 https://www.docker.com/ Docker: Accelerated, Containerized Application Development Docker is a platform designed to help developers build, share, and run modern applications. We handle the tedious setup, so you can focus on the code. www.docker.com # 터미널로 설치하기 brew install --cask docker 2. nginx 설치하기 docker pull nginx 3. nginx 실행 docker run --name nginx-server -d -p 80:80 nginx **..

git init git status git add . git commit -m "커밋메세지" git remote add origin "저장소 주소" git push origin main

1. brew 설치여부 확인 brew -v 🧐 설치가 안되어 있다면 👇 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. rbenv 설치 brew install rbenv react native에서 ruby가 필요하다. rbenv는 ruby를 버전별로 지원한다. 3. ruby 2.7.6 설치 (2023년 3월 기준) rbenv install 2.7.6 rbenv global 2.7.6 rbenv rehash gem install bundler 4. node, npm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/ins..

WARN Issues with peer dependencies found . └─┬ sb 6.5.16 └─┬ @storybook/cli 6.5.16 └─┬ @storybook/core-common 6.5.16 ├── ✕ missing peer typescript@"*" ├── ✕ missing peer react@"^16.8.0 || ^17.0.0 || ^18.0.0" ├── ✕ missing peer react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0" └─┬ fork-ts-checker-webpack-plugin 6.5.2 └── ✕ missing peer typescript@">= 2.7" Peer dependencies that should be installed: react..

npm 사용시 캐시를 삭제하기 위한 명령어는 다음과 같다. npm cache clean --force 그런데, pnpm 을 사용해서 캐시를 삭제하니 해당 명령어가 작동하지 않았다. pnpm으로 캐시를 삭제하고 싶으면 다음 명령어를 사용한다. pnpm store prune 1. package-lock.json 대신 pnpm-lock.yml 파일 삭제 2. node modules 디렉토리 삭제 3. pnpm install

rebase를 이용해서 이미 push까지 완료한 커밋의 메세지를 변경할 수 있다. 1. git rebase HEAD~1 -i //직전 커밋 * git rebase HEAD~(커밋 단계: 몇 번째 전 커밋인지 작성) -i 2. 해당 명령어 수행시 직전에 작성된 커밋이 나올 것이다. 이때 pick > reword 로만 변경해준다. (아직 커밋 메세지를 변경하지 않는다.) pick 커밋메시지 내용 ↓ reword 커밋메시지 내용(수정하지 않는다.) (pick만 바꾼다.) :wq!로 빠져나온다. 3. 그럼 이제 커밋 메세지를 수정하기 위한 커밋이 나온다. 여기서 커밋 메세지를 수정하고 force push 를 해준다. git push origin 브랜치명 -f

warning: push.default is unset; its implicit value is changing in Git 2.0 from 'matching' to 'simple'. To squelch this message and maintain the current behavior after the default changes, use: git config --global push.default matching To squelch this message and adopt the new behavior now, use: git config --global push.default simple See 'git help config' and search for 'push.default' for furthe..

원본 배열을 변경하지 않고 참조만 하는 메서드 join() slice() concat() toString() 원본 배열을 변경하지 않고 반복적으로 참조만 하는 메서드 forEach() map() filter() every() some() reduce() reduceRight() entries() keys() values() 원본 배열을 변경하는 메서드 push() pop() shift() unshilft() fill() reverse() sort() splice() [참고] forEach와 map의 차이 - Array.prototype.forEach() 배열의 모든 요소가 한 번씩 순회하면서 제공된 함수를 한 번 실행한다. 각 배열의 요소에 특정한 작업을 수행할 때 사용된다. map과의 차이점은 배열을 ..

1. 필요성 위의 로딩 이미지를 아마 한 번쯤은 모두가 접해 보았을 것이다. 페이지가 로딩되면서 UI가 렌더링이 되기 전에 위와 같은 이미지들을 노출시켜서 사용자가 기다릴 수 있도록 유도하는 것이다. 그러나 사용자 입장에서 이러한 화면을 보는 것이 그렇게 유쾌하지는 않다. 웹은 그 기능이 다양해짐에 따라 정적인 요소(html, css, javascript) 뿐만 아니라 동적인 요소(데이터베이스 연동, API 통신 등) 들을 다루게 되면서 복잡도가 증가하고, 거대해졌다. 무거워진 웹은 사용자에게 보여지기까지 수초가 걸리게 한다. 이러한 로딩 시간의 길어짐은 사용자의 경험(UX)에 직접적인 영향을 미친다. 지연속도가 늘어날수록 이탈률은 증가하며 구매 전환율은 급감한다. 우리의 사용자는 기다려주지 않는다. 프..