Hx2y's blog

프로젝트를 해보면서 처음 Docker을 써보니.. 도커에 대한 이해 필요성을 더 느끼게 되었다. (하다보니 서버 설정 문제가 조금씩 나온다..) 때문에 오늘은 이에 도커의 대한 이해를 위해 도커를 조금더.. 공부하기로 하였다. (진즉에 그냥 이거먼저할껄..) Docker 란?  2013년 Pycon US 2013, "리눅스 컨테이너의 미래" 라는 라이트닝 토크에서 솔로몬 하이크가 처음 소개하였다.  Go 언어로 개발되고 있으며, DockerCon 2014 에서 1.0 버전 발표 이후 , 지속적으로 업데이트가 되고 있다.  도커의 기능 리눅스 상에서 컨테이너 방식으로 프로세스를 격리해서 실행하고 관리할 수 있도록 도와준다.계층화된 파일 시스템에 기반해 효율적으로 [이미지(프로세스 실행 환경)]을 구축할 수..

저번시간 리액트 앱을 설치하고 여는데 까지는 성공하였다. 이번에는 GitHub 에 연결하여 지금까지 작업한 것을(별로 없지만) 올려보도록 하겠다.  자신의 프로젝트가 있는 폴더로 가서 다음 명령어들을 실행한다. # 기존 Git 초기화 (이미 초기화된 경우 생략 가능)git init# GitHub 레포지토리 연결git remote add origin https://github.com//.git 이후 .gitignore 파일을 작성 한다. 해당 파일은 git 업로드를 할때 해당 파일들을 무시하여 업로드한다. node_modules/build/.env.dockerignoreDockerfile 이제 git 에 파일 추가 및 커밋을 해보도록 하겠다. # 모든 파일 추가git add .# 커밋 생성git commi..

3. 리액트 설치 및 환경설정 프론트는 리액트로 구성 할 것이기 때문에 해당 도커환경에 리액트를 다운 받는다.  #yarn 다운npm install -g yarn#react 설치yarn create react-app frontend  다음과 같이 뜬다면 설치 완료 된 것이다. 그럼 다음 코드를 실행하여 개발 서버를 열어보도록 하자 yarn start 명령어 실행 후 브라우저가 자동으로 열리며, http://localhost:3000에 기본 React 페이지가 표시된다.  3-1. 리액트의 구조react 프로젝트의 주요 구조는 다음과 같다. frontend/├── public/ # 정적 파일 디렉토리 (HTML, 이미지 등)├── src/ # 주요 소스 코드 디렉토리│..

2. 컨테이너 생성 및 설정 프로젝트를 위한 컨테이너 하나를 설정해 두도록 하자.  기본적인 인터페이스 설명은 다음과 같다.  Containers:현재 실행 중인 컨테이너를 확인새로운 컨테이너를 실행하면 여기 목록에 확인가능.Images:로컬에 저장된 Docker 이미지를 관리.새로운 이미지를 다운로드하거나, 기존 이미지를 삭제.Volumes:컨테이너와 호스트 간의 데이터를 공유하기 위한 볼륨을 관리.Builds:Docker 빌드 관련 로그와 상태를 확인.Terminal:하단에 있는 Terminal을 클릭하면 Docker 명령어를 입력할 수 있는 CLI를 열 수 있음.  기본적인 명령어로는 다음과 같은 것들이 있다. 1.Docker 이미지 검색 및 다운로드 docker pull nginx - Nginx ..

1. 도커 설치 일단 필자의 환경은 윈도우 이다. 따라서 윈도우 기준으로 설명을 이어갈것이다.  먼저 Docker 사이트에가서 다운로드를 진행하도록 하자. 링크 : https://www.docker.com/ Docker: Accelerated Container Application DevelopmentDocker is a platform designed to help developers build, share, and run container applications. We handle the tedious setup, so you can focus on the code.www.docker.com   해당 사이트에 들어가면 [Download Docker Desktop] 버튼이 확인이 될 것이다.   해당 ..