분류 전체보기
-
JS / nav anchor, active 효과 구현Web dev/JavaScript 2023. 2. 26. 15:46
스크롤에 따른 nav 엑티브효과 anchor 효과 코드펜에서 뺏겨 왔다. 키키 출처 https://codepen.io/eksch/pen/xwdOeK Jump menu with active class and smooth scroll Smoooooooooth... codepen.io Section 1 Section 2 Section 3 Smooth scroll, fixed jump menu with active class Section Two Section Three $(document).ready(function() { $('a[href*=#]').bind('click', function(e) { e.preventDefault(); // prevent hard jump, the default behavio..
-
JS / input 정규식으로 숫자만 입력하기Web dev/JavaScript 2023. 2. 26. 15:32
정규식 함수로 숫자만 입력하는 방법 인라인스타일로 바로 넣을 수 있다.
-
jQuery / jQueryUI datepicker 데이트피커 한글설정 UI커스텀Web dev/jQuery 2022. 10. 30. 13:58
기본 데이트피커 UI는 겁나구리다. 그래서 이쁘게 커스텀을 해주었다. 게다가 영어가 기본설정이므로 한글설정도 해주었다. 1. jquery, jqueryUI를 사용하기 위해서 불러온다. 2.한글설정을 해준다. // 데이트피커 한글설정 function datepickEvt(){ $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9..
-
JS / selectBox custom하기Web dev/JavaScript 2022. 10. 30. 12:54
셀렉트박스를 커스텀해보았다. 처음엔 w3스쿨스에서 긁어다가 적용해보려했는데 개뿔 더 거지같다 알아보기도힘들고 ㅋㅋ 그냥 만들어보기로 결심! select 태그를 쓰지않고 만들어 보았다. 1. value를 담아줄 인풋 생성 2. option을 list태그로 생성 3. 옵션을 선택하면 값을 input에 전달 인풋을 두개 만들어 직접입력 칸까지 만들어 보았다. // email로 예제를 만들어 보았다. // list에 data-select에 value를 넣어준뒤 선택되면 인풋에 값으로 넘겨준다. 직접입력 naver.com google.com daum.com nate.com kkkkkkkkkkkkkkkkkkkkkkkk.com aaa.com aaa.com aaa.com aaa.com aaa.com aaa.com aa..
-
CSS / Scollbar custom 스크롤바 커스텀하기Web dev/HTML&CSS 2022. 10. 30. 12:08
브라우저 마다 기본으로 제공되는 스크롤 모양이 다르다. 특히 윈도우는 쫌 못생겼다 ㅋㅋ 1. width,border-radius,border-width로 디자인에 맞게 커스텀 해주면된다. /* 스크롤 바 커스텀 */ .scrollbar_custom::-webkit-scrollbar {width: 18px;} .scrollbar_custom::-webkit-scrollbar-track {border-radius: 10px;} .scrollbar_custom::-webkit-scrollbar-thumb {background-color: #bcc5db; border-radius: 10px; border: 7px solid #fff; } 2. 스크롤을 적용시킬 박스에 스크롤바 커스텀 클래스를 주고 overflo..
-
SQLD 46회차 (3분기 시험) 간단한 합격후기Yeol/Daily 2022. 10. 10. 14:15
내 나이 31살..2년차 퍼블리셔다.. 요리사 10년 하다 뒤늦게 직업을 바꾼 코린이다. 프론트엔드로 넘어가기 위해 조금씩 준비중이다. 정보처리기사 자격증을 준비하고 싶었지만 대학교는 자퇴하고 르꼬르동블루(나름 세계3대 요리학교)를 나온 나는 고졸.. 정보처리기능사는 있지만 연차가 안되서 다른 자격증을 알아보다가 SQLD를 발견! 어차피 쿼리를 날리려면 알아야 하기에 도전! 공부방법 회사도 다녀야 하고(입사한지도 얼마안됌..) 주말엔 주방헬퍼를 나가서 시간 될 때 조금씩 공부하였다. 데이터진흥원에서 발간한 SQL책은 인터넷에서 더미로 구하고 노랭이 문제책은 구입하였다, SQL에 S도 잘모르는 터라... 일단 이론부터 보았는데 문제부터 푸는게 답인듯!.. 400페이지가 넘어가는 SQL책은 볼필요가 없다 ...
-
SQLD 성능 데이터 모델링 개요 / PDF 요약정리Web dev/SQL 2022. 10. 10. 13:36
성능 데이터 모델링 개요 성능 데이터 모델링이란? 데이터베이스의 성능 향상을 목적으로 설계단계의 데이터 모델링 때부터 성능과 관련된 사항이 데이터 모델링에 반영될 수 있도록 하는 것 성능 데이터 모델링 수행 절차 1.데이터 모델링을 할 때 정규화를 정확하게 수행한다. 2.데이터베이스 용량산정을 수행한다. 3.데이터베이스에 발생되는 트랜잭션의 유형을 파악한다. 4.용량과 트랜잭션의 유형에 따라 반정규화를 수행한다. 5.이력 모델의 조정, PK/FK 조정, 슈퍼타입/서브타입 조정 등을 수행한다. 6.성능 관점에서 데이터 모델을 검증한다. 정규화와 성능 정규화란? *데이터 베이스 설계에서 중복 요소를 찾아 제거하고 데이터를 구조화 하는 프로세스 제 1 정규화 *하나의 속성은 반드시 하나의 값을 가져야 한다. ..
-
SQLD 데이터 모델의 이해 / PDF 요약정리Web dev/SQL 2022. 10. 10. 13:34
데이터 모델의 이해 데이터 모델링이란 *정보 시스템을 구축하기 위한 데이터 관점의 업무 분석 기법 *현실 세계의 데이터(what)에 대해 약속된 표기법에 의해 표현하는 과정 *데이터베이스를 구축하기 위한 분석/설계의 과정 모델링의 특징 현실세계를 일정한 형식에 맞추어 표현하는 추상화의 의미를 가짐 *시스템 구현, 업무분석, 업무 형상화의 목적이 있음 *복잡한 현실을 제한된 언어나 표기법으로 이해하기 쉽도록하는 단순화의 의미를 가짐 *애매모호함을 배제하고 누구나 이해 가능하도록 정확하게 현상을 기술하는 정확화의 의미를 가짐 *데이터 모델링 자체로 업무를 설명하고 분석하는 부분에서도 매우 중요한 의미를 가짐 데이터 모델링 유의점 중복(Duplication) *데이터베이스가 여러 장소에 같은 정보를 저장하는 ..