공부65 회원가입 폼 See the Pen VwpYNBm by CodingCitron (@codingcitron) on CodePen. 회원가입 폼을 만들어 봤다. 만들때마다 느끼지만 상당히 어렵다고 느껴지는.. 2021. 5. 8. svg 이미지 얻는 사이트 unDraw undraw.co/ unDraw - Open source illustrations for any idea The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free. undraw.co svg 이미지를 얻을 수 있는 사이트 무료인지는 모르겠다. browse now 클릭하면 svg 이미지들이 보인다. 원하는 것을 못찾았을 때는 상단의 검색을 이용해보자. 2021. 5. 8. 색상 추천 사이트 무언가 만드는데 있어서 색상은 매우 중요한 부분인데 색상을 추천해 주는 사이트를 찾았다. 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. 이전 1 2 3 4 5 6 7 다음
