분류 전체보기331 색상 추천 사이트 무언가 만드는데 있어서 색상은 매우 중요한 부분인데 색상을 추천해 주는 사이트를 찾았다. colorhunt.co/ Color Hunt - Color Palettes for Designers and Artists Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes colorhunt.co 자주 이용하게 될듯 2021. 5. 7. navigation bar 만들기 See the Pen bGqNgJR by CodingCitron (@codingcitron) on CodePen. 헤더 로고를 추가 See the Pen BaWypXR by CodingCitron (@codingcitron) on CodePen. 그런데 이렇게 만들면 아래 요소가 추가되었을 때 나중에 추가된 콘텐츠가 먼저 보이기 때문에 hover가 유지가 되지 않을 것이다. See the Pen gOmbmLW by CodingCitron (@codingcitron) on CodePen. position : abosolute를 추가해 주었다. 2021. 5. 7. javascript 특정 요소로 이동 See the Pen xxqxjgG by CodingCitron (@codingcitron) on CodePen. 2021. 5. 6. 자바 build path jar파일 추가하기 프로젝트 클릭 후 마우스 우 클릭으로 build path 부분을 들어가고 Java Build Path 에서 Library 로 가서 addExternaljar 클릭해서 jar 파일을 추가해 준다. 그다음 Deployment Assembly 에서 Add 버튼을 눌러 Finish 후 Apply and close 하면 된다. 2021. 5. 6. 포트 번호 확인 명령어 select dbms_xdb.gethttpport() from dual; 나는 왜 0으로 나오지? 2021. 5. 6. 탑 버튼 scrollTo element.onclick = () => { window.scrollTo({top: 0, behavior: 'smooth'}); } 사이트를 보다가 스크롤을 많이 내렸을 때 탑으로 보내주는 버튼을 볼 수가 있는데 위에 코드로 쉽게 구현할 수 있다. behavior : 'smooth' 를 넣으면 말 그대로 스무스하게 top: 0 좌표로 이동시켜 준다. 넣지 않는다면 순간이동시켜줄 것이다. 2021. 5. 6. javascript 특정 위치로 이동 시키기 document.querySelector('element').focus(); document.querySelector('element').scrollIntoView(); scrollIntoview 메소드는 모든 요소에 적용이 가능하고 해당 요소가 보이는 영역으로 이동한다. 이외에 id 값을 주고 링크를 만들어서 이동시킬 수 있다. 2021. 5. 5. mouseWheel 이벤트 방향 감지 window.onmousewheel = function(e){ if(e.wheelDelta > 0){ console.log('위'); }else{ console.log('아래'); } } mousewheel 이벤트에 event.wheelDelta 를 보면 위는 120 값이 나오고 아래로 이동 시에는 -120 값이 나온다. 2021. 5. 5. 뒤로가기 감지 window.onpageshow = function(event) { if (event.persisted || (window.performance && window.performance.navigation.type == 2)) { } } pageshow 페이지 처음로드 동일한 창 또는 탭의 다른 페이지에서 페이지로 이동 모바일 OS에서 고정 된 페이지 복원 브라우저의 앞으로 또는 뒤로 버튼을 사용하여 페이지로 돌아 가기 persisted - boolean 페이지가 캐시에서 로드 웹 페이지로드는 캐시에서 경우 읽기 전용 속성을 나타냅니다. window.performance 이거는 mdn을 봐도 모르겠다. window.performance.navigation.type == 2 Window.performance.. 2021. 5. 3. 이전 페이지 주소 가져오기 var referrer = document.referrer; 이전 페이지의 URI를 가져온다. 이것을 이용해서 이전 페이지가 로그인 페이지거나 회원가입 페이지일 때 메인 페이지로 이동하게 만들었다 이 외의 페이지들은 이전 페이지의 주소로 이동하게 한다. 즉 예를 들어 상품 구매를 하다가 로그인을 해야 한다면 메인 페이지로의 이동이 아닌 다시 상품 구매 페이지로 가야할 것이다. if(referrer.indexOf(page) != -1){ window.location.href = "index.jsp"; }else{ window.location.href = referrer; } indexOf()는 존재하지 않을 때 -1 나오는데 != 로 해서 존재할 때로 만들어 주었다. 즉 if(referrer.indexOf.. 2021. 5. 3. 이전 1 ··· 4 5 6 7 8 9 10 ··· 34 다음
