본문 바로가기
반응형

Tech41

Next + Typescript 설정 Next 프로젝트 설정은 제 블로그 에서 확인할 수 있습니다. jktech.tistory.com/44 Next.js(react) 프로젝트 시작 React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트 환경: Windows, VScode, npm ※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입.. jktech.tistory.com Typescript를 적용하기전 내가 생각하는 Typescript 쓰는이유는 컴파일 단계에서 오류를 잡을 수 있기때문에 사용한다고 나는 생각한다 자세한건 다른 글에서 작성해보도록 하겠습니다 Typescript 설정 1. root 디렉토리에 tsconfig... 2021. 3. 11.
Next.js(react) 프로젝트 시작 React의 SSR (server-side rendering) 프레임워크인 Next 프로젝트 환경: Windows, VScode, npm ※ npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm@5.2.0 이상 버전만 깔려 있다면 npx 커맨드를 사용 가능합니다 1. Project를 설정할 폴더를 생성한다. 2. 터미널로 Project 폴더로 이동한다. 3. npx 로 next 프로젝트를 생성한다. npx create-next-app . 위에서 '.' 은 현대 폴더(디렉토리)를 의미한다. 위에 방식으로 하면 next 설치는완료되었다 실제로 동작하는지 명령어로 확인해보자. npm run dev // dev .. 2021. 3. 11.
Docker 로 Jenkins 설치하기 설치환경 Windows10 Docker Desktop 설치 1. 아래 링크에서 windows version 을 다운 받아 설치한다. www.docker.com/products/docker-desktop Docker Desktop for Mac and Windows | Docker Learn why Docker Desktop is the preferred choice for millions of developers building containerized applications. Download for Mac or Windows. www.docker.com 2. 설치가 긑나면 vscode 터미널이나 powershell 에서 도커 명령어를 입력하여 도커가 동작하는지 확인한다. docker -v // dock.. 2021. 3. 9.
Kubernetes 기본 설명 "k8s(kubernetes)"" 란 컨테이너를 관리하는 서비스 라고 생각하면 될 것 같다. "docker" 를 공부 후 몇가 지 불편 사항들이 있었다 그중 하나가 이미지를 교체하여 서비스의 버전업을 진행하는 것 이었다. docker로만 서비스를 올릴때는 커멘드로 해당 서버에 이미지를 내리고 빌드된 이미지를 다시 버서에 run 하는 방식으로 진행하였다. 그러면서 내리는 작업 없이 rolling update 통하여 버전업을 할 수 있었다 이외에 다양한 기능이있다 ingress 를 통한 서시스 분베 나 k8s deployment 의 핼스 체크 등 너무나도 많은 기능이 있어 지속적으로 공부가 필요하다. kubernetes 구조 Kubernetes(k8s) 명령어 $ kubectl get services # 네.. 2021. 3. 3.
Docker-Compose 기본 설명 내가 이해하는 docker-compose 는 간단하다. 한번에 여러 docker image 를 빌드하고 올리고 싶을때 쓰는 docker 확장 명령어 라고 생각한다. 나는 이기능 이외에 써본 적은 없다. 한번 써본 후 바로 Kubernetes로 넘어갔다. docker-compose 명령어 docker-compose 명령어는 docker-compose.yml 파일을 읽어서 실행한다. version: '3' #파일 규격 버전 services: #docker image를 올릴 컨테이너 리스트 db: #서비스의 이름 image: postgres #서비스에서 사용할 도커 이미지 volumes: #volumes에는 상대 경로 (host path : docker container path) - ./docker/data.. 2021. 3. 3.
Docker 기본 설명 Docker의 가장 중요한 단어는 "컨테이너" 라고 생각한다. 사실 컨테이너라는 계념만 알면 Docker는 끝났다고 생각한다. 컨테이너란 말그대로 어떠한 가상화되어있는 것들을 담는 그릇이며 그로인해 가상화되어있는 프로세스들을 격리(분리) 시키는 기술이라고 생각한다. Docker 명령어 $ docker ps # docker container 의 정보를 보여준다 $ docker ps -a # 모든 docker container 의 정보를 보여준다 (싱행되지 안은 container 같은) $ docker images # docker 의 image (가상화 프로세서 or 파일) 를 보여준다. $ docker rmi {docker images id,name} # 해당 이미지를 지운다. $ docker rm {do.. 2021. 3. 3.
반응형

티스토리툴바