눈뜬감자의 웹개발

AOS를 이용하여 애니메이션 3초만에 적용시키기 웹이 심심하니 AOS 라이브러리를 이용하여 위에서 내려오는 애니메이션을 부탁하는 업무가 들어왔다이런걸 js로 구현하려면 웹의 스크롤 위치와 스크롤 높이 등등을 고려해야 하지만감자를 굴려본결과 AOS 라이브러리라는 것을 쓰면 쉽게 애니메이션을 적용할 수 있다 AOS 라이브러리란?html에 쉽게 애니쓸수있음   $(document).ready(function () { AOS.init({ disable: false, duration : 1000, offset : 300, });}); 아묻따 바로 코드적용부터 하면된다AOS의 기본 옵션에 대한 3가지 설명은 이러하다더보기각 옵션의 의미disable: false기본값:..

summernote 에서 img 를 첨부하려고 하는데 업로드가 안된다고 하셨다... 서머노트란?웹 에디터로써, 게시판과 같은 곳에서 용이하게 사용할 수 있음에러 이유는 나도 모르니 일단 개발자도구 부터 켜보았다%20%20%20%20%20%20%20%20event_sn_20240829160457_1724915097.png:1        GET /img/event/tmp/%20%20%20%20%20%20%20%20event_sn_20240829.png 404 (Not Found) 흐으음... 해당 주소를 불러오지 못한다는 건데... 이유가 무엇일까 싶어서 코드를 파보기로 했다success : function(data) {     console.log('summernote upfile : ',data, fi..

결론 부터 말하면  url뒤에 파라미터 값 설정하면 됨style.css 뒤에 파라미터로 v 를 넣고 뒤에 값은 아무거나 쓰면된다, 주로 날짜 또는 난수를 넣음 브라우저 캐싱이란?웹 브라우저가 이미 다운로드한 웹 페이지의 자원(이미지, 스타일시트, 스크립트 등)을 저장하고 재사용하는 기술입니다. 이를 통해 사용자가 동일한 웹 페이지를 여러 번 방문할 때 불필요한 자원 다운로드를 줄이고 웹 페이지 로딩 속도를 향상시킬 수 있습니다.브라우저 캐싱은 다음과 같은 원리로 작동합니다:캐시 제어 헤더:웹 서버에서 응답 헤더에 캐시 제어 헤더(Cache-Control, Expires 등)를 포함하여 브라우저에게 어떻게 캐싱할지 알려줍니다.브라우저 캐시 저장소:브라우저는 캐싱된 자원을 로컬 저장소에 저장합니다. 저장소는..

F1을 누른 뒤 Show built-in Extensions 입력 상단 Features 목록이 나오고 있는 창에서 Git 검색후 Enable을 눌러준다 그러면 왼쪽에 잘 보임

손쉽게 이메일을 구현할 수 있는 라이브러리를 알게 되었다email JS란 라이브러리를 소개하고자 한다사용법도 매우 간단하다! 1. emailJs.com 가입 (발신한 사람의 이메일에 해당 이메일이 나오게 됨)   2. service ID 기록   3. 템플릿 id 기록  3-1. 템플릿 수정( {{ }} 안에 변수를 써넣으면 나중에 입력됨 )  4. 퍼블릭키 기록  5.코드작성(기록한 2,3,4를 저렇게 넣어준다)6. 확인 정말 신기하다..! 메일전송까지는 약 2분정도 소요되는것 같다참고로 사이에 해당 코드를 넣어주어야 한다script type="text/javascript"        src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.m..