대상 지정하기 - $('#대상') id 값이 "대상" 인 것을 지정한다. input 박스의 값을 가져오기 - $('#대상').val() // 크롬 개발자도구 콘솔창에서 쳐보기 // id 값이 url인 곳을 가리키고, val()로 값을 가져온다. $('#url').val(); // 반대로 입력할때는? val() 괄호 안에 내용을 입력한다 $('#url').val('내용을 입력하자'); 숨기기 / 보이기 - $('#대상').hide() / $('#대상').show() // 크롬 개발자도구 콘솔창에 쳐보기 // id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다. $('#post-box').hide(); // show()로 보이게 한다. $('#post-box').show(); 태그 내 ..
JQuery 란 ? HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것들. 라이브러리 Javascript로도 모든 기능을 구현할 수 있지만, 코드가 복잡하고 브라우저 간 호환성 문제도 고려해야해서 JQuery라는 라이브러리가 등장하게 됨. (특별한 소프트웨어가 아님) ex) 둘다 같은 내용의 코드 일반코드 document.getElementById("element").style.display = "none"; JQuery $('#element').hide(); 사용하려면 ? JQuery를 사용하겠다는 내용의 코드를 써주어야함. 아래의 링크에서 관련 내용을 볼 수 있음. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery ..
미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하라 (더보기 = 미세먼지정보리스트) 더보기 let mise_list = [ { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "중구", PM10: 22, PM25: 14, O3: 0.018, NO2: 0.015, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 31, ARPLT_MAIN: "O3", }, { MSRDT: "201912052100", MSRRGN_NM: "도심권", MSRSTE_NM: "종로구", PM10: 24, PM25: 18, O3: 0.013, NO2: 0.016, CO: 0.4, SO2: 0.003, IDEX_NM:..
a.split('x') : a를 x를 기준으로 나누어 리스트 값으로 돌려줌 let myemail = 'abcdefg@gmail.com' let result = myemail.split('@') // ['abcdefg','gmail.com'] result[0] // abcdefg result[1] // gmail.com let result2 = result[1].split('.') // ['gmail','com'] result2[0] // gmail result2[1] // com myemail.split('@')[1].split('.')[0] // gmail function 함수이름(필요한변수들) { 내릴 명령들을 순차적으로 작성 } (괜찮으면) -> 4 -> 3 -> 2체크하고 -> (괜찮으면) -> ..
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..
