🛠️ Dev. 5

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

VS code 코딩프로그램 배경화면테마 바꾸기 (테마적용)(+초보자용 .json 설정값)

1. 아래의 사이트 or 프로그램 내부에 background 를 검색하여 프로그램을 받습니다. marketplace.visualstudio.com/items?itemName=shalldie.background visual studio 내부의 마켓플레이스에서 검색할시 동방프로젝트 캐릭터, 마리사가 반겨주네요! (역시 동덕들;; 어마무시한 기술력...) 2. 설치 후 톱니바퀴 버튼을 눌러 확장설정에 진입합니다. 3. '기존이미지를 사용?' (동프덕후라면 사용할만도?) 체크박스를 사진과 같이 해제 해줍니다. 이후에 편집링크를 클릭하여 .json에 진입합니다. 4. 스크린샷에 나온것처럼 사진이 들어있는 위치를 잡아줍니다. ※ 파일명에 한글 들어가면 안됩니다. background position(사진을 어디에 띄..

🛠️ Dev. 2024.01.04

VS Code 초보팁! 태그 자동완성 끄는법 (IntelliSense 끄기)

주황색 charset이 보이시나요? 인텔리센스의 자동완성기능입니다. 자꾸 태그나 다른것들이 자동완성으로 뜨면 기본코드를 외우는거 조차 쉽지 않죠 (꿀기능이지만 끄고싶은 초보도있죠ㅎㅎ) 그래서 이렇게 설정 (ctrl+;)에 가서 IntelliSense를 검색한후 관련 체크 박스를 모두 해제하면 된답니다. (속성제한 해제는 꼭 하셔야 기본적인 태그가 안뜹니다~)

🛠️ Dev. 2024.01.04

유튜브 Iframe 영상 파일 html 불러오기 (반복재생,뮤트,화질조정)

※ 100MB 이하면 구글 드라이브에 올려서 깔끔하고 빠르게 가져올 수 있지만 필자가 이번에 하는 프로젝트는 그럴 수 없어서 기록. See the Pen 유튜브 영상 HTML넣기 by hesper03 (@whdldi) on CodePen. ◆ 사용한 코드 설명: src: YouTube 동영상 재생 주소입니다. autoplay=1: 동영상을 자동으로 재생하도록 지정하는 매개변수입니다. "1"로 설정하면 동영상이 페이지를 로드할 때 자동으로 재생됩니다. mute=1: 동영상을 음소거로 설정하는 매개변수입니다. "1"로 설정하면 동영상이 음소거 상태로 재생됩니다. vq=small: 동영상 화질을 "small"로 설정하는 매개변수입니다. 이것은 동영상을 상대적으로 낮은 화질로 표시하도록 지시하는 것입니다. co..

🛠️ Dev. 2023.10.07

구글 드라이브 오디오 파일 html 불러오기

git에는 25mb정도? 용량 제한이 있어서 구글 드라이브로 올리는 방법을 기록하겠음. ※ 구드에 올릴때는 100MB 이하로 올려야 바이러스 검사 안내가 안뜨기때문에 정상작동하는듯 (대략 1시간 10분.mp3) ※ 1시간 정도로 올리면 로드시간이 많이 걸리므로 로딩바 추가하는걸 추천 (대략 위 파일의 경우 4초) ◆ mp3파일 포맷참고 (32000 / 128kbps / .mp3 / 1시간/ 50mb) 1. 구글 드라이브에 mp3파일을 올리고 엑세스 권한을 모두가능하도록 수정 2. 링크 복사한것중 주요부분(/d/이 부분~/view)만 복붙해서 (2번) 1번과 합치면 됨 1번) https://drive.google.com/uc?export=download&id= 2번) 1HeVb0d6MIKDMEzcTPL_l..

🛠️ Dev. 2023.10.02