개발언어
-
[CSS] HTML에서 CSS 적용 안 될 때 해결 방법개발언어/HTML, CSS 2022. 6. 7. 02:08
1. 브라우저 캐시 삭제 매번 삭제해야 해서 번거로움 1. 크롬 설정 > 개인정보 및 보안 > 인터넷 사용 기록 삭제 > 쿠키 및 기타 사이트 데이터 체크 > 삭제 2. ?after HTML 파일 내 CSS 불러오는 link 태그 안에 ?after 추가 Hello CSS! 3. 캐시 비우기 및 강력 새로고침 가장 확실한 방법 브라우저에서 F12 키보드 누르기(개발자 모드 켬) > 좌측 상단 새로고침 우클릭 > 캐시 비우기 및 강력 새로고침 클릭 참고 https://ho-ding.tistory.com/19
-
[HTML] Progress bar개발언어/HTML, CSS 2022. 6. 7. 01:30
프로그래스 바 구현 방법 1. html css 태그 이용 html 파일 HTML css 파일 .css-progressbar { width: 80%; animation: progressbar 2s ease-out; } // animation @keyframes progressbar { 0% { width: 0%; } 100% { width: 80%; } } ----- 다양한 프로그래스 바 참고 https://alvarotrigo.com/blog/progress-bar-css/ 2. html5 태그 이용 progress { -webkit-appearance: none; border: 0; border-radius: 9px; } ::-webkit-progress-bar { background-color: wh..
-
[Node] 노드 웹 페이지 만들기_환경구축개발언어/Node.js 2021. 12. 4. 01:02
1. Node 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 방법은 다음 게시글을 참고하세요 https://susnote.tistory.com/27 [Node.js] node.js 설치 Node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 사이트에 접속하여 본인의 운영체제에 맞는 nod.. susnote.ti..
-
[HTML] 웹 페이지에서 이메일 보내기개발언어/HTML, CSS 2021. 11. 18. 20:27
1. emailjs-com 설치 npm install emailjs-com --save 2. EmailJS 에서 Email Services 생성 2-1 https://www.emailjs.com/ Send email from Javascript - no server code required | EmailJS Send email directly from your client-side Javascript code – no server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. Start with our free tier! www.emailjs.com 2-2 가입 후 로그인 2-..
-
-
[CSS] margin, padding 순서개발언어/HTML, CSS 2021. 10. 28. 23:52
CSS에서 margin과 padding을 설정 시 여러 방법이 있습니다. 첫째, 상 하 좌 우 각 지정 margin-top: 5px; margin-right: 10px; margin-bottom: 7px; margin-left: 8px; 둘째, 한 줄에 상하좌우 지정 margin: 5px 10px 15px 20px; (순서 : 상 우 하 좌 // 상부터 시계방향) 셋째, 상하 같고 좌우 같은 경우 margin: 5px 10px; (순서 : 상하, 좌우) 넷째, 좌우 같고 상하 다른 경우 margin:10px 5px 7px; (순서 : 상, 좌우, 하)
-
[Python 파이썬] 온라인 코딩 실행 사이트개발언어/Python 2021. 10. 9. 04:26
Repl.it https://replit.com/languages/python3 Python Online Compiler & Interpreter Write and run Python code using our Python online compiler & interpreter. You can build, share, and host applications right from your browser! replit.com 온라인으로 쉽게 실행 가능한 코딩실행 사이트입니다! 왼쪽에 코드 입력 후 run 버튼만 클릭하면 우측에 결과값이 출력됩니다!