행복한 프로그램

왕십리역 근처 맛집을 방문하기 위해서 직접 이용한 주차장 정보를 공유하도록 하겠습니다. 왕십리역 근처에는 주차장은 많이 있었지만 주차료가 비교적 저렴한 주차장은 없었는데 찾다가 성동구청 주차장(정확히는 성동종합행정마을 부설주차장)이 있어서 공유드립니다. 주차장 정보 장소 : 성동구청 주차장 (성동종합행정마을 부설주차장) 주차료 최초 1시간 1,000원 이후 시간당 3,000원 왕십리역에서 도보 2분 https://naver.me/FuE64RfH 성동구의회지하주차장입구 : 네이버 m.place.naver.com HTML 삽입 미리보기할 수 없는 소스 개인 평가 방문 시각 : 일요일 15:00 ~ 16:00 주차료 : 저렴한 편 주차장 복잡도 : 낮음 주차 난이도 : 낮음 주차장 모습 실제로 촬영한 주차장..

ArgoCD Project 는 ArgoCD Application 의 논리적 그룹입니다. 수 많은 ArgoCD Application 들을 그룹화하고 Application 들의 검색을 용이하게 하고 권한을 설정하여 조회, 생성, 변경, 삭제를 제어할 수 있으며 Application 소스의 원천이 되는 Repositories 를 제한하거나 Application 이 기동되는 Kubernetes 클러스터를 제한할 수 있습니다. ArgoCD Repositories, Application 에 대해서 궁금 하시다면 이전 글을 참조 해주세요. ArgoCD Repositories 설정하기 ArgoCD Application 생성하기 기본 Project 처음 ArgoCD 를 설치하고 기본적으로 생성된 default Proje..

ArgoCD 에는 Kubernetes 리소스들을 그룹으로 묶어서 관리하고 있습니다. 이를 Application 이라고 하는데, ArgoCD 에서 제공하는 Kubernetes CRD 입니다. Application 을 잘 작성하면 Service, Pod, ConfigMap 등을 그룹 단위로 관리할 수 있고 쉽게 유지보수 할 수 있는 장점이 있습니다. 이전에 작성한 ArgoCD Repositories 설정하기 글에서 샘플 매니페스트를 이미 작성하였는데, 이를 기반으로 Application 을 생성하는 과정을 설명하도록 하겠습니다. Application 생성하기 ArgoCD 에 로그인 한 후 Applications 대시보드로 진입합니다. +NEW APP 혹은 CREATE APPLICATION 버튼을 눌러서 생성..

ArgoCD helm 으로 설치하기 에 이어서 ArgoCD 설정을 본격적으로 시작하도록 하겠습니다. 실제로 Kubernetes 리소스가 실행되기 위해서는 ArgoCD Core Concepts 에서 설명하는 것처럼 Applications 을 생성 해야합니다. 이에 앞서 어떤 Kubernetes 클러스터에 어떤 소스를 바탕으로 Applications 가 생성이 될 지 명시가 필요하기 떄문에 설정이 필요합니다. 또한 Projects 라는 ArgoCD 에서 특정 조건으로 권한을 제어하거나 구분할 수 있도록 제공하는 설정도 함께 필요합니다. GitHub, GitLab, Bitbucket 모두 연결할 수 있지만 GitHub 의 ssh, https 로 연결하는 방법으로 알아보도록 하겠습니다. GitHub Privat..

ArgoCD 는 공식 문서에 잘 나와있는 것처럼 Kubernetes 를 위한 선언적 GitOps 지속적 배포 도구입니다. Kubernetes 매니페스트를 특정 저장소에 잘 정의해서 올려놓으면 Deployment, Service, Ingress, ConfigMap 등을 생성해주고, 지속적으로 모니터링하면서 변화를 관찰하며 변경 사항을 자동으로 반영해주는 아주 고마운 도구입니다. 이러한 고마운 도구를 천천히 알아가보고자 먼저 설치하는 방법을 진행하도록 하겠습니다. 설치 환경 Mac M1 Kubenetes in Docker Deskop Mac 에서 Docker Desktop 으로 Kubernetes 사용하기 Helm 3 https://helm.sh/docs/intro/install/ 설치 진행 helm rep..

로컬에서 Kubernetes 사용하는 방법은 다양합니다. 여러 가지 방법 중 Docker Desktop 으로 Kubernetes 를 설치하고 간단한 Nginx 이미지를 갖는 파드를 설치해서 접속하는 과정을 설명하도록 하겠습니다. Mac Specification 현재 제가 소유하고 있는 Mac 사양은 다음과 같습니다. Apple M1 칩 16GB 메모리 Mac OS Ventura 13.0.1 Docker Desktop 설치 다음의 사이트에서 Mac with Apple silicon 을 선택해서 설치할 수 있습니다. ㄷ또한 Intel 칩의 경우 Mac with Intel chip 을 선택해서 설치할 수 있습니다. https://docs.docker.com/desktop/install/mac-install/ ..

설명 상품 클릭 시 상품의 상세한 내용을 보여주는 기능을 구현하도록 하겠습니다. Database data.sql 테스트를 위해서 discount 값을 수정합니다. ... -- 청바지 INSERT INTO product (name, price, description, image_url, color, size, category_id, discount, create_timestamp, update_timestamp) VALUES('Blue Jeans', 39800, '일자 청바지입니다.', '/images/pants-2.png', 'Blue,Black', '28,29,30,31,32,33,34', 103, 10, CURRENT_TIMEST..

설명 메뉴 선택 시 해당 메뉴에 해당하는 상품의 목록들을 조회하는 기능을 구현 해보겠습니다. 데이터베이스 스키마 이전 글을 참조해서 생성을 진행합니다. 포스팅 하면서 지속적으로 업데이트 하고 있습니다. 데이터베이스 모델 설계 데이터 상품 데이터를 추가합니다. 더 많은 데이터를 추가하시고 싶으신 경우 데이터 모델에 맞게 추가하시면 됩니다. ---- product ---- -- 티셔츠 INSERT INTO product (name, price, description, image_url, color, size, category_id, discount, create_timestamp, update_timestamp) VALUES('Color T-shirts', 29800, '남녀 공용으로 ..

설명 데이터베이스와 연동하여 메뉴 구성을 진행 해보겠습니다. 스키마 생성 후 초기 데이터를 미리 생성 해두고 어플리케이션에서 데이터를 이용하여 메뉴 구성을 진행 합니다. 데이터베이스 스키마 이전 글을 참조해서 생성을 진행합니다. 데이터베이스 모델 설계 데이터 초기 데이터를 아래의 SQL로 생성 합니다. -- 의류 INSERT INTO category (id, id_parent, title, icon, description, create_timestamp, update_timestamp) VALUES(1, 0, '의류', 'fas fa-tshirt', '의류', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP); INSERT INTO catego..

설명 보통 상품 상세를 보기 위해서 상품의 이미지 혹은 글자를 클릭하여 상세 페이지로 이동을 합니다. main.html 페이지에서 상품 클릭 시 상품 상세를 보기 위해서 product.html 페이지로 이동하도록 해볼게요. Front-End index.html 일부 ... ...기존에는 th:include 부분에 html 페이지 경로를 직접 주었습니다. 화면을 동적으로 로딩하기 위해서 Back-End 에서 template 라는 Key 로 저장이 되어 전달 받은 값을 받도록 변경 하였습니다. main.html 일부 ... Color T-shirts [90-105] 19,800원 ...이미지 혹은 글자 클릭 시 Back-End 에서 /product URL을 호출하도록 합니다. product.html 티셔츠 ..