진수의 시간은 거꾸로 흘러간다. IT 성장 블로그 진수의 시간은 거꾸로 흘러간다. IT 성장 블로그

더보기 -- 전체 조회 SELECT * FROM transactions ; -- A. 거래 내역의 총합은? SELECT SUM(amount) -- amunt 컬럼의 총합을 계산 FROM transactions ; -- B. 최대 거래 금액과 최저 거래 금액은? SELECT MAX(amount), -- 최대 거래 금액 min(amount) -- 최소 거래 금액 FROM transactions ; -- C. “Google”과 거래한 총 횟수는? SELECT -- 3 COUNT(*) FROM -- 1 transactions WHERE msg = 'Google' -- 2 ; -- D. 거래 내역의 평균 금액은? SELECT ROUND(AVG(amount),2) -- 평균값 계산 후, 소수점 이하 둘째자리에서 반..

예시 더보기 -- 학생 테이블 생성 CREATE TABLE students ( id INTEGER, -- 학생 id nickname VARCHAR(50), -- 닉네임 math_score INTEGER, -- 수학 성적 english_score INTEGER, -- 영어 성적 programming_score INTEGER -- 프로그래밍 성적 ); -- 학생 레코드 추가 INSERT INTO students(id, nickname, math_score, english_score, programming_score) VALUES (1, 'Sparkles', 98, 96, 93), (2, 'Soldier', 82, 66, 98), (3, 'Lapooheart', 84, 70, 82), (4, 'Slick', ..

-- 주석: 실행되지 않는 쿼리(설명을 위함) -- 테이블 생성 쿼리(SQL 명령) CREATE TABLE burgers ( id INT, -- id(숫자) name VARCHAR(50), --이름(최대 50글자) price INT,-- 가격(숫자) gram INT, -- 무게(숫자) kcal INT, -- 열량(숫자) protein INT -- 단백질량(숫자) ); -- 생성 쿼리#1 INSERT INTO burgers(id, name, price, gram, kcal, protein) VALUES (1, '행운버거 골드 스페셜', 6000, 227, 699, 26) -- 행운버거 어서오고 ; -- 생성 쿼리#2 INSERT INTO burgers(id, name, price, gram, kcal, p..

1. async 란 - 비동기 처리를 위한 문법 - 특정 함수가 Promise를 반환하게 함 - 기존 프로미스보다 더 간결한, 직관적인 코드 작성가능 2. await 란 - 비동기 처리 결과를 기다리게 함 - async 함수 내부에서만 사용 가능 - 프로미스 체이닝을 간결하게 개선(가독성 증가) 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} 'use strict'; // 1. async 란 // - 비동기 처리를 위한 문법 // - 특정 함수가 Promise를 반환하게 함 // - 기존 프로미스보다 더 간결한, 직관적인 코드 작성가능 // 비동기 함수, Proimse 활용(군더더기가 많은 코드) function myPromise() ..

Callback Hell 을 탈출하기 위해서는 Promise를 사용해야함. Promise란 CallBack Hell 을 탈출하기 위한 객체다. - 기존 CallBack 함수 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} 'use strict'; // 주문하기 function orderAPI(doNext) { setTimeout(() => { // 비동기 함수 console.log("[주문] 완료!"); doNext(); }, 1000); } // 결제하기 function paymentAPI(doNext) { setTimeout(() => { console.log("[결제] 완료!"); doNext(); }, 1000); } // 배달..

- 동기 방식 : 결과를 확인해야만 넘어가는 방식 - 비동기 방식 : 결과를 기다리지 않고 다음 단계로 넘어감. 이를 통해 지연시간을 최소화 시킴 (순서가 보장 된것에 대한 것은 주의 해야함 ) => 그러므로 Callback 함수를 사용 - 코드 예시 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} 'use strict'; // 1. 동기 함수(synchronous function) // - 순차적으로 수행되는 함수 // - 결과물을 받아야만, 다음을 진행할 수 있음 // - 👍 장점: 실행 흐름 파악, 쉬움 // - 👎 단점: 대기시간 누적으로, 처리지연 증가 // 동기적 시간 지연 함수(수행이 끝날때까지, 해당 함수에 머무름) fu..

- 자바스크립트 API 유용한 사이트 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org - 코드 리뷰 출저: 홍팍 (https://www.youtube.com/@hongpark) 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // Web API란 // - 웹 개발을 돕는, 잘 만들..

- 예시 더보기 // 1. DOM 이란 // - 브라우저가 웹페이지를 JS 객체화 하는 방식 // - 이를 위해 제공되는 대표 객체가 document // - document: 웹페이지 문서 정보를 모두 지니는 객체 // docuemnt 객체 둘러보기 console.log(document); console.log(document.title); console.log(document.URL); // 웹페이지 제목 변경 document.title = "동적 웹페이지 만들기"; - 코드 리뷰 더보기 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 1. DOM 이란 // - 브라우저가 웹페이지를 JS 객체화 하는 방식 /..