![]()
✅ Mixin mixin을 사용하면 mixin의 모든 옵션이 → mixin을 사용하는 컴포넌트에 혼합됨 (mixin의 script에서 사용되는 모든 옵션 다 혼합됨! import, created...등등) mixin과 사용하는 컴포넌트에 중첩되는 옵션이 있으면 : 컴포넌트의 옵션이 우선하여 적용된다. mixin에 정의된 함수(Hooks)가 컴포넌트에 정의된 함수보다 먼저 호출된다. // MyMixin.js export default { created() { console.log("My mixin"); }, }; // Component.vue // 결과 : My mixin , component1 ✅ 전역 Mixin - mixin을 전역으로 사용할 수 있다. - 전역 mixin은 사용자 지정 옵션 처리에만!..
✅ 문제 center값이 바뀌면 자식 컴포넌트에서 이벤트 버스를 받아 로직을 처리해야 하는데 자식 컴포넌트에서 이벤트 버스가 받아지지 않았다. - Parent.vue watch{ center(){ this.$bus.$emit("eventBus") } } - Childrun.vue created: async function() { ... await this.method(); this.$bus.$on("eventBus", this.someMethod); ... }, ✅ 이유 : vue에서 이벤트 버스를 할 때 이벤트 바인딩을 늦게하기 때문에! await는 프로미스가 resolve 될 때 까진 그 뒤의 로직은 실행되지 않고 대기중이다. 때문에 Childrun 컴포넌트가 create 될 때 await 뒤에 ev..
JavaScript에서 성능 측정을 위해 사용되는 메서드입니다. 이 메서드를 사용하면 코드의 실행 시간을 측정할 수 있습니다. performance.now()는 현재 시간을 나타내는 타임스탬프를 반환하며, 밀리초 단위로 정밀도가 높습니다. 예제 // 성능 측정 시작 var startTime = performance.now(); // 측정하려는 작업(함수실행) function() // 성능 측정 종료 var endTime = performance.now(); // 실행 시간 계산 (밀리초 단위) var duration = endTime - startTime; console.log("작업 소요 시간: " + duration + "밀리초"); 위 예제에서는 performance.now() 를 사용하여 작업의 ..
![]()
✅ data함수가 일반 function 일 때 vue에서 data함수를 정의할 때 this가 vue 인스턴스 객체를 가리키는게 중요함. 일반적인 function함수를 사용하면 this는 new Vue()에서 new 키워드로 생성한 인스턴스 객체인 "vue인스턴스 객체"를 가리키게 됨. data() { console.log("this", this); // VueComponent return { list: [{},{}] } }; ✅ data함수가 arrow function 일 때 THIS arrow함수 사용하면 this는 상위 스코프의 this를 가리키게 됨. 따라서 vue인스턴스 객체가 있는 상위 스코프(전역 객체)를 가리키게 되어 undefined가 나오는 것임. data: () => { console...
![]()
✅문제 https://school.programmers.co.kr/learn/courses/30/lessons/131532 ✅풀이 [나의 풀이] 1. 두 테이블을 USER_ID 기준으로 조인한 후, 성별이 null이 아닌 것만 조회 2. 이후 SALES_DATE를 년 기준으로, 같다면 월기준으로, 같다면 성별 기준으로 그룹화하여 중복 삭제하면서 3. USER_ID를 카운트 한다. 이때 같은 년,월에 중복되는 USER_ID가 있다면 카운트 제외 4. 이후 년,원,성별 순으로 카운트 SELECT YEAR(O.SALES_DATE) as YEAR, MONTH(O.SALES_DATE) as MONTH , U.GENDER, count(distinct U.USER_ID ) as USERS from USER_INFO ..
✅ 문제 https://school.programmers.co.kr/learn/courses/30/lessons/62284 ✅ 풀이 [나의 풀이] SubQuery - 인라인뷰 방식(from절에 서브쿼리 사용) 1. NAME이 yogurt인 것만 조회한 테이블(Y)을 만든다. 2. NAME이 milk인 것만 조회한 테이블(M)을 만든다. 3. 두 테이블 간에 card_id가 같은 것을 조건으로 조인한다. 4. 조인된 테이블에서 cart_id값 조회 => 인라인뷰로 테이블을 두개를 따로 만들었는데, 하나의 서브쿼리로도 충분히 계산할 수 있기 때문에 비효율적인 코드라 생각됨. select M.CART_ID from (SELECT * from CART_PRODUCTS where NAME = 'Yogurt') Y..
sql문에서 변수를 크게 3가지로 나눌 수 있다. 1. 사용자 정의 변수 2. 지역 변수 3.시스템 변수 (아직 사용자 정의 변수만 공부함.) [Mysql] 사용자 정의 변수 : Mysql워크벤치가 종료되면 변수 선언이 없어짐. 변수는 임시로 사용되는 될 뿐임. 1. 기본 형태 SET @변수명 = 변수값; -- 변수 선업 SELECT @변수명; -- 변수 사용 2. 예제 -- 변수 선언 set @var1 = 5; set @var2 = 4.25; -- 변수 사용 select @var1 -- 5; select @var1 + @var2; -- 9.250000000000000000000000000000; -- 변수 선언 set @txt = '가수 이름은? : '; set @height = 165; -- 변수 사..
정수형 1. 종류 TINYINT(1바이트) : -128~127 범위의 숫자를 표현할 수 있다. SMALLINT(2바이트) : -32768~32767 INT(4바이트) : 약-21억 ~ 21억 BIGINT(8바이트) : 약 -900경 ~ 900경 CREATE table numbers( tinyint_col TINYINT, -- -128~127 범위의 숫자를 표현할 수 있다. smallint_col SMALLINT, -- -32768~32767 int_col INT, -- 약-21억 ~ 21억 bigint_col BIGINT -- 약 -900경 ~ 900경 ); -- 입력가능한 최대 숫자 크기 INSERT INTO numbers VALUES(127,32767,2147483647,9000000000000000..
![]()
[문제] https://school.programmers.co.kr/learn/courses/30/lessons/157342 [풀이] 1. CAR_ID와 각 행별 대여기간을 구한 인라인 뷰 테이블을 만든다. (from 절에서 서브쿼리) 2. 이후 group by로 car_id별로 묶은 후 평균 대여일을 구하는데 3. 그 결과에서 having으로 7일 이상인 데이터만 필터한다. 4. select문에서 그 평균 값을 ROUND로 반올림 해주고 5. 정렬해준다. select CAR_ID, ROUND(AVG(dif),1) as AVERAGE_DURATION from (select CAR_ID, (datediff(END_DATE,START_DATE)+1) as dif from CAR_RENTAL_COMPANY_R..
![]()
DB , Table 생성하기 데이터베이스 개체 : 테이블 인덱스, 뷰, 스토어 프로시저 - 개체 생성시 : create ~~ - 개체 삭제시 :drop ✔️ DB 생성, 테이블 생성 DROP DATABASE IF EXISTS market_db; -- 만약 market_db가 존재하면 우선 삭제한다. CREATE DATABASE market_db; -- market_db라는 데이터베이스 생성 USE market_db; -- db명 더블클릭 한 것과 같음. ✔️ 테이블 생성 CREATE TABLE member -- member 테이블 생성 ( mem_id CHAR(8) NOT NULL PRIMARY KEY, -- 사용자 아이디(PK) mem_name VARCHAR(10) NOT NULL, -- 이름 mem_..
