- client, server의 버전 및 상태 확인docker version - 플러그인, 시스템 상세 정보 확인docker info

컨테이너컨테이너 = 서버서버는 소프트웨어(프로그램)가 실행되는 하드웨어를 의미한다. 서버는 회사에 있는 서버실 서버를 사용할 수도 있고, 클라우드와 같은 온라인 서버를 사용할 수도 있다. 우리가 개발한 소프트웨어는 메모리가 2~4G만 되어도 충분히 실행할 수 있다.서버실 서버는 메모리가 32~64G이기 때문에 하나의 서버에서 많은 소프트웨어를 사용해야 효율적이다. 그러나 소프트웨어는 다운되면 서비스 장애로 이어지므로 하나의 서버에서는 하나의 소프트웨어만 실행하는 것이 안전하다.하지만 64G 서버에 하나의 소프트웨어만 실행시키는 것은 너무 비효율적이다. 그래서 가상화라는 기술이 나왔다!가상화 기술서버에 임시의 벽을 만들어 소프트웨어가 실행되는 공간을 분리해서 사용한다.하나의 서버에서 여러개의 프로그램을 안..

npm install을 할 때 "unable to resolve dependency tree"에러가 발생하면서npm 설치가 안될 때가 있다.이런 경우 npm 이 패키지간의 의존성 충돌을 해결하지 못했을 때 발생한다. 나 같은 경우는 quill 패키지의 2.0.2버전이 프로젝트의 루트에서 사용되고 있지만,@xeger/quill-image-actions 패키지가 quill의 1.3.6버전을 요구하고 있어 문제가 발생한다. 이런 에러가 발생할 경우npm install --force 이나 npm install --legacy-peer-deps 를 사용하면 되는데둘의 차이점을 알아보도록 하자 npm v7에서 달라진 점2021년 2월 npm 7버전이 나왔는데Automatically installing peer de..

자바스크립트 진수 변환toString()과 parseInt()를 사용 10진수 -> 2진수 or 16진수var dec = 123;var bin = dec.toString(2); // 2진수 "1111011"var bin = dec.toString(16); // 16진수 "7b"16진수 -> 10진수 or 2진수var hex = "7b";var dec = parseInt(hex, 16); // 10진수 "123"var dec = parseInt(hex, 16).toString(2); // 2진수(10진수로 바꿨다가 2진수로 변환) "123"2진수 -> 10진수 or 16진수var bin = "1111011";var dec = parseInt(bin, 2); // 10진수 "123"var dec = pars..

별칭(alias) 경로 설정📄 jsconfig.json 또는 tsconfig.json{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./*"], "@/components/*": ["./components/*"] } }} 사용import Compo from "@/components/compo";

개인 공부를 하던 중 회사 계정으로 push 해버려서 다시 되돌려야 하는 상황에 처했다. 1. push한것 취소하기최근 커밋을 취소하고 로컬에서 되돌리기git reset HEAD~1 강제로 원격 저장소에서 커밋을 되돌리기로컬 커밋을 되돌린 후 원격 저장소에 강제로 push합니다.주의: 이 작업은 원격 저장소의 역사(history)를 변경하므로 다른 사용자가 이 저장소를 사용하고 있을 경우 주의해야 합니다.git push origin +HEAD --force  깃헙 커밋로그에 말끔히 사라진 것을 확인할 수 있다.2. 로컬 저장소의 사용자 정보 변경 로컬 저장소의 사용자 이름과 이메일을 설정합니다. 이 설정은 특정 저장소에만 적용됩니다.git config user.name "New Username"git c..

🔗 테일윈드 공식 문서https://tailwindcss.com/Tailwind CSS부트스트랩과 비슷하게 사용하는 CSS 프레임워크입니다. ex) m-1, flex 와 같이 미리 세팅된 유틸리티 클래스를 활용하는 방식이며HTML코드 내에서 사용할 수 있습니다.Tailwind CSS 설치yarn add -D tailwindcss postcss autoprefixernpx tailwindcss init -p tailwind.config 파일이 생성됩니다.Tailwind CSS IntelliSense 확장 프로그램 설치- 자동완성 기능 제공- 색상 미리보기- 중복 class나 오타를 알려줍니다.파일 수정저의 환경 : React + Ts 📄 tailwind.config.tstheme안에 extend를 지워..

프로젝트 생성 1. node 설치 되어 있는지 확인node -v2. Next.js 설치npx create-next-app@latest 3. Next.js 실행해당 프로젝트에 들어가 실행npm run dev