와 같은 방식으로 PDF를 링크를 걸면 디바이스에 따라 간혹 바로 보여지기도하고, 다운 받아지기도하는데 웹사이트에서 PDF 를 다운받지 않고 무조건 바로 볼수 있도록 (미리보기처럼) 하는 방법을 정리해보려고 한다. 첫번째 방법 : 사이에 넣어주면 된다. 두번째 방법 : embed 태그를 사용해 pdf를 임베드하는 방식이다.가장 직관적인 방법이라 할 수 있겠다. embed 경로를 pdf 경로로 넣고, type="application/pdf"를 넣어준다. 위의 두 방법은 간혹 익스플로러에서 제대로 작동하지 않을때가 있다. 따라서 세번째 방식이 가장 적합한 것 같다. 세번째 방법 : 구글 드라이브를 활용한 마치 구글드라이브에 업로드 하여 보여주는 듯한 효과로 브라우져에 상관없이 잘 작동한다. 경로를 https..

SmartEditor2 (스마트에디터2)란? WYSIWYG 모드 및 HTML 편집 모드와 TEXT 모드를 제공하고, 자유로운 폰트 크기 설정 기능, 줄 간격 설정 기능, 단어 찾기/바꾸기 기능 등 편집에 필요한 다양한 기능을 제공하는 네이버에서 만든 에디터 http://naver.github.io/smarteditor2/user_guide/ SmartEditor2 사용자 가이드 · GitBook No results matching "" naver.github.io 스마트에디터의 기본글꼴은 돋움 9pt로 초기 설정되어있다. 스마트에디터 글꼴 목록에 글꼴 추가하는 방법 1) 스마트에디터를 불러오는 스크립트 내의 옵션 htParams 안에 한줄 추가한다. aAdditionalFontList : [["Noto ..

최근 모니터를 바꾸고 난 뒤, 포토샵에서 이미지를 열면 이미지가 이상하게 탁해보이는 증상이 생겼다. 이미지 파일을 이미지 뷰어로 보았을 때는 원래 색상대로 잘 나오는데, 포토샵으로 이미지를 열었을 때, 또는 포토샵으로 수정한 뒤 저장했을 때 색감이 이상하게 바뀌었다. 이 문제는 모니터 색상 설정과 포토샵 색상설정이 일치하지 않아 발생하였다. 따라서 제어판 설정과 포토샵 설정을 모두 바꿔줘야한다. 모니터 색상과 포토샵 색상이 일치하지 않을 때 해결 방법 제어판 색관리 설정 변경 1. 제어판 > 색 관리에 들어가서 '이 장치에 내 설정 사용'에 체크한다. 2. '이 장치에 연결된 프로필' 아래의 [추가] 버튼을 클릭한다. 3. 목록에서 sRGB IEC61966-2.1을 찾아 선택한 뒤, 확인을 클릭한다. 3..

오랜만에 워드프레스 로그인을 하는데 다른건 잘 작동되는데 wp-admin 폴더만 접속하려고하면 403 forbidden 에러가 떴다. 스팸도 많고, 보안 이슈도 많은 워드프레스... 꼭 몇달에 한번씩 이렇게 문제가 생기네. 구글링해서 루트폴더에 있는 .htaccess를 삭제해보기도하고, 퍼미션을 변경해보기도하고, 플러그인 폴더명을 바꿔보기도는 등 여러가지 해결방법을 적용해보았는데도 /wp-admin 하위 파일만 접속이 안되는거다. 에러 내용 Forbidden You don't have permission to access /wp-admin/ on this server. 그러다 불현듯 wp-admin 폴더 안의 .htaccess 파일을 확인해보니 이 파일이 문제였었다. wp-admin 폴더에 아무도 접근하..

작업을 많이 하다보면 레지스트리나 불필요한 파일들이 조금씩 생겨나면서 컴퓨터 용량을 잡아먹는다. 컴퓨터 파일 정리 프로그램이 무척이나 다양한데 최근에 알게된 깔끔한 프로그램을 소개하려고한다. Wise Disk Cleaner 와이즈 디스크 클리너 추천하는 이유 - UI가 깔끔하고 한눈에 보기 쉬움. 따로 사용 방법이 필요 없음 - 광고가 없음 - 한국어버전 지원 일반정리 일반정리를 하면 Windows시스템, 웹브라우져 캐시, 쿠키 등을 정리해준다. 요새 틈만나면 정리를 해줘서 한번 할 때마다 확보되는 용량은 적은데, 처음에 이 프로그램을 실행했을 때는 몇 기가씩이나 확보가 되었다. 그만큼 용량확보를 잘해주는 편! 고급정리 디스트별로 정리를 할 수 있다. 주기적으로 청소해주면 쾌적한 하드를 사용이 가능하다...

어느 분야에서든 활용하실 수 있는 직접 만든 깔끔한 견적서 양식 공유합니다. 무단 재배포는하지 말아주세요. 파일다운로드 (엑셀, pdf) #물건납품견적서 #홈페이지제작견적서 #깔끔한견적서 #견적서양식

하나의 회사 도메인으로 홈페이지 주소로도 사용하고 이메일 주소로도 사용하는 경우가 많다. 이렇게 사용하기 위해서는 몇가지 설정이 필요해서 정리해보려고한다. STEP 1. 도메인 네임서버 설정 도메인의 네임서버를 홈페이지 서버의 네임서버로 설정해준다. STEP 2. 대표도메인 설정 홈페이지 및 메일 서버의 대표 도메인을 설정한다. 예) 둘다 모두 abc.com으로 설정 STEP 3. 도메인 설정 이용하는 서비스 홈페이지의 도메인 DNS 설정에 들어가 메일 서버의 A레코드, MX값, SPF값을 넣어준다. 카페24 서비스에서는 직접 설정이 가능하다. (나의서비스관리 > 도메인 관리 > 도메인 부가서비스 > DNS관리) 혹시 직접 설정할 수 있는 부분이 없다면 도메인 업체에 전달하면 설정해준다. [일반 메일서버..

이전글 - [네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정 [네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정 네이버에 사이트 등록하기 (네이버 웹마스터도구) STEP 1. 메타태그 삽입 네이버 또는 다른 포탈사이트에 내 홈페이지를 등록하기 위해서는 몇가지 설정을 해야하는데 그 중 가장 먼저 해야할 일 hongpage.kr 이전 글에 이어 네이버 웹마스터 도구를 통해 네이버에 홈페이지를 등록 하는 방법을 안내하려고한다. 홈페이지/블로그에 메타태그 설정하는 방법은 이전 글을 참고하면 된다. 홈페이지 파일 내에 메타태그를 설정했다면 이제 네이버 웹마스터도구에 등록할 차례이다. 네이버 웹마스터도구에 사이트 등록하기 1. 네이버에 로그인 한 후, 네이버 서치어드바이처 홈페..

FontAwesome(폰트어썸)이란? 폰트어썸(Font Awesome)은 웹상에 많이 사용하는 아이콘을 벡터 형태로 제공해주는 서비스이다. 무료버전, 유료버전이 있는데 무료버전에서 제공하는 아이콘만해도 1609가지라 활용도가 높아서 홈페이지에서 많이 사용하고있다. 홈페이지를 만들 때 아이콘을 하나하나 만들지 않고, 코드를 가져다 쓰면 바로 사용할 수 있어서 아주 편리하다. Font Awesome 사용방법 1. 가입후 키트 코드 복사하기 1. https://fontawesome.com/에 접속해서 회원가입 후 로그인한다. Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More ..

SNS 로그인 테스트를 하다보면 홈페이지 DB상에서는 모든 로그인 정보를 삭제해도 카카오쪽에는 아직 해당 사이트에 로그인한 기록이 남아 있어, 새롭게 다시 로그인이 되지 않고 이전 기록을 계속 불러오게 된다. 이런 경우 카카오 계정에 접속해 해당 사이트 로그인 이력을 삭제해주어야한다. 또는, 그동안 카톡으로 어떤 사이트에 로그인/회원가입 했는지 보고 싶을 때 이용할 수도 있다. 방법은 아래와 같다. 1. 카카오 계정에 접속 accounts.kakao.com/weblogin/account 2. 상단 메뉴에서 [계정 이용]을 클릭한다. 3. 연결된 서비스 관리에서 [외부 서비스 전체보기]를 클릭한다. 4. 그동안 카카오톡 소셜 로그인으로 연결한 사이트들을 모두 볼 수 있다. 4. 이력 삭제를 원하는 서비스 ..

js나 css 파일, 이미지 파일을 변경해서 서버에 업로드를 하였는데 바로 반영이 안되는 경우가 종종 있다. 바로 캐싱 때문에 이전에 불러왔던 파일을 불러 오기 때문이다. 크롬의 경우에는 ctrl+shift+r을 눌러 확인이 가능하기도하지만, 해당 작업을 공유하는 다른 사람들에게 매번 '쿠키와 캐시를 지우고 들어가보세요!' 할수도 없고, 참으로 불편하다. 더군다나 캐시 지우는 방법을 모르시는 분들도 많고.. 파일이 업데이트 될 때마다 캐싱이 되지 않도록 하는 방법은 아래와 같다. 캐싱 방지하는 방법 1. 파일명 변경하기(URL변경) (비추천) 파일명을 style.css -> style2.css 으로 변경 파일명을 아예 변경해서 업로드하면 캐싱 없이 새로운 파일을 불러온다. 하지만 수정 할 때마다 파일명을..

1. 이미지 화질을 높여주는 사이트 간혹 화질이 좋지 않은 이미지를 어쩔수 없이 사용해야할 때 아래 사이트에서 어느정도 해결이 가능하다. waifu2x.udp.jp 사용방법 1. 이미지 선택 부분에서 이미지 URL을 입력하거나 파일 업로드를 한다. 2. 스타일 : 그림 또는 사진 선택 3. 노이즈감소 : 최고 선택 (결과에 따라 다른 선택을 해도 됨) 4. 확대 : 2x 선택 (결과에 따라 다른 선택을 해도 됨) 5. 로봇이 아닙니다 체크 후 변환 클릭 2. 누끼 따주는 사이트 (이미지 배경 없애주는 사이트) www.remove.bg/ko 일일히 누끼 따는게 귀찮다면 이 사이트가 아주 유용하다. 이미지를 업로드만 하면 알아서 누끼를 따준다. 고화질로 다운 받기 위해서는 결제를 해야하지만 무료로 제공하는 ..

네이버에 사이트 등록하기 (네이버 웹마스터도구) STEP 1. 메타태그 삽입 네이버 또는 다른 포탈사이트에 내 홈페이지를 등록하기 위해서는 몇가지 설정을 해야하는데 그 중 가장 먼저 해야할 일은 홈페이지에 메타태그를 넣는 것이다. 메타태그는 사이트의 소개글 같은 역할을 한다. 메타태그에서 홈페이지의 이름, 설명 대표 이미지 등을 정의하는데 포탈사이트에서 홈페이지 내의 데이터를 수집 할 때 이 메타 태그를 보고 포탈사이트에 뿌려주게 된다. 홈페이지 상단 사이에 아래의 메타태그를 넣고 본인의 홈페이지에 맞게 알맞게 수정해준다. 각 부분의 메타 태그 설명 메타태그를 넣기만 한다고 최적화 되는 것은 아니다. 적절한 내용과 적당한 길이로 넣어야 하는데, 아래와 같이 하면 어느정도 SEO(Search engine ..

썸네일의 최적 사이즈 800 x 400 메타태그 최적화 제대로 반영이 안되는 경우 아래 링크에서 디버깅 하면 된다. developers.kakao.com/tool/clear/og

홈페이지를 운영하다보면 트래픽이 초과 되는 경우가 종종 있는데 대부분 악의접인 접근, (로봇으로 추정되는) 불필요한 ip가 지속적으로 접속해 문제가 된 경우가 많다. 이 경우 .htaccess 파일을 이용하여 간편하게 차단이 가능한데 접속 ip를 살펴보고 혹시 해외 접속이 필요 없다면 해외 접속은 차단하는 것이 좋다. 나도 공부해볼겸 찾아본 htaccess의 정의 .htaccess는 하이퍼텍스트 액세스(hypertext access)의 준말로, 웹 서버 구성의 분산된 관리를 위해, 여러 웹 서버가 지원하는 디렉터리 수준의 설정 파일을 가리킨다. .htaccess의 원래 목적은 이름에도 나와 있듯이 디렉터리 당 접근 제어를 허용하는 것이다. 이를테면 콘텐츠 접근을 위해 암호를 요구하는 식이다. 그러나 오늘..