도커 이미지란 애플리케이션 실행에 필요한 모든 것코드, 라이브러리, 종속성, 설정 등 을 담고 있는 읽기 전용의 템플릿실행 가능한 컨테이너를 만들기 위한 청사진입니다. Dockerfile에 정의된 지침에 따라 빌드되며, 계층화된 구조를 가지고 있어 효율적으로 저장 및 공유될 수 있습니다. 🍎 Image 다운로드 Docker Hub Container Image Library | App ContainerizationSoftware supply chain Secure Your Supply Chain with Docker Hardened Images Use Docker’s enterprise-grade base images: secure, stable, and backed by SLAs for Ubuntu,..

💬 도커를 사용 목적은 무엇일까?- 이식성 => 프로그램을 다른곳으로 쉽게 옮겨 사용가능- 다른 프로그램과 충돌 없음- 하나의 컴퓨터(호스트 컴퓨터)가 여러개의 컨테이너들을 포함 하여 원하는 프로그램을 사용할 수 있다. 🍎 컨테이너는 독립성을 가지고 있다. 디스크, 네트워크, 이미지 (프로그램을 실행하는데 필요한 설치과정, 설정, 버전 정보 등 포함) 등 환경의 분리 🍎 IP / PORT 개념 IP : 네트워크 상 특정 컴퓨터 주소 PORT : 한 컴퓨터 내에서 실행되고 있는 특정 프로그램 주소 💬 브라우저 창에 포트 번호를 입력하지 않는 이유?도메인은 기본적으로 80 번 포트로 통신 보내게 설정되어 있다. 🍎 잘 알려진 포트 (well-know port )0~1023 포트 까지는 규약이 있..

Tailwind CSS HTML 안에서 CSS 스타일을 만들 수 있게 해주는 CSS프레임워크입니다. Tailwind CSS는 부트스트랩과 같이 미리 셋팅된 Uitility Class를 활용하는 방식으로 HTML에서 스타일링 할 수 있습니다. 빠른 스타일링 작업이 가능하며, Class 혹은 id 명을 작성하기 위한 고생을 하지 않아도 됩니다. 유틸리티 클래스가 익숙해지는 시간이 필요할 수 있지만 IntelliSense 플러그인이 제공되어서 금방 익숙하게 사용할 수 있습니다. 1. 프로젝트 사용 셋팅 셋팅 방법은 아래 홈페이지에서 자세하게 확인 할수 있습니다. Install Tailwind CSS using PostCSS - Tailwind CSS Installing Tailwind CSS as a Post..

vite create react app 을 사용할때 나오는 문제점을 해결하려고 사용. vite의 가장 큰 장점은 빌드 속도나 새로운 코드를 적용했을때 반영 속도 같은 피드백 속도의 빠른 성능을 가지고 있습니다. 기존 브라우저에서 ES모듈을 사용할 수 있기 전에는 개발자에 모듈화된 방식으로 javascript를 작성하는 기본 메커니즘이 없었습니다. 시간이 지남에 따라 webpack,Rollup, Parcel과 같은 도구로 번들링을 해결했습니다. 그러나 더 큰 애플리케이션을 구축하기 시작하면서 처리하는 javascript의 양이 기하수적으로 증가 하여 성능 병목현상이 발생하기 시작하였습니다. 예를 들어 서버 가동에 오랜시간이 걸리거나 브라우제에 반영되는 것이 몇초가 걸리는 문제들인데 vite는 이러한 문제를..