반응형

퍼블리셔 5

Codepen을 티스토리나 블로그에 가져오기

1. 코드펜 오른쪽 하단의 Embed를 클릭   2. 원하는 설정후 HTML 탭에서 copycode  3. 글쓰기 바의 가장 오른쪽, 블로그 글쓰기 모드를 HTML 으로 변경 후 삽입   4. 글쓰기 모드를 다시 기본모드로 바꾼 후 완료!(글쓸때 보면 아래 사진과 같이 해당 계정에 들어가서 보라고 나오지만, 실제로 글쓰기 '완료'로 퍼블리싱 된걸보면 제대로 동작한다)   See the Pen Untitled by galaxy_star (@fold6) on CodePen.

🛠️ Dev. 2024.12.22

[JS] 클릭,터치 이벤트 동작 안 할때 : (e.preventDefault() 로 중복이벤트 방지

| 문제상황click이벤트를 사용한 반응형 웹페이지 제작시데스크탑에서는 정상작동하지만 갤럭시 폰에서 특정버튼에 터치이벤트가 걸리지 않음= > click touchend 를 줬더니 대부분 동자갛나, 몇개의 터치 이벤트 동작이 안됨 | 문제의 코드 $(document).ready(function () { $(".drag_box_inner_btn .box_playlist").on("click touchend ", function () { let img = $(this).find("img"); if (img.hasClass("widget_active_bgm")) { img.re..

VS code 꿀팁 : 폴더 안 코드에 들어있는 문자 찾는 단축키

🔰단축키 :Ctrl + shift + F 이런식으로 특정문자를 검색해 찾을 수 있당  ... 을 누르면 '포함할 파일' 이라고, 확장자 명 또한 입력해서 찾을 수 있다!     전에 퍼블리셔 친구가 백엔드가 작업한php 파일 안에있는 변수를 찾아야 했는데,파일 하나 하나 다 펼치기에는 너무 시간이 걸려서...찾았던 방법ㅎㅎ '단어는 기억나는데, 어디 있더라..?'싶을때 정말 유용한 기능ㅎㅎ

🛠️ Dev. 2024.07.05

1-3. 깃허브 데스크탑 기본 사용법 + 자바 파일 배포 + 마크다운방법

🔵 깃허브 데스크탑 설치https://desktop.github.com/?ref_cta=download+desktop&ref_loc=installing+github+desktop&ref_page=docs Redirecting… desktop.github.com    1. 깃허브 데스크탑을 설치-로그인을 해야 내 깃허브 사이트에 올라감 2. Repository 를 생성-레포를 깃헙데탑내에서 만들면서 ⚠️이때 readme를 체크해서 만듬 (아니면 바깥폴더에 리드미가 또 생김) ⚠️ (README 파일에 기록을 할 예정) 3. 해당경로로 VScode열기깃헙데탑에서 만든 로컬 폴더의 경로를 통해 파일탐색기를 열고, alt+d 를 눌러 경로를 전체 선택한 후 cmd입력 ->code . 을 입력 후 엔터쳐서 해당..

📌 Fav 2024.06.30

Vs code live server 자동 새로고침 안될때 해결방법 + 라이브 서버 자동 저장방법

라이브 서버에서 자동 새로고침이 안되는 경우 해결방법은 4가지가 있습니다. 1. 혹시 라이브 서버를 실행하고자 하는 파일 제목 첫번째 글자가 .인 경우 .을 없애자! -ex) .samsungweb.html 같은 제목일때 .을 없애어 samsungweb.html으로 저장. 2. 혹시 라이브 서버를 실행하고자 하는 파일의 상위 폴더 제목에 #이 들어갔다면 #을 없애자! 3. "UTF-8"을 적지 않았다면 작성! (+ 로 제대로 적었는지 확인) 4. 설정- auto save를 검색해 사진과 같이 afterdelay로 변경! delay를 600 (0.6초)로 변경!

🛠️ Dev. 2024.01.04
반응형