vue에서 반응형 상태를 나타내는 방법에는 ref와 reactive가 있다.공식 문서reactive() {{ state.count }}   - 객체, 배열 그리고 Map이나 Set과 같은 컬렉션 유형에만 작동string, number 또는 boolean과 같은 기본 유형에 사용할 수 없음 - .value 붙이지 않아도 된다. - 첫 참조에 대한 반응형 연결이 손실되기 때문에 반응형 객체를 쉽게 "교체"할 수 없음let state = reactive({ count: 0 })// 위에서 참조한 ({ count: 0 })는 더 이상 추적되지 않습니다. (반응형 연결이 끊어졌습니다.)state = reactive({ count: 1 })ref()import { ref } from 'vue'const ..

vue에서 사용하는 prop과 provide inject에 대해 다시 한번 정리해보려고 한다.공식 문서props일반적으로 부모에서 자식 컴포넌트로 데이터 전달 시 사용 (하향식 단방향 바인딩)부모 컴포넌트가 업데이트될 때마다 자식 컴포넌트의 모든 props가 최신 값으로 업데이트 명시적인 props 선언을 요구하는데, 이렇게 함으로써 외부에서 컴포넌트에 props를 넘길 때 어떤 속성이 폴스루 속성으로 처리되어야 하는지 알 수 있다 타입을 지정하는 것은 컴포넌트를 가독성이 좋게 문서화하는데 도움이 되며, 컴포넌트를 사용하는 다른 개발자가 잘못된 유형을 전달할 때에 브라우저 콘솔에 경고를 출력defineProps({ title: String, likes: Number}) 긴 속성명 선언 시 camelC..

현재 부트캠프에서 만들었던 프로젝트를 리팩토링 하는 중이다.결제 기능을 만들었는데, 단순 버튼 클릭으로 구현해서 아쉬움이 있었다. 그래서 무료로 제공하는 결제 api를 사용해서 공부해보려고 한다.아임포트(I'mport)- 현재는 포트원으로 이름이 바뀌었다 - PG사 결제모듈에 대한 연동 개발을 진행할 때, 다양한 개발환경에서 보다 쉽고 빠르게 개발할 수 있도록 제공되는 결제 플랫폼 혹은 결제 호스팅 서비스  PG(Payment gateway)- 온라인 쇼핑몰의 경우, PG사와의 계약을 통해 전자결제서비스를 구축해야만 거래가 가능- PG사는 신용카드사와 직접 계약하기 어려운 온라인 쇼핑몰을 대신해 결제와 정산 업무를 대행해 주는 업체- PG사와 계약을 하면, 카드결제, 휴대폰 결제, 계좌이체, 무통장입금 ..

문제정답가장 나중에 끝난 렌탈 기록을 확인하기 위해 MAX를 사용해야 하는지 몰라서 틀렸다.SELECT CAR_ID,MAX(CASE WHEN '2022-10-16' BETWEEN TO_CHAR(START_DATE, 'YYYY-MM-DD') AND TO_CHAR(END_DATE, 'YYYY-MM-DD') THEN '대여중' ELSE '대여 가능' END) as AVAILABILITYfrom CAR_RENTAL_COMPANY_RENTAL_HISTORYgroup by CAR_IDorder by 1 desc; START_DATE  MAX() : CASE 문에서 반환된 값(문자열) 중 가장 큰 값을 선택 -> 여기서 '대여중' > '대여 가능'(문자열 비교 기준)으로 작동하므로, 해당 자동차가 대여 중인 경우 결..

문제 설명 문제정답select c.car_id, c.car_type, (c.daily_fee*((100-d.DISCOUNT_RATE)/100))*30 as feefrom ( SELECT a.car_id, a.car_type, a.daily_fee from CAR_RENTAL_COMPANY_CAR a where a.car_id not in ( select car_id from CAR_RENTAL_COMPANY_RENTAL_HISTORY where to_char(START_DATE, 'YYYYMMDD') = '20221101' ) and a.CAR_TYPE in ('세단','SUV') ) c,CAR_RENTAL_COMPANY_DISCOUNT_PLAN dwhere c.CA..

깃허브에 레포지토리 생성 VSCode 설정Initialize Repository 클릭 깃허브 레포지토리 주소 복사해서 vscode terminal에서 명령어 실행git remote add origin  commit & push참고https://velog.io/@blair-lee/VSCode%EC%97%90%EC%84%9C-Github-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%A7%B1%EC%89%AC%EC%9B%80%E3%85%8B%E3%85%8B

문제기존 답안class Solution { public int[] solution(int[] numbers) { int[] result = new int[numbers.length]; for (int i = 0; i Stream 사용import java.util.Arrays;class Solution { public int[] solution(int[] numbers) { return Arrays.stream(numbers).map(i -> i * 2).toArray(); }} numbers 배열을 스트림(Stream)으로 변환Arrays.stream(numbers)  스트림(Stream): 데이터의 연속적인 흐름으로, Java에서 데이..

bootstrap 설치npm i bootstrap package.json에서 확인 가능main.js에 import 추가하기import "bootstrap/dist/css/bootstrap.min.css"import "bootstrap"참고https://bongra.tistory.com/116

문제 설명문제7월 아이스크림 총 주문량과 상반기의 아이스크림 총 주문량을 더한 값이 큰 순서대로 상위 3개의 맛을 조회하는 SQL 문을 작성해주세요.결과 예시 풀이 과정기존에 문제를 풀었을 때 틀렸다.SELECT FLAVORFROM (SELECT f.FLAVOR FROM FIRST_HALF f JOIN JULY j ON f.SHIPMENT_ID = j.SHIPMENT_ID GROUP BY f.FLAVOR ORDER BY SUM(f.TOTAL_ORDER) + SUM(j.TOTAL_ORDER) DESC )WHERE ROWNUM  "같은 아이스크림에 대하여 서로 다른 두 공장에서 아이스크림 가게로 출하를 진행하는 경우가 있습니다. 이 경우 같은 맛의 아이스크림이라도 ..