Etc2020. 12. 16. 19:42

제가 주로 사용하는 VS Code Extensions입니다. 1. Bracket Pair Colorizer 2 위 이미지를 보면 아시겠지만 괄호를 자기 짝끼리 맞춰 줍니다. 그것도 색깔별로... 엄청 편합니다. 2. Korean Language Pack for Visual Studio Code 한국어팩입니다. 저는 영어를 못해서 필수로 설치합니다. 3. Prettier - Code formatter 코드 정렬을 해 주는 익스텐션입니다. Beautify도 있는데 저는 개인적으로 Prettier를 씁니다. 이유는 VS Code를 썼을 때 이게 먼저 검색에 걸리더라구요. 4. Vim Vim 키 매핑을 위해서 설치하는 익스텐션입니다. Vi가 익숙해서 이게 너무 편합니다. 5. Indent-Rainbow 들여쓰기..

Etc2020. 11. 23. 15:10

Etc2020. 11. 19. 12:10

const id = document.querySelector("#vimeo"); const player = new Vimeo.Player(id); player.play(); 가장 중요한 게 muted=1입니다. PC에서 쓰는 브라우저에서는 mute만 추가하면 어지간해서는 자동으로 재생이 가능합니다. 혹시나 안 되는 브라우저의 경우는 해당 브라우저 정책을 확인해 보실 필요가 있겠네요. 아래는 크롬 브라우저의 동영상 자동 재생에 관련된 정책인데 읽어 보시면 됩니다. developers.google.com/web/updates/2017/09/autoplay-policy-changes?hl=ko Autoplay Policy Changes | Web | Google Developers Learn best prac..

Etc2020. 11. 17. 17:33

phpmyadmin으로 접속을 하다 보면 가끔 이런 오류 메시지가 뜹니다. 이런 경우는 phpmyadmin 디렉토리 내에 있는 config.sample.inc.php 파일을 수정하시면 됩니다. 파일명을 config.inc.php로 변경을 하신 후에 $cfg['Servers'][$i]['host'] = 'localhost'; 라고 된 부분을 찾아서 수정합니다. localhost => 127.0.0.1 혹은 디비 접속 아이피

Etc2020. 10. 19. 19:13

페이스북 공유하기를 만들다 보면 이미지, 제목 이런 것들을 갖고 가야 할 일들이 있습니다. 그럴 때 퍼뜩(?) 드는 생각이 있을 텐데 jQuery로 조작하면 되지 않냐입니다. 그런데 막상 작성해서 로딩을 해 보면 분명 퍼가기 버튼을 클릭했을 때 뜨는 팝업엔 이미지가 들어있는데 실제로 페이스북에 등록을 해서 보면 이미지가 없습니다. 페이스북 스크래퍼는 스크립트를 안 읽는다고 합니다. 그러니 jQuery 같은 걸로 DOM 조작은 시간 낭비라 생각하시면 됩니다. 제일 좋은 방법은 페이스북에서 제공해 주는 디버거를 확인해 보면 됩니다. 디버거 페이지에 들어가서 가장 먼저 디버깅을 해야 할 페이지 주소를 넣고 디버그 버튼을 클릭하면 됩니다. 위에 보면 자산 누락됨이라고 되어 있는데 뭐 app_id는 제가 안 쓰기..

Etc2020. 6. 24. 12:05

개인적으로 쓰는 거에선 tab으로 들여쓰기 하는 건 그냥 tab 그대로 씁니다. 여럿이 사용하는 거라면 스페이스바 4칸으로 하겠지만요. 현재 이 블로그에 적용되어 있는 건 highlight.js입니다. 여기 옵션에 보면 tabReplace라는 게 있지만 이건 탭을 스페이스바로 교체하는 거라 마음에 안 듭니다. 그래서 css로 조절해 봅니다. pre > code { -moz-tab-size: 4; tab-size: 4; } 그 전엔 엄청 떨어져 있었는데 지금은 적당히 떨어져서 이쁩니다. 참고로 티스토리 스킨 편집에서 CSS를 열어서 하시면 됩니다.

Etc2020. 6. 11. 10:40

Rufus라는 프로그램이 있습니다. 설치를 하셔도 되지만 개인적으로는 그냥 포터블 추천합니다.

Etc2020. 6. 8. 11:12

간혹 이런 창이 뜹니다. nhn.husky.EZCreator.createInIFrame({ oAppRef: oEditors, elPlaceHolder: "ir1", sSkinURI: "SmartEditor2Skin.html", fCreator: "createSEditor2" }); 보통 스마트 에디터를 페이지에 추가하면 저렇게만 넣습니다. 원본 파일을 여신 후에 그대로 다 복사하신 후 아래처럼 추가하시면 됩니다. nhn.husky.EZCreator.createInIFrame({ oAppRef: oEditors, elPlaceHolder: "ir1", sSkinURI: "SmartEditor2Skin.html", htParams : { fOnBeforeUnload : function() { // 이렇게 빈..