오식랜드

Date객체의 기본함수를 이용해서 오늘의 날짜와 현재의 시, 분, 초를 구하는 방법을 알아보쟈 기본적으로 각각의 요소를 반환하는 함수는 아래와 같다 let today = new Date(); // 대한민국 표준시 let year = today.getFullYear(), // 이번 년도 month = today.getMonth() + 1, // 이번 달 day = today.getDate(); // 오늘 날짜 let hours = today.getHours(), // 현재 시간 minutes = today.getMinutes(),// 현재 분 seconds = today.getSeconds(), // 현재 초 milliSeconds = today.getMilliseconds() // 현재 밀리초 여기서 원..

디데이 계산기 만들기 코드 dday 변수에 원하는 (월, 일, 년도, 시간)을 넣어주면 그날까지 남은 일수를 구해준다. 글 작성일(2021/05/28)로부터 2021년 12월 31일까지 남은 일수를 보면 217일 남았다고 한다 반대로 얼마나 지났는지 궁금하다면 gap에서 계산되는 두 변수의 위치를 바꿔주면 된다! 2021년 1월 1일부터 오늘까지 며칠이 지났나 계산해보면 147일이 지났다고 한다 :) *참고로 new Date()에서 월 입력 방식은 영어로 된 월별 이름에서 앞에서 3글자를 입력하면 된다! Jan, Feb, Mar, Apr, May, Jun, Jul, Agu, Sep, Oct, Nob, Dec

OG : Open Graph 카카오톡, 페이스북 등 SNS에 웹사이트 링크를 공유하면 보여지는 미리보기, 어떻게 설정할까? head 내의 meta태그를 이용하여 설정할 수 있다! 참고로 카카오톡 미리보기 이미지 비율은 2:1로, 800*400px로 맞춰주는게 좋다!

meta태그의 og:image, og:title 등을 수정했는데, 바뀌지 않고 있다? 그땐 카카오톡 개발자도구에서 OG캐시를 초기화해주면 된다. 개인 카카오톡 계정으로 로그인 후 누구나 사용할 수 있다! URL칸에 https://hong6v6.tistory.com/ 등의 원하는 링크를 입력 후 카카오톡으로 다시 보내보면 수정되어 보여질 것 이다! 카카오톡 OG캐시 삭제 바로가기 카카오계정 로그인 여기를 눌러 링크를 확인하세요. accounts.kakao.com

버튼 또는 div에 hover시 줄 수 있는 효과 6가지를 준비했다 별도의 스크립트 없이 오직 css로만 이루어지는 효과이니 유용하게 쓰일 듯 하다! Demo : https://dudrbrb.github.io/etc/test/hoverEffect/ Document Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 dudrbrb.github.io 우선 html에 6개의 버튼을 셋팅해준다 Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 버튼들에 기본 css를 셋팅한 뒤 커스텀을 해주자 버튼 hover시에 가상 선택자 :before, :after 를 이용해서 효과를 줄 것이다 Effect1 : 상 → 하 Effect..

gitignore에 추가를 해도 적용되지 않고 git 저장소에 push 할 때 마다 같이 push되는 경우가 있을 것이다. 그럴 때 아래 단계를 따라해보쟈 step1 .gitignore 파일 포함, 프로젝트에서 변경 사항이 추가되고 커밋되는지 확인 git add . git commit -m "initial commit" step2 저장소 모든 파일 제거 git rm -r --cached . step3 저장소에 다시 모두 추가 git add . git commit -m "gitignore fix" git push