전체 글

모르는 내용 및 아는 내용 모두 꼼꼼히 복습하여 익숙해지는 그 날까지 꾸준히 공부하겠습니다.
Spring Framework/JPA

[JPA] JPA 영속성 전이란, CASCADE.ALL 사용법, 연관관계 편의 메소드란

영속성 전이란 : CASCADE - 특정 엔티티를 영속 상태로 만들 때 연관된 엔티티도 함께 영속 상태로 만들어 주는 것을 의미합니다. 위의 예시로 Parent와 Child는 1:N 관계로 매핑되어 있습니다. Child 엔티티는 한 Parent와 연결되어 있습니다. 이때 Parent 엔티티를 저장할 때 연관된 자식 엔티티도 함께 저장하는 것을 영속성 전이라 합니다. 영속성 전이 : CASCADE 주의 영속성 전이는 연관관계를 매핑하는 것과 관련이 없습니다. 엔티티를 영속화할 때 연관된 엔티티도 함께 영속화하는 편리한 기능만 제공하는 것입니다. CASCADE 종류 ALL : 모두 적용 PERSIST : 영속 REMOVE : 삭제 MERGE : 병합 REFRESH : 리프레쉬 DETACH : DETACH 모..

Infra/Docker

[Docker] springboot와 vue, mysql 배포부터 연동까지

사전 작업 (배포에 필요한 것들) springboot 프로젝트 Vue.js 프로젝트 Docker Hub 회원가입 로컬 PC에 Docker 설치 제가 작성한 도커 배포하는 방법 보시고 시간 절약 하세요.. ㅠㅜㅠ 1-1. Springboot 프로젝트 Dockerfile 설정하기 // JAVA 11 기준 FROM openjdk:11 ARG JAR_FILE=./build/libs/*.jar COPY ${JAR_FILE} app.jar ENTRYPOINT ["java","-jar","/app.jar"] application.yml (데이터베이스 설정 부분 주목) # database spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver # spring ..

Infra/Docker

[Docker] 도커 허브 연결하기, 도커 컴포즈 docker-compose 파일 작성하기

도커 허브란 ⭐ 도커 제작사에서 운영하는 공식 도커 레지스티리 도커 레지스트리 도커 이미지를 저장하고 관리하는 중앙 저장소로서 동작하는 서버 도커 이미지를 업로드, 다운로드, 검색, 삭제 등의 작업을 수행 ⇒ 도커 이미지를 공유하고 배포하기 위해 사용 레포지토리 도커 이미지의 집합을 나타내는 공간 이미지의 다양한 버전을 관리하고 구분 태그 도커 이미지의 버전을 식별하기 위한 라벨 이미지의 특정 버전을 구분하고 관리하는 데 사용 레지스트리_주소(도커 허브는 ID)/레포지토리_이름:버전 이미지에 태그를 부여해 복제하는 명령어 docker tag [기존_이미지_이름] [레지스트리_주소]/[레포지토리_이름]:[태그] 명령어 실행 후 기존 이미지와 태그가 부여된 이미지가 둘 다 존재 이미지를 업로드하는 명령어 ⭐..

Infra/Docker

[Docker] 도커 기본 명령어, 명령어 정리

도커 명령어 컨테이너를 다루는 명령어는 ‘docker’ 명령어로 시작 도커 명령어의 기본 형태 docker 커맨드(상위/하위) (옵션) 대상(이미지) (명령어) (인자) 커맨드(상위/하위) 무엇을, 어떻게에 해당하는 부분 커맨드는 상위 커맨드(무엇을)와 하위 커맨드(어떻게)로 구성 docker container start penguin 옵션 커맨드에 세세한 설정을 지정하는 용도 커맨드의 실행 방법 또는 커맨드에 전달할 값을 지정 -d, - - name penguin, -dit 대상(이미지) 커맨드와 달리 구체적인 이름을 지정 docker container start [옵션] penguin 명령어 인자 대상에 전달할 명령어와 인자 값을 전달 문자 코드 또는 포트 번호 등을 전달 가능 docker run -..

Infra/Docker

[Docker] 도커란 도커 장점, 컨테이너 및 도커 엔진 이해하기

Docker란 ⭐ 컨테이너 개념을 도입해서 데이터/프로그램을 격리시키는 기능을 제공하는 SW 컨테이너 환경을 손쉽게 만들 수 있는 기능과 각 컨테이너를 손쉽게 동작할 수 있는 도커 엔진 제공 Linux 컨테이너와 VM 크기 및 패키징 컨테이너 : 메가바이트 단위의 크기, 애플리케이션과 그 실행에 필요한 최소한의 파일만 포함. 종종 단일 기능을 수행하는 마이크로서비스를 컨테이너에 패키징함 VM : 기가바이트 단위의 크기, 자체 운영 체제를 포함함. 여러 리소스 집약적인 작업을 동시에 수행할 수 있으며, 전체 서버, OS, 데스크탑, 데이터베이스, 네트워크 등을 추상화, 분할, 복제 에뮬레이션함 이동성 및 확장성 컨테이너 : 경화 속성과 공유 운영 체제로 인해 여러 환경 간에 쉽게 이동할 수 있으며, 확장이..

Web

[HTML] checkbox를 통해 여러 개의 값 전달하기 - from, input

웹 애플리케이션을 개발하다 보면 checkbox를 통해 동의 여부와 같이 사용자에게 선택을 요구하는 경우가 있습니다. 저는 쇼핑몰 사이트를 개발하면서 관리자 입장에서 구매 내역을 관리하면서 결제 여부, 취소 여부, 환불 여부를 관리하는 부분에 있어 헷갈렸던 부분을 기록하고자 합니다. 관리자 구매 내역 수정 상품명 : 구매자 : 가격 : 수량: PayYN Cancel Refund 주문 수정 체크박스는 로 구현되어 있습니다. 기존의 데이터 값이 'Y'이면 input 태그에 'checked'가 적용되며 아닌 경우에는 '' 빈 값이 적용되어 체크 되지 않은 상태로 보이게 됩니다. 의문이었던 점 type = 'checkbox'인 input 태그는 선택되지 않은 경우에는 어떤 값이 전달될지 궁금했습니다. value..

Web

[JS] javascript 장바구니 기능 구현, Node.js 여러 개의 상품 결제 - form 컬렉션 전송

쇼핑몰과 서점 애플리케이션을 사용하다 보면 장바구니 기능을 볼 수 있습니다. 보통 form 태그를 통해 안에 작성된 input 태그들을 하나의 묶음으로 전송하여 처리하곤 했습니다. 하지만, 장바구니와 같이 form 태그로 묶어서 전달해야 하는 데이터가 1개가 아닌 여러 개 일 때 어떻게 해야 될지 의문이었습니다. 결론 : 1) js 문법을 이용하여 사용자가 (동적) (체크박스)를 선택한 데이터를 확인합니다. 2) 이를 서버에 json 형태로 전달해주고, 서버에서는 json 데이터를 반복문을 통해 DB에 쿼리를 전송합니다. form 태그는 보통 서버에 데이터를 전송할 때 사용합니다. 주로 사용하는 속성으로 action과 method가 있습니다. action은 전송할 서버의 주소를 담고 있습니다. metho..

Web

[JS] Javascript 동적으로 데이터 불러오기, select 태그 사용하여 동적인 웹 사이트 구현

Node.js를 공부하면서 select 태그를 통해 상품을 선택할 때마다 해당하는 데이터의 정보를 동적으로 변경하고 싶었습니다. 데이터의 정보를 조회하기 위해서는 1) 선택된 상품의 pk값을 서버에 전달합니다. 2) 서버 측에서는 pk를 통해 데이터베이스에서 조회합니다. 3) 데이터베이스에서는 요청한 값을 서버로 반환합니다. 4) 서버에서 이를 다시 html에 적용하여 사용자들에게 보여줍니다. 상품 선택: 상품명 : 브랜드 : 가격 : 수량: 결제 장바구니 상품 준비중 select 태그 안에 option 태그는 value로 각 상품의 pk를 가지고 있고 ( list[i].mer_id ), 사용자에게는 상품의 이름 ( list[i].name )을 보여주고 있습니다. 이때 option 태그에서 원하는 데이터..

kylo
오늘도 열심히 - BE