단비의 코딩 공부 blog

1. html No. 구분 발신자 관련 업무 경험 획득 숙련도 요청 제목 요청일 완료일 답변상태 진행상황 내용 내용 내용 내용 0.1 내용 2023년 05월 2023년 05월 미답변 진행중 관련업무경험 내용 내용 내용 내용 내용 숙련도 내용2 내용 내용 내용 내용 완료 내용 내용 메세지 보내기 2. css table, tr, th, td{height: 44px;} th, td{padding-left: 12px; position: relative;} table{width: 100%; border-radius: 12px; border-collapse: separate; border-spacing: 0;} table .selected{background-color: #CBC8C2;} thead tr th{bo..

9. async & await - 직관적인 비 동기 처리 코드 작성하기 // async // function hello() { // return "hello"; // } function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } async function helloAsync() { await delay(3000); return "hello Async"; } async function main() { const res = await helloAsync(); console.log(res); } main(); // console.log(hello()); // console.log(helloAsync()); 10. A..

7. 동기 / 비동기 function taskA(a, b, cb) { // console.log("A 작업 끝"); setTimeout(() => { const res = a + b; cb(res); //console.log("A TASK END"); }, 3000); } function taskB(a, cb){ setTimeout(() => { const res = a * 2; cb(res); }, 1000); } function taskC(a, cb){ setTimeout(() => { const res = a * -1; cb(res); }, 2000); } taskA(3,4, (res) =>{ console.log("A TASK RESULT : ", res); }); taskB(7, (res) =>..

4. 조건문 업그레이드 function isKoreanFood(food){ //if(food === '불고기' || food === '비빔밥' || food === '떡볶이') { if(['불고기','떡볶이','비빔밥'].includes(food)) { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); // const getMeal = (mealType) => { // if(mealType === '한식')return "불고기"; // if(mealType === '양식')return "파스타"; // i..

1. Truthy & Falsy const getName = (person) => { if (person === undefined || person === null) { return "객체가 아닙니다"; } return person.name; }; let person = null; const name = getName(person); console.log(name); //////////////////////////////////////// -> const getName = (person) => { if (!person) { //false NOT => True return "객체가 아닙니다"; } return person.name; }; let person; const name = getName(perso..

1. Subquery란? - '쿼리안의 쿼리' 뜻으로 하위 쿼리의 결과를 상위 쿼리에 담아서 사용한다. 1) 간단 실습 - kakaopay로 결제한 유저들의 정보 보기 select u.user_id, u.name, u.email from users u inner join orders o on u.user_id = o.user_id where o.payment_method = 'kakaopay' // 테이블을 합친 뒤에 값들을 필터링하여 payment_method가 kakaopay인 값들을 남기는 방식 ↓ select user_id from orders where payment_method = 'kakaopay' ↓ select u.user_id, u.name, u.email from users u whe..

1. JOIN이란? - 두 테이블의 공통된 정보를 (key값)을 기준으로 테이블을 연결해서 한 테이블처럼 보는것을 의미한다. 1) join의 종류 : - left join : 테이블 A와 b의 공통되는 일부key값 - inner join : 교집합 개념 2. INNER JOIN 1)실습 (join만 사용) - inner join을 사용해서 orders 테이블에 users 테이블 연결해보기 select * from orders o inner join users u on o.user_id = u.user_id; - inner join을 사용해서 checkins 테이블에 users 테이블 연결해보기 select * from checkins c inner join users u on c.user_id = u.u..

1. 범주의 통계를 내주는 Group by select name, count(*) from users group by name; * SQL 쿼리가 실행되는 순서 : from -> group by-> select 2. Group by 연습해보기 1) 동일한 범주의 개수 구하기 select 범주별로 세어주고 싶은 필드명, count(*) from 테이블명 group by 범주별로 세어주고 싶은 필드명; 2) 동일한 범주에서 최솟값 구하기 select 범주가 담긴 필드명, min(최솟값을 알고 싶은 필드명) from 테이블명 group by 범주가 담긴 필드명; 3) 동일한 범주에서 최댓값 구하기 select 범주가 담긴 필드명, max(최댓값을 알고 싶은 필드명) from 테이블명 group by 범주가 담..