Programming_Language20 [JQuery] 특정 ID 속성이 "" 로 시작하는 모든 요소 선택 오늘은 JQuery로 특정 ID 속성에 해당 되는 데이터를 가져오는 것을 알아 볼 겁니다. Atrribute Starts With Selector (attribute^=value)인데요. 예를 들어 : [id^='con'] 즉, id 속성이 'con'로 시작하는 모든 요소를 선택합니다. 라는 뜻이에요. $("[id^='con']").on("click", function(){ console.log($(this).attr("id")); });위에 코드로 작성을 하면 됩니다. 만약 위에 id 속성 요소가 input일 경우 위에 코드처럼 id 속성을 con으로 시작해서 작성하면 해당 요소가 클릭 되었을 때 콘솔에 해당 요소의 id가 찍힙니다. 보통 이는 팝업 창을 열 때나, 해당 요소를 클릭 했을 때 데이터를 .. 2023. 12. 28. [EVENT] 웹페이지, 모바일 웹 document.on 이벤트 웹 페이지만들 때 이 이벤트를 많이 사용할 겁니다. 저 역시 매번 사용하고 있으니까요 ㅎㅎ document.on 이벤트는 여러 옵션이 있는데요. change : id및 class 안에 checkBox, Text, radio 등이 뭔가 변화가 있을 때 들어오는 이벤트. keypress : 해당 태그 id, class 에서 키보드를 눌렀을 때 들어오는 이벤트. (keydown, keyup : 키보드 키를 누르고 있을 때, 키보드 키를 땠을 때 들어가는 이벤트) input : input의 텍스트의 값이 감지 될 때 들어오는 이벤트 select : input의 텍스트가 선택되었을 때 들어오는 이벤트 주로 위에 옵션들을 많이 사용하는데요. 코드로 작성 한다면? 이렇게 기본 코드를 작성해주고 그 안에 써야할 코드를.. 2023. 12. 19. [EVENT] 모바일 가로모드, 세로모드 감지 이벤트 Orientationchange 모바일 웹페이지를 만들 때, 가끔 가로모드와 세로모드로 인해 이벤트를 만들어야 할 경우가 종종 있는데요. 이럴때는 css로 세로모드 및 가로모드 고정 방법도 있지만, 간혹 브라우저 특성으로 걸리지 않는 경우도 있다고 합니다. 그래서 자바스크립트를 이용해서 이벤트를 발생 시킬 때 어떤 조치를 해라! 하기 위한 코드를 적어보려고 해요. 바로 window.addEventListener 에서 "orientationchange" 이벤트 인데요. 이것은 장치 방향 바꿈 이벤트 입니다. 이벤트 발생 시 window.orientation(각도) 에서 값을 확인하고 그것을 판단하는데요. 0 : 세로 90 : 가로 -90 : 가로 표시가 됩니다. 스크립트 안에서 위에 코드처럼 작성하고 주석에 걸린 부분에 원하는 이벤트를 .. 2023. 12. 18. [Procedure] 프로시저란? Procedure : - 매개변수를 사용하여 호출할 수 있는 하위 프로그램. - 일반적으로 절차를 사용하여 작업을 수행. (일련의 작업을 정리한 절차) - 보통 단독으로 실행해야 할 작업을 위임받았을 때 사용. * 절차 (규격, 매개 변수 선언) - 규격 : Procedure 키워드로 시작하여 프로시저 이름 또는 파라미터 목록으로 끝낸다. - 매개 변수 선언 : 선택 사항 1) 매개 변수를 사용하지 않는 절차는 괄호 없이 작성 2) 절차 본문은 키워드 IS(또는 AS)로 시작하고 키워드 END 뒤에 선택적인 절차 이름으로 끝낸다. * 프로스저와 함수 차이점! 1. 리턴 값 유무(함수는 무조건 리턴값이 있어야 한다.) - 프로시저는 없어도 상관 없다. 2. 리턴 값 개수(함수는 무조건 1개의 리턴 값을 가.. 2023. 7. 4. [querySelector] document.querySelector 로 데이터 불러오기 querySelector : 그룹과 일치하는 요소안 첫번째 요소를 반환. 예제) Hello Selector 홍길동 17 coco 김두환 19 -> div로 묶어서 리스트 설정. -> a : id가 t_1 안에 있는 요소들을 불러와라. b : t_1 요소 안에 "title"이라는 클래스의 innerText 값을 불러와라 c : t_1 요소 안에 "name"이라는 클래스의 innerText 값을 불러와라 d : t_1 요소 안에 "age"이라는 클래스의 innerText 값을 불러와라 a는 t_1 안에 있는요소들을 다 불러오게 되고, b,c,d는 특정 class의 값을 불러왔다. 2023. 6. 28. [Oracle] LPAD, RPAD 함수 사용하기 (공백 채우기) * LPAD : 왼쪽에 특정문자를 채워서 문자열 길이를 맞출 때 사용. LPAD("값(컬럼)","총 문자길이","채울문자") 예) LPAD(TEAM_CD,5,'0') 2023년 1월에서 12월까지 CONNECT BY를 이용해서 LPAD를 활용해보자 SELECT '2023년 ' || LPAD(LEVEL,2,0) || '월' AS NO FROM DUAL CONNECT BY LEVEL LEVEL 숫자의 길이를 2 BYTE로 만들고, 빈 칸은 0으로 채운다. 2023년 01월 2023년 02월 2023년 03월 2023년 04월 2023년 05월 2023년 06월 2023년 07월 2023년 08월 2023년 09월 2023년 10월 2023년 11월 2023년 12월 * RPAD : 오른쪽에 특정문자를 채워서.. 2023. 6. 26. [Oracle] CONNECT BY LEVEL 로 FOR문처럼 사용하기 CONNECT BY : 계층형 쿼리이지만, LEVEL로 사용해서 0~N의 값을 출력해서 FOR문 처럼 사용할 수 있다. 예제) 0~15까지 출력하기 SELECT LEVEL-1 AS HOUR FROM DUAL CONNECT BY LEVEL 그 후 ANIMAL_OUTS 테이블에서 각 시간마다 입양 보낸 카운트 값을 구하고 조인을 시켜 대조 하면서 각 시간마다 건수를 출력합니다. 결과 hourcount 00 10 20 30 40 50 60 73 81 91 102 1113 1210 1314 149 157 1610 1712 1816 192 200 210 220 230 위와 같은 결과가 나옵니다. 제가 생각한 방법은 이 쿼리지만, 좀 더 간편하게 작성 하는 분들도 있으니 참고만 해주세요 ㅎㅎ 2023. 6. 16. [Oracle] ROWNUM 대신 FETCH Oracle 12버전 이후에 나온 것으로 "행의 수를 제한하는 역할"를 담당한다. MySql, MSSql, PostgreSql 같은 경우는 LIMIT를 사용이 가능해서 문제가 없지만 Oracle 경우는 LIMIT가 없어서 BETWEEN아니면 ROWNUM으로 사용해왔다. ROWNUM를 쓰기 애매할 경우 FETCH를 이용해서 ROW 수를 제한해 보자. [문법] SELECT A.flavor FROM(SELECT A.flavor , A.total_order , SUM(B.total_order) AS total_order1 FROM FIRST_HALF A INNER JOIN JULY B ON A.flavor = B.flavor GROUP BY A.flavor,A.total_order ) A GROUP BY A.f.. 2023. 6. 15. 이전 1 2 3 다음 반응형
