Project.log

Docker에서 컨테이너(Container)란?도커 컨테이너는 도커 이미지의 실행 가능한 인스턴스(Instance)입니다. 즉, 생명이 없는 '설계도(이미지)'에 생명을 불어넣어 실제로 동작하는 '애플리케이션'이라 할 수 입니다. 컨테이너는 실행될 때 이미지 위에 읽기/쓰기 가능한 계층이 추가되어,각 컨테이너가 독립적으로 실행되며 파일 시스템과 프로세스가 서로 격리됩니다.컨테이너는 호스트 운영체제의 커널을 공유합니다.독립된 실행 환경을 제공하여, 마치 가상머신처럼 보이지만 훨씬 가볍습니다.실행 중인 컨테이너는 프로세스이므로 시작/중지/재시작/삭제가 가능합니다.즉,이미지(Image) = 설계도(변하지 않음, 템플릿)컨테이너(Container) = 설계도로부터 실행된 실제 프로그램(동작 중인 인스턴스)라고 ..

Docker(도커)란 무엇인가?Docker(도커)는 애플리케이션을 신속하게 구축, 테스트 및 배포할 수 있는 소프트웨어 플랫폼입니다. Docker는 소프트웨어를 컨테이너라는 표준화된 유닛으로 패키징하며, 이 컨테이너에는 라이브러리, 시스템 도구, 코드, 런타임 등 소프트웨어를 실행하는 데 필요한 모든 것이 포함되어 있습니다. Docker를 사용하면 환경에 구애받지 않고 애플리케이션을 신속하게 배포 및 확장할 수 있으며 코드가 문제없이 실행될 것임을 확신할 수 있습니다. 쉽게말해서Docker(도커)는 애플리케이션을 컨테이너라는 단위로 묶어서, 환경에 구애받지 않고 어디서든 동일하게 실행되도록 해주는 오픈 소스 플랫폼입니다. 개발자는 도커를 사용하여 애플리케이션을 쉽고 빠르게 빌드, 배포, 실행 및 관리할 ..

function solution(n) { // count를 0으로 초기화 let count = 0; // i가 0일때 j가 0 1 2 3 4 5 돌고 // i가 1일때 j가 0 1 2 3 4 5 또돌고 // 이렇게 반복하면 6*6반복 따라서 결과값은 36 for (let i = 0; i

Firebase+Github Actions로 CI/CD구축리액트 프로젝트에 파이어베이스와 깃허브액션스를 이용하여 CI/CD 구축을 해보겠습니다. 설명하기 앞서..저는 Vite를 이용하여 React.js+TypeScript 조합으로 사용중이며 프로젝트를 이미 만든 상태에서 시작합니다. CI/CD가 뭘까? CI/CD에서 CI는 지속적 통합(Continuous Integration) CD는 지속적 제공/배포(Continuous Delivery/Deployment)를 의미합니다.소프트웨어 개발 라이프사이클을 간소화하고 가속화하는 것을 목표로 합니다.이렇게 연결된 두 사례를 일반적으로 "CI/CD 파이프라인"이라고 부릅니다. CI는 애플리케이션의 버그 수정 혹은 새로운 코드 변경이 주기적으로 빌드 및 테스트되면서..

Firebase + React Hosting리액트 프로젝트에 파이어베이스를 적용하여 호스팅을 해보겠습니다. 설명하기에 앞서..저는 Vite를 이용하여 React.js+TypeScript 조합으로 사용중이며 프로젝트를 이미 만든 상태에서 시작합니다. 파이어베이스 세팅프로젝트 만들기파이어베이스에 구글로 로그인을 하시고 위와 같이 시작하시면 될것 같습니다.먼저 프로젝트 추가를 클릭하여 프로젝트를 만들어줍니다. 저는 프로젝트 이름을 DongNol이라고 하겠습니다.따라하시는 분들은 원하시는 프로젝트 이름으로 작명하시면 되겠습니다. 애널리틱스 설정을 해줍니다.대충 설명을 드리자면 웹사이트 트래픽을 추적하고 보고하는 구글이 제공하는 서비스입니다.필수가 아닌 권장이므로 편하신대로 설정해주시면 되겠습니다.저는 나중에 테..

MockData (JSON Server) 목차글을 쓰게 된 이유소개설정 및 세팅서버접속간단한 통신해보기글을 쓰게 된 이유최근에 회사입사 과제중에 MockData(목데이터)를 사용할 일이 있어서 공부해보고 복습 및 기록하기 위해 글을 남깁니다. 소개JSON-Server는 간단한 JSON 파일을 기반으로 빠르게 mock 데이터를 생성하고 RESTful API 서버를 생성 및 설정 할 수 있는 도구입니다. 이는 프론트엔드 개발자가 백엔드 작업이 완료되기 전에 API 엔드포인트를 모방하여 개발을 진행할 수 있도록 돕습니다. JSON-Server를 사용하면 몇 분 안에 완전한 API 서버를 설정할 수 있습니다. 👨🏻‍💻 카메라 정보를 담고 추가까지 해보는 과정들을 해보겠습니다. 설정 및 세팅저는 간단하게 V..

미니프로젝트 YA 어때! 미니프로젝트로 YA놀자와 여기어때를 합친 숙박공유플랫폼을 만들게 되었습니다. https://github.com/Mini-Team-6/Mini-Team-6-Frontend GitHub - Mini-Team-6/Mini-Team-6-Frontend: 미니프로젝트 6조 프론트엔드 REPO 미니프로젝트 6조 프론트엔드 REPO. Contribute to Mini-Team-6/Mini-Team-6-Frontend development by creating an account on GitHub. github.com https://mini-6-frontend.web.app/ YA어때! mini-6-frontend.web.app 🤔이번 프로젝트는 어떤 프로젝트? 이번에 진행한 미니 프로젝트는 ..

목차 만들게 된 계기 쓰인 기술 설명 링크 만들게 된 계기 패스트캠퍼스X야놀자 프론트엔드 부트캠프 과정중에 한주 TS와 React실시간 강의 과정이 강사님 사정으로 사라져서 무엇을 하면 좋을까 하다가 JS(Dom)을 적극활용해서 뭔가를 만들어보면 실력이 늘지 않을까 싶어서 시작하게 되었다. 동네 근처에 자주가는 음식점인 피셔맨스키친에 메뉴판을 만들어보면 어떨까 해서 만들게 되었습니다. (❖그림과 내용이 일치하지 않는 것도 있습니다.) 쓰인 기술 HTML5(div, section, header ...) CSS3(Reset.css, Flex, Grid, @media query ...) JS(Array, Object, forEach(), DOMContentLoaded, map, reduce, filter, i..