console.log( 변수 ) console.log(변수) // 괄호 안의 값을 콘솔창에 출력해준다. console.log(변수1, 변수2) // 여러 변수를 한번에 출력도 가능 변수 선언 let let num = 20 // 지금부터 num 은 20 이다. 최초 선언 시 let을 사용하여 선언 num = 'bob' // 한번 선언했으면, 다시 선언하지 않고 값을 입력 사칙연산 let a = 1 let b = 2 a+b // 3 a/b //0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 리스트 순서를 지켜서 가지..
SUBSTRING_INDEX 문자열을 어느 한 기준으로 갈라줄 때 - substring_index(필드값, '기준', 가져 올 부분) (파이썬의 split() 함수와 비슷한 느낌) ex) 이메일 주소에서 아이디 부분만 필요할 때 SELECT SUBSTRING_INDEX(email, '@', 1) from users ex) 이메일 주소에서 도메인 부분만 필요할 때 SELECT SUBSTRING_INDEX(email, '@', -1) from users SUBSTRING 문자열 중 일부분만 필요할 때 - substring(필드값, '시작할 위치', '갯수') (파이썬의 문자열 인덱싱과 비슷한 느낌) (yyyy-mm-dd tt:mm:ss)를 값으로 갖는 필드값에서 ex) mm-dd 만 가져오기 select s..
with절 subquery가 너무 많아서 알아보기 힘들 때 사용 서브쿼리가 많아져서 지저분해 보임 select c.title, a.cnt_checkins, b.cnt_total, (a.cnt_checkins/b.cnt_total) as ratio from ( select course_id, count(distinct(user_id)) as cnt_checkins from checkins group by course_id ) a inner join ( select course_id, count(*) as cnt_total from orders group by course_id ) b on a.course_id = b.course_id inner join courses c on a.course_id = c...
Subquery 쿼리 안의 쿼리라는 의미 하위 쿼리의 결과를 상위 쿼리에서 사용하면, SQL 쿼리가 훨씬 간단해짐. Subquery를 사용하지 않아도 원하는 데이터를 얻어낼 수 있겠지만, 더 편하고 간단하게 얻기 위해 사용 1. where 에 들어가는 경우 where 필드명 in (subquery) select u.user_id, u.name, u.email from users u where u.user_id in ( select user_id from orders where payment_method = 'kakaopay' ) 실행 순서 (1) from 실행: users 데이터를 가져와줌 (2) Subquery 실행: 해당되는 user_id의 명단을 뽑아줌 (3) where .. in 절에서 subqu..
Union Select를 두 번 할 게 아니라, 한번에 모아서 보고싶을 때 ex) 7월의 자료 select '7월', c1.title, c2.week, count(*) as cnt from courses c1 inner join checkins c2 on c1.course_id = c2.course_id inner join orders o on c2.user_id = o.user_id where o.created_at < '2020-08-01' group by c1.title, c2.week order by c1.title, c2.week 8월의 자료 select '8월', c1.title, c2.week, count(*) as cnt from courses c1 inner join checkins c2..
Join 여러 정보를 한 눈에 봐야할 때 테이블과 테이블을 하나의 공통된 키값을 기준으로 연결해주는 기능 엑셀의 vlookup과 동일 Join의 종류 1. Left Join 어떤 데이터는 모든 필드가 채워져있지만, 어떤 데이터는 비어있는 필드가 있다. 이를 모두 표시하고 싶을 때 사용 ex) select * from users u left join point_users p on u.user_id = p.user_id; 2.Inner Join 두 테이블에서 모두 가지고 있는 데이터만 출력하고 싶을 때 사용 ex) select * from users u inner join point_users p on u.user_id = p.user_id; 연습 1. inner join을 사용하여 orders 테이블에 u..
쿼리가 점점 길어지고 복잡해지게 되면 혼동이 올 수 있다. 그럴때 사용하는 것이 Alias라는 별칭을 지어주는 기능이다. ex) 테이블명 뒤에 붙이는 경우 orders o select * from orders o where o.course_title = '앱개발 종합반' ex) 출력될 필드에 별칭을 붙이는 겨우 count(*) as cnt => Alias(as)를 붙이게 되면 별칭(cnt)로 출력이 되며 호출할 때도 별칭으로 호출할 수 있음. select payment_method, count(*) as cnt from orders o where o.course_title = '앱개발 종합반' group by payment_method
1. bootstrap 미리 만들어 놓은 좋은 CSS들을 모아둔 프레임워크. 다른 사람들이 미리 만들어 놓은 CSS를 내 HTML 파일에 적용하는 것이기에, style시트 파일 분리와 원리가 동일. 2. 사용법 - https://getbootstrap.com/docs/5.2/getting-started/introduction/ 겟부트스트랩이라는 사이트에서 시작할 수 있는 코드를 만들어 놓았다. 해당 코드를 그대로 옮겨서 사용하면 된다. Hello, world! 3. CSS 가져오기 2번의 링크에서 마음에 드는 CSS를 찾아 코드를 복사한다. 부분에 붙여넣는다. Hello, world! # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry ..
부분이 너무 길어지면, 보기가 어려워집니다. 이때 파일을 따로 분리해둘 수 있습니다. ~ 안쪽에 있는 부분을 복사 스타일 시트에 붙여넣는다. ~ 대신에 아래 코드를 위와 같이 입력한다. (본인이 설정한 css파일 이름을 집어넣으면 됨)
