본문 바로가기

전체 글66

Docker 이미지와 컨테이너 내부의 데이터 관리 방법 2. 이미지와 컨테이너 내부의 데이터 관리 방법 , 다른 폴더 등에 연결하는 방식, 도커에 내장된 볼륨이라는 개념 다양한 데이터 종류 이해하기 우리가 작성한 코드 + package.json에 지정된 패키지 환경이 빌드 단계에서 이미지에 추가된다. -> Dockerfile을 사용 이미지에 복사된 코드는 고정되고 이미지가 빌드되면 변경될 수 없다. -> 이미지는 읽기 전용이다! 1. 임시 Application data 우리가 작성한 소스 코드가 아닌 Application이 실행되는 동안 생성된 데이터 ex) 입력 폼 데이터 같이 사용자가 직접 전달한 데이터를 가져와 서버에서 실행중인 컨테이너로 처리함 컨테이너가 종료될때 일시적인 데이터이기 때문에 잃어도 상관없다. "일시적"으로 쓰고 싶은 데이터여서 이미지가.. 2024. 2. 6.
Docker 이미지 & 컨테이너 Dockerfile 작성 요령 FROM 이미지 구축에 필요한 이미지 이름을 넣는다. ex) FROM node -> 도커한테 노드 이미지를 가지고 오는걸 시작우선하고 다음 실행을하자. WORKDIR 도커 컨테이너의 작업 디렉토리를 설정하는 명령 ex) WORKDIR /app 설정하면 이후 모든 후속 명령이 /app 폴더 내부에서 실행 될 거라고 알려줌 COPY . . 도커한테 로컬머신에 있는 파일이 이미지에 들어가야하는지 알려야한다. . . 은 두 개의 경로를 지정하는데 첫 번째 자리는 컨테이너 외부, 이미지의 외부 경로이며 이미지로 복사되어야 하는 파일들이 있는 경로이다. -> . 을 넣었으니 이 프로젝트의 모든 폴더, 하위 폴더 및 파일을 복사하라고 도커한테 알려준 것 두 번째 자리는 그 파일을 저장해.. 2024. 2. 6.
React에 직접 적용하기 전 TypeScript 간단하게 알아보기 TypeScript 타입스크립트가 무엇인가? 자바스크립트의 "superset"언어이며 자바스크립트를 기반으로 하되 보다 더 확장된 언어이다. 자바스크립트의 기본적인 문법과 코드 작성법을 그대로 사용하면서 몇 가지 기능을 추가한 것이다. 타입스크립트는 JS의 라이브러리가 아니기 때문에 새로운 기능을 만들거나 기능을 확장하진 않는다. 정적 타입(statically Typed)의 특징을 갖는다는게 중요하다. 자바 스크립트는 원래 동적 타입 언어인데 Type이 고정되어 있지도 않고 함수에서 사용할 Type을 미리 정해두지도 않은 상태에서 전달된 변수를 받아 코드를 실행한다. 그럼 쓰는 이유는 뭘까요? 만약 대규모 프로젝트에서 함수나 객체를 의도치 않은 방식으로 사용할때 자바스크립트는 경고해주지 않고 일단 무조건.. 2024. 1. 22.
React-Router-Dom React-Router-Dom에 대해서 알아보자! 우선 간단하게 라우팅이란.. -> 네트워크의 경로를 선택하는 process 라고 말한다. 쉽게 풀어서 말하자면 내가 가야 할 곳의 목적지를 맞게 이동시켜 주는 작업이라고 볼 수 있다. React-Router를 사용하는 이유 리액트는 기본적으로 SPA(Single Page Application)이다. 컴포넌트의 변화가 단일 페이지 안에서 일어난다. 그렇기에 다른 URL로 이동한다고 해도 페이지 전체가 교체되는게 아니라 한 페이지에서 컴포넌트의 변화만 일어난다. -> 이렇기에 사용자의 히스토리가 생기기 않아 뒤로가기 기능을 수행 할 수없고 특정 페이지 북마크, 새로고침 기능이 불가능해진다. 이러한 단점을 React-Router로 보완한다. Router의 종류.. 2024. 1. 18.

티스토리툴바