솔솔

Div 안에 링크 걸기 // HTML 예약확인/취소 회원정보 수정 회원 탈퇴 Div의 data 속성 값 이용(1) // HTML 예약확인/취소 회원정보 수정 회원 탈퇴 //JS $('.mypageTab').on('click', function() { const menu = $(this).data('menu'); if(menu == reservation) {location.href = '{이동할url}'} if(menu == uUpdate) {location.href = '{이동할url}'} if(menu == uDelete) {location.href = '{이동할url}'} }); Div의 data 속성 값 이용(2) // HTML 예약확인/취소 회원정보 수정 회원 탈퇴 // JS $('.mypageT..

로그인 할 때 1.로그인페이지 클릭 → 로그인 → 메인페이지 2. 회원만 들어갈 수 있는 페이지 클릭 → '회원만접속가능합니다 로그인 해주세요' 알림창 후 → 로그인 → 처음클릭한 페이지 이렇게 로그인 후 특정페이지로 이동하는것을 볼 수 있는데 이걸 한 번 해보겠습니다! 💡스타트! 1. 저는 실시간예약이라는 메뉴를 회원만 이용할 수 있도록 하겠습니다. // html 실시간예약 // js function realTimeRsv() { $.ajax({ url: url, type : type, datatype : 'json', data : data, success : function(data) { if(로그인 확인 후 로그인 세션有) { location.href="{이동할 페이지}"; }else{ alert("..

실생활에서 영수증번호나 회원번호보면 '1', '2', '3' 이렇게 되있는건 잘 없잖아요 보통 '000001', '000002', '000003' 이렇게 자릿수가 있고 나머지자리는 0으로 채워져있는 느낌 아시쥬 그걸 어떻게 표현 하는지 정리 해보았습니다. * 참고로 저는 Toad for MySQL 툴 사용 LPAD, RPAD // 지정한 특정 문자가 왼쪽에 지정됨 LAPD({문자열}, {문자열길이}, {지정할 특정 문자}) // 지정한 특정 문자가 오른쪽에 지정됨 RAPD({문자열}, {문자열길이}, {지정할 특정 문자}) 1. 문자는 1, 길이는 5, 왼쪽으로부터 나머지 자릿수에는 0으로 채움. SELECT LPAD('1',5,'0') NUM FROM DUAL; 2. 문자는 1, 길이는 5, 오른쪽으로..

오라클 배울 때 PK에 중복방지를 위해 시퀀스를 사용해서 순차적으로 숫자가 증가 할 수 도록했는데 MySQL에서는 시퀀스라는게 없더라구요 ㅠㅠ 비슷한 기능 'AUTO_INCREMENT'를 찾았지만 저는 시퀀스를 하려는 컬럼이 증가가 안되더라구요 ㅠㅠ 열심히 찾다찾다 왜그런지 아래에 정리해 보았습니다. *참고로 저는 Toad for MySQL 툴 이용 AUTO_INCREMENT로 증가 시키기 (컬럼의 타입이 INT일 경우) 1. 테이블을 생성합니다. (보시면 컬럼'num'을 int타입으로 만들고 'AUTO_INCREMENT'적용 했습니다.) CREATE TABLE `test`( `num` int(10) NOT NULL AUTO_INCREMENT PRIMARY KEY, `name` varchar(10) NO..

회원정보 중 전화번호를 DB에 저장할 때 가운데번호를 암호화해서 저장하더라구요. 또 MySQL에서는 양방향 암호화 할 수 있는 기능이 있어서 한 번 해보겠습니다. 암호화 * KEY는 복호화 할 때 사용 hex(AES_DECRYPT('암호화 할 내용','KEY')) 복호화 * 암호화 할 때 작성했던 KEY값을 이용해서 복호화 AES_DECRYPT(unhex([복호화할 컬럼명]), 'KEY') 실습 1. USER테이블에 INSERT하는데 가운데 번호만 암호화해서 넣어보겠습니다. (아래 컬럼 전부 VARCHAR타입) INSERT INTO USER (PHON_NUM1, PHON_NUM2, PHON_NUM3) VALUES ('010', hex(aes_encrypt('1234','J')), '1234'); 2. 데..

0. HTML코드 작성한다. 1. OpenWeatherMap사이트에 들어간다.(https://openweathermap.org) 2. 회원가입 후 로그인을 한다. 3. 로그인을 완료하면 아래와 같이 창이 바뀌는데 [API Keys]메뉴를 클릭한다. 4. key  박스안에 있는 키값을 복사한 후 잠시 메모장이든 어디든 메모해둔다. 5. 상단 메뉴바의 [API]를 클릭한다. 6. Current Weather Data의 [API doc] 클릭한다. 7. 아래 코드 찾아서 복사한다.8. JS파일에 복사한 코드를 붙여 넣는다.    (저는 도시이름을 'Paju'로 넣고 콘솔 찍어 보겠습니다.) $.getJSON('https://api.openweathermap.org/data/2.5/weather?q={도..

보통 사이트에 들어가서 뭔가를 조회하면 뭔가 아이콘 뜨면서 뱅뱅 돌아가는 표시가 뜨는데 그걸 한 번 만들어 보겠습니다. 1. HTML에 progress라는게 따로 있더라구요 일단 아래와 같이 먼저 작성 합니다. ( progress에 대해서는 여기로: https://developer.mozilla.org/ko/docs/Web/HTML/Element/progress) 2. CSS를 입혀준다. (저는 컨셉컬러 초록, 연두 계열로 잡았어요) #progressDiv{ position: fixed; left: 45%; top: 50%; display: none; } progress { -webkit-appearance: none; border: 1px solid #224B0C; border-radius: 5px 5..

SQL문 실행 예시 HOUR COUNT 0 0 1 0 2 0 3 0 4 0 5 0 6 0 7 3 8 1 9 1 10 2 11 13 12 10 13 14 14 9 15 7 16 10 17 12 18 16 19 2 20 0 21 0 22 0 23 0 풀고 이해하는데 한참 걸렸네요 ㅠㅠ 그래도 한 단계 클리어해서 기분좋네요! ✨내가 이해한 풀이 [코드] select a.hour, nvl(count, 0) "count" from (select level -1 as hour from dual connect by level