지식 확장/업무 노트 (7) 썸네일형 리스트형 Gmail, 네이버 첨부파일 보안상 이유로 차단되었을 때 해결법 현재 진행 중인 프로젝트 개발자가 고객사에 상주해 있는 상태라 html 소스를 압축해서 소스 반입 요청을 해야 했다. 그런데!! 상주 개발자가 연락이 왔는데 네이버 메일에서 보안상의 이유로 차단되어 파일이 첨부되지 않는다고 했다. 지메일에서 같은 파일을 첨부해 보니 동일한 이유로 차단돼서 파일 첨부가 안 되는 게 아닌가... 😰 문제 될만한 개인정보도 없었는데 왜 차단되는 건지 구글 고객센터의 도움말을 읽어도 알 수가 없었다. 회사 이사님이 비밀번호를 설정해서 다시 압축해 보라고 하셨지만 그 방법도 소용이 없었다. 그러던 중 타 팀 개발자가 알려준 방법대로 하니 차단되지 않고 업로드가 잘 되어 문제를 해결할 수 있었다. 압축을 두 번이나 해야 해서 좀 번거롭긴 하지만... 알아두면 이런 문제를 만났을 때.. 퍼블리싱] input type password 입력 값 안보일 때 해결법 (feat. 사파리 브라우저 / 나눔스퀘어 웹 폰트) input[type=password] 입력 값이 안 보이는 현상 발생 GS인증을 받으려고 사이트를 수정하던 중, 비밀번호 입력 창에 비밀번호 입력 시 사파리 브라우저에서만 input[type=password]에 입력한 글자가 안 보이는 현상이 발생했다. 팀장님이 CSS문제가 아닌지 확인해보라고 하셨지만, 설마하는 마음으로 검색해 보던 중 특정 웹 폰트를 사용할 때 인코딩 지원이 되지 않아서 이와 같은 문제가 발생할 수 있다는 사실을 알게 됐다!! 지금까지 웹 폰트를 많이 사용해왔지만 이런 경험은 처음이었고, 미처 생각조차 못했던 부분이었다. 팀장님은 안되는 걸 왜 썼냐고 하셨지만 아마 html 문서를 만들었던 작업자도 이런 부분까지는 예상치 못하고 사용했을 것이다. 어쨌든 검색 결과에 따르면 그 특정 웹.. 이클립스] Emmet(에밋) 플러그인 설치 + 단축키 변경 (Cheat Sheet 링크 포함) Emmet(에밋)이란? HTML, CSS 등의 문서를 편집할 때 빠른 코딩을 위해 사용하는 플러그인으로, 원래 젠코딩으로 부르다가 에밋으로 이름을 변경했다. 축약된 코드를 입력하면 자동으로 완전한 HTML 코드를 생성해 주는 형태다. 나는 퍼블리싱을 할 때 vscode를 주로 사용하는데 vscode에서는 별도의 플러그인을 설치하지 않아도 emmet을 사용할 수 있다는 점이 아주 편리하다. (위 이미지 참고) 그러나, 협업 시 이클립스를 사용하게 될 때가 간혹 있는데 평소에 emmet에 익숙해져 있던 터라 (비록 잠시지만) 일일이 입력하려면 좀 답답하게 느껴지기도 한다. 물론 이클립스에서도 플러그인을 설치하면 emmet을 사용할 수 있다는 사실! (그치만 좀 귀찮다 😅) 이클립스에 Emmet 플러그인 설치.. PDF] 텍스트 복사 / 텍스트 추출 안될 때 해결법 (with Google 문서) PDF] 텍스트 복사 / 텍스트 추출 안될 때 해결법 (with Google 문서) 글자 복사 방지 해결법 PDF 파일이 텍스트로 저장돼 있는데도 글자 복사가 되지 않을 경우가 있는데, PDF에 글자 복사 방지 처리가 돼 있으면 이런 문제가 발생하게 되는 것 같다. 다들 알다시피 보통의 PDF 파일에서는 복사할 텍스트를 긁어서 Ctrl + C / Ctrl + V를 하면 쉽게 복사/붙여 넣기가 된다. 얼마 전 회사 동료가 학교 과제를 위해 전달받은 PDF 파일에서 텍스트 복사가 되지 않는다고 해서 검색하던 중, 정말 간단히 해결할 수 있는 방법을 찾게 되어 공유하고자 한다. PDF 변환해주는 타 사이트에 파일 업로드를 할 필요 없이(대부분 이 방법을 제시해줘서 시간 낭비를 많이 했다 - 나의 검색 키워드가.. 퍼블리싱 ] 유튜브 동영상 반응형 홈페이지에 삽입하기 (화면 너비에 맞게 100%로 만들기) 퍼블리싱 ] 유튜브 동영상 반응형 홈페이지에 삽입하기 (화면 너비에 맞게 100%로 만들기) 유튜브 동영상을 홈페이지에 삽입해야 되는데 그냥 퍼오기를 하면 width, height 너비가 고정되어 있기 때문에, 화면 너비에 따라 유동적으로 동영상 너비가 조절되지 않는다. 이 문제를 스크립트를 사용하여 간단히 해결할 수 있는 방법이 있어서 소개하고자 한다. 유튜브에서 동영상 퍼오기 우선 웹페이지에 삽입할 동영상을 퍼와야 되는데 콘텐츠 페이지 내에 삽입할 것이므로 iframe으로 된 소스를 가져와야 한다. 방법은 간단하니 가볍게 쓱~ 보시기 바란다. 동영상 퍼오기 1단계. 유튜브에서 퍼올 동영상의 우측 하단에 있는 '공유' 버튼을 클릭한다. (필자가 좋아하는 서태지 공연 동영상으로 예시를 들겠다😆) 동영상 .. 퍼블리싱] PC에서 <a href='tel: 링크 막기 퍼블리싱] PC에서 tel 링크 막기 모바일에서 전화 걸기 모바일에서 전화번호를 터치 시 전화 걸기 화면으로 이동되게 하려면 HTML 마크업을 아래와 같이 작성해야 한다. 010-1234-5678 PC에서 전화 걸기 기능 제거하기 그런데, pc에서는 해당 기능이 동작하지 않도록 하고 싶어서 찾아보니 아래와 같은 스크립트로 해결할 수 있었다. 브라우저가 768px 이상일 경우에 href:tel로 시작되는 요소를 찾아 href 속성을 제거하는 내용이다. javascript 작성 예시 var telLinks if (window.outerWidth > 768) { telLinks= document.querySelectorAll('[href^="tel:"]') Array.from(telLinks).forEach(.. 파워포인트] 글꼴 변경 안될 때 해결법 글꼴 변경 안될 때 해결법 파워포인트에서 글꼴 포함해서 저장을 하고 다른 PC에서 해당 파일을 열고 편집하려고 할 때, 해당 폰트 파일이 없으면 폰트가 없다는 메시지가 뜬다. 가끔은 불필요한 폰트가 지정돼 있는 경우도 있는데, 파워포인트에서 글꼴을 변경하고 싶을 때 보통은 바꾸기 > 글꼴 바꾸기를 통해 사용된 폰트를 한꺼번에 다른 폰트로 바꿀 수 있다. 그런데!!! 이렇게 해도 바뀌지 않는 경우가 있었으니...😱 이럴 땐 어떻게 해야 할까? 1단계. 작업한 파일을 xml 파일로 저장 폰트 변경이 되지 않는 PPT 파일을 다른 이름으로 저장하기를 눌러 xml 파일로 저장한다. (파일 형식을 아래 그림과 같이 PowerPoint XML 프레젠테이션 (*. xml)으로 선택해 주면 된다) 2단계. xml로 저.. 이전 1 다음
