플러그인 리스트에서 WP Super Cache 아래의 Settings를 클릭하여 설정 화면으로 이동합니다. 좌측 메뉴의 설정 > WP Super Cache를 클릭하셔도 됩니다.
Caching에서 Caching On (Recommended)를 선택하시고 아래의 [Update Status]를 클릭해서 상태를 업데이트해 주세요. 그리고 Advanced 탭으로 이동합니다.
Advanced 탭에서 많은 항목을 볼 수 있는데요. 뒤에 (Recommended)가 붙어 있는 항목에 모두 체크를 해줍니다. 저는 아래 리스트에 모두 체크했습니다.
Disable caching for logged in visitors. (Recommended)
Compress pages so they’re served more quickly to visitors. (Recommended)
Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated. (Recommended)
304 Not Modified browser caching. Indicate when a page has not been modified since it was last requested. (Recommended)
Extra homepage checks. (Very occasionally stops homepage caching) (Recommended)
그리고 제일 아래에 [Update Status] 버튼을 클릭해서 상태를 업데이트해 줍니다. WP Super Cache 설정은 간단하게 끝났습니다.
플러그인 리스트에서 WP Super Cache 아래의 설정을 클릭하여 설정 화면으로 이동합니다. 좌측 메뉴의 설정 > Autoptimize를 클릭하셔도 됩니다.
JS, CSS & HTML 탭에서 JavaScript Options, CSS Options, HTML Options를 볼 수 있는데요. 각각 Options 아래 첫 항목에 있는 Optimize JavaScript Code? / Optimize CSS Code? / Optimize HTML Code? 를 체크해 줍니다.
그리고 [Save Changes and Empty Cache]를 클릭합니다.
Autoptimize 플러그인을 설치하고 나면 관리자로 로그인 시 상단에서 Autoptimize 메뉴가 추가된 것을 볼 수 있습니다. 마우스 커서 오버 시 위 사진과 같이 캐시 정보를 확인할 수 있습니다. Delete Cache를 클릭해서 쌓여있는 캐시를 삭제할 수도 있습니다.
제가 지난달에 카카오톡 오픈 채팅 프로필 만들기로 포스팅을 했는데, 카카오톡에서 이번에 UI를 모두 변경하는 바람에 한 달 만에 카카오톡 오픈 채팅 프로필 설정이라는 제목으로 다시 포스팅합니다. 크게 차이는 없지만, 헷갈리시는 분들이 많기도 하지만 조금 더 편리하게 바뀐 부분이 있습니다.
카카오톡 오픈 채팅 프로필 설정
채팅 리스트에서 오른쪽 상단에 말풍선+ 아이콘을 누릅니다.
위와 같이 3개 메뉴가 나오는데요. 제일 오른쪽에 있는 오픈 채팅을 눌러줍니다.
여기서부터 디자인이 살짝 바뀌었습니다. 나의 오픈 채팅방이 카드 형태로 보입니다. 여기서 기존에 만들어 놓은 오픈 채팅 프로필을 편집하시려면 오른쪽 위의 빨간색 네모 박스의 톱니바퀴 아이콘을 클릭하세요. 새로운 오픈 채팅방을 만드시려면 파란색 네모의 만들기 버튼을 누르시면 됩니다. 여기서는 프로필 설정을 할 예정이라 톱니바퀴로 들어갑니다.
내 오픈채팅방 관리 화면입니다. 역시 여기서도 프로필이 카드 형태로 보입니다. 깔끔하게 디자인 리뉴얼이 잘 된 것 같습니다. 프로필 수정을 하시려면 각 프로필을 눌러서 들어가시면 됩니다. 오픈 프로필을 만들거나 오픈 채팅방을 만드시려면 오른쪽의 파란색 네모의 만들기 버튼을 눌러주시면 됩니다. 여기서는 프로필 수정을 할 예정이라 프로필 상세로 들어갑니다.
프로필 상세 페이지인데요. 제일 많이 바뀐 화면인 것 같습니다. 파란색 네모의 포스트 기능이 추가되었습니다. 프로필 타임라인처럼 관리가 가능하게 되었습니다.
프로필 수정은 빨간색 네모의 아이콘을 누르면 추가 팝업 메뉴가 나옵니다.
프로필에 대한 추가 팝업 메뉴가 나오는데, 여기서 프로필 편집을 눌러줍니다.
프로필 이미지는 빨간색 네모의 카메라 아이콘을 눌러서 변경해 주시면 됩니다. 채팅방 상세 설정은 아래 파란색 네모의 연결된 채팅방 설정으로 가시면 됩니다.
연결된 채팅방 설정에서 기존에 볼 수 있던 설정을 볼 수 있습니다. 여기서 해당 프로필과 연결된 오픈 채팅방의 상세 설정을 할 수 있습니다.
오픈 채팅방에서 프로필 바로 변경
이번 리뉴얼로 크게 달라진 부분은 오픈 채팅방에서 바로 프로필을 변경하거나 설정할 수 있습니다. 오픈 채팅방에서 대화상대 리스트에서 본인 프로필을 눌러줍니다. 프로필 설정 화면이 바로 나옵니다.
위에서 프로필 설정에서 볼 수 없었던 프로필 바꾸기가 보입니다.
오픈 채팅방에서 바로 다른 프로필로 간편하게 변경할 수 있게 바뀌었습니다. 이건 괜찮네요! 좋습니다.
시놀로지 나스에서 워드프레스를 구동하면서 최적화에 대한 검색은 102번 정도 한 것 같습니다. 워드프레스를 최적화하는 방법에는 여러 가지가 있겠지만, 아주 중요한 파일인 .htaccess 에 몇 가지 코드를 추가하여 최적화 해보겠습니다.
이유는 잘 모르겠지만 나스에서 패키지로 설치한 워드프레스는 주기적으로 .htaccess 파일이 변조되면서 500 에러를 토해내는 현상을 볼 수 있었는데요. 아직 이유는 찾지 못하고 있습니다. 가끔 500 에러 뜨면 반사적으로 DSM에 접속해서 .htaccess 파일을 원래대로 돌려놓습니다. 그때 기본적으로 설정되어 있던 .htaccess 내용으로 치환하기 때문에 오늘 정리 내용은 제가 꾸준히 보려고 작성하는 것입니다. 참고만 하세요.
※ 참고로 이 설정은 나스에서 패키지로 설치한 워프의 경우 500 에러가 출몰하여 설정하지 않았습니다.
# WPhtC: Protect WP-config.php
<files wp-config.php>
order allow,deny
deny from all
</files>
# WPhtC: Protect .htaccess file
<files ~ "^.*\.([Hh][Tt][Aa])">
order allow,deny
deny from all
</files>
카카오톡 오픈 채팅방을 이용하다 보면, 프로필 사진 아래에 명함 같은 아이콘이 붙어 있는 사람들을 볼 수 있습니다.
사진에 표시한 것처럼 명함 같이 생긴 아이콘이 프로필 사진에 함께 나오는 사람들이 있는데, 이 사람들을 눌러보면
이렇게 1:1 오픈 채팅과 프로필 보기 메뉴가 함께 나옵니다.
카카오프렌즈 프로필은 위와 같이 이미지와 차단 메뉴만 나오죠. 프로필 이미지는 카카오프렌즈 캐릭터 중에서 선택할 수 있습니다. 제가 궁금했던 부분은 어떻게 내가 원하는 사진으로 프로필 이미지를 넣는가? 였습니다.
카카오톡에서는 오픈 채팅을 위한 프로필을 만들 수 있으며, 그 프로필은 여러 개 만들 수 있습니다. 개인적으로 최근에 오픈 채팅방의 개수가 늘어남에 따라서 따로 관리할 필요가 생겼습니다. 그 프로필을 만들고 수정할 수 있는 방법을 정리합니다.
카카오톡 오픈 채팅 프로필 설정
카카오톡 채팅 화면에서 위쪽 아이콘 중에서 가운데에 있는 아이콘을 눌러줍니다.
새로운 채팅 메뉴가 열리면서 위와 같이 3개의 메뉴가 나오는데요. 여기서 오픈 채팅을 선택합니다.
카카오톡 오픈 채팅 메뉴입니다. 오른쪽 위의 톱니바퀴 아이콘을 눌러서 설정으로 들어갑니다.
내 오픈 채팅방 관리 화면이 나왔습니다. 기존에 설정되어 있는 프로필을 관리하거나 새로운 프로필을 생성할 수 있습니다. 기본형 오픈 채팅방과 카드형 오픈 채팅방으로 나누게 되는데요. 기본형 오픈 채팅방은 따로 생성하지 않았어도 존재할겁니다. 채팅방이 하나일 경우에는 기본형 오픈 채팅방 프로필 하나로 운영해도 되지만, 여러 오픈 채팅방에서 각각 다른 프로필을 사용하시려면 카드형 오픈 채팅방 프로필을 생성하시면 됩니다. 생성은 오른쪽 위의 + 아이콘을 눌러주시면 됩니다.
오픈 채팅 만들기 팝업 메뉴가 나옵니다. 프로필을 선택합니다. 1:1 채팅이나 그룹 채팅은 프로필을 생성하면서 설정할 수 있습니다.
프로필 생성 화면입니다. 닉네임은 카카오톡 기본 닉네임이 자동으로 입력되어 있습니다. 닉네임, 자기소개, 프로필 URL만 넣어주시면 됩니다.
연락처, 이메일, 주소는 굳이 안 넣으셔도 되는 항목입니다. 채팅방 타입의 경우 1:1 채팅인지, 그룹 채팅인지를 선택할 수 있으며, 참여 관리에서 톡 프로필로만 참여 허용, 검색 허용을 설정할 수 있습니다. 톡 프로필로만 참여 허용을 하실 경우 카카오프렌즈 프로필로는 채팅 참여를 못 하게 됩니다. 검색 허용은 오픈 채팅방 검색에 보이게 할 것인지를 선택하는 항목입니다.
어려운 설정이 없으니, 본인이 원하는 대로 설정하시면 카드가 완성되었다는 화면을 볼 수 있습니다. 이 프로필 링크를 별도로 공유할 수도 있으니 참고 바랍니다.
새롭게 생성된 카드형 오픈 채팅 프로필입니다.
오픈 채팅 프로필을 생성하게 되면, 채팅 리스트에서도 새롭게 생성한 프로필의 오픈 채팅방이 생성됩니다.
오픈 채팅방 프로필 변경하기
이제 기존 채팅방으로 가셔서, 카카오프렌즈로 설정되어 있던 프로필에서 ‘프로필 편집’을 누릅니다.
생성한 프로필이 모두 나오게 됩니다. 이 중에 원하는 프로필을 선택하면 변경이 완료됩니다. 기존에 채팅 내역들을 그대로 유지한 채로 프로필만 변경할 수 있습니다.
닉네임이나 이미지는 언제든지 변경할 수 있으며, 오픈 채팅 프로필 관리에서 기존에 만들어진 프로필을 누르면 수정 가능합니다.
WEB에서 PDF 링크를 실행했을 때, 브라우저에서 바로 볼 수 있습니다. 하지만 모바일에서는 다운로드가 되고, 아이폰에서는 제대로 볼 수 없는 현상이 있습니다. 저는 개인 포트폴리오를 웹 링크로 전송하는데, 받는 사람의 디바이스 환경에 따라서 제대로 못 보는 경우가 많았습니다.
제가 원했던 건 딱 하나였습니다. 디바이스 크게 상관없이 그냥 보여줬으면 좋겠다!! 였습니다. 오늘 퇴근길에 문득 웹에서 볼 수 있는 PDF 뷰어로 구성하면 되잖아?! 라는 생각이 들었습니다. 하아.. 제 포트폴리오를 웹 링크로 배포한 지가 몇 년째인데, 인제야 이런 생각을 하다니. 못난놈.
검색을 좀 해 보니 Javascript를 이용한 여러 가지 플러그인이 존재했지만, 크게 손대지 않고 거의 바로 적용 가능한 PDF.js를 소개하면서 간단한 사용법을 정리합니다.
PDF.js
아주 간단하게 공식 홈페이지에서 소스 전체를 다운받을 수 있습니다. 다운받은 파일의 압축을 풀고 웹에 업로드 후, 파일명만 변경해주면 바로 데모 페이지처럼 볼 수 있습니다. 다운받은 후 압축을 풀면 아래와 같은 구조를 볼 수 있습니다.
언제 어디서든 원하는 파일을 열람할 수 있다는 드롭박스(Dropbox)의 순기능 외에도 유용한 기능이 몇 가지 있는데, 그중에 변경내용 기록 기능이 있습니다. 저 같은 경우에 N드라이브에서 드롭박스로 완전히 갈아타면서 드롭박스에서 직접 파일을 열어서 문서 작업을 하고 있는데요. 뭔가 많은 수정을 한 뒤에, 새로운 파일명으로 저장을 해야 하는데 그냥 바로 저장(Ctrl + S)을 눌러버렸을 때 난감하죠? 되돌리기로 돌리기는 한계가 있고, 거의 반나절에 걸쳐서 수정한 내용인데 이미 덮어서 저장해 버렸을 경우에 아주 유용한 기능입니다. 사실 저도 이 기능을 실제로 사용하게 될 줄 몰랐네요. 오피스 파워포인트를 기준으로 설명하겠습니다.
드롭박스에서 직접 실행 시 파워포인트 우측 중간쯤에 사진과 같이 드롭박스 배지가 따라다닙니다. 처음에는 신경 쓰였는데, 이제는 익숙하네요.
이 배지를 클릭하면 드롭박스의 팝업 메뉴가 나옵니다. 공유, 링크 복사, 댓글, 변경내욕 기록 등을 할 수 있는 팝업 메뉴입니다. 여기서 변경내용 기록을 클릭하시면 브라우저로 새로운 창이 열리게 됩니다.
여기서 해당 파일이 저장되었던 이력을 모두 확인할 수 있습니다. 리스트에서 원하는 버전에서 [복원] 버튼을 눌러서 바로 복원할 수도 있고요. 버전이 맞는지 확인을 위해서 파일명을 클릭하셔서 상세 내용 확인도 가능합니다.
웹에서도 파워포인트의 내용을 확인할 수 있는 부분에서 깜짝 놀랐습니다. 파일 내용 확인 후, 오른쪽 상단에서 [복원]을 하시거나 [다운로드]를 하시면 됩니다.
파일 복원 시 변경내용에 ‘복원됨’이라고 표시가 됩니다. 변경내용 기록 기능은 공동 작업할 때도 아주 유용할 것 같습니다.
어느 날 크롬 카나리아를 실행하니, 위와 같은 안내가 떴다. 2020년이면 아직 1년이 더 남았지만, 이것을 보는 순간 플래시 수업이 떠올랐다. 군대 다녀온 후에 4시간짜리 플래시 수강 신청을 하게 되었다. 당연히 과제로 플래시를 제출해야 했고, 당시 툴을 다루는데 능숙했던 나는 10여명의 과제를 해주게 되었다. 물론 밥과 술을 얻어먹는 조건으로. 당시 유행했던 뮤직비디오나 영상을 모두 플래시로 만들었다. 내 과제는 무려 숫자송이었다.
플래시는 퓨처웨이브(FutureWave)라는 전직원이 6명이던 작은 벤처기업이 발표한 퓨처스플래스(FurureSplash)라는 GIF 기반 애니메이션의 한계를 극복하기 위해 제작된 애니메이터에서 시작되었다고 한다. 1996년에 매크로미디어가 퓨처웨이브를 인수했다. 2005년에 지금의 어도비가 매크로미디어를 인수하면서 지금의 플래시 CC 2015까지 온 상태라고 한다.
크롬에서는 플래시 플레이어(Adobe Flash Player)를 기본 값으로 지원하지 않은지 오래되었지만 2020년 12월부터는 공식적으로 모든 지원을 하지 않을 예정이다. 웹의 발전을 위해서는 진작에 사라졌어야 할 플래시지만 아직도 오래된 홈페이지에 들어가 보면 플래시가 붙어 있는 경우가 많다. 비주얼 영역에 있는 플래시야 그렇다 쳐도, GNB를 플래시로 만드는게 유행이었고, 홈페이지 제작의 붐이 일었던 90년대 후반에 만들었던 홈페이지는 아예 메뉴 접근조차 되지 않는다.
위와 같은 제목으로 시작되는 블로그 포스트에는 아래의 내용이 있다. 구글 번역기 형님의 도움으로 번역본을 올림.
현재 Adobe는 2020 년 말에 Flash 지원을 중단 할 계획이라고 발표했습니다.
20 년 동안 Flash는 게임을 즐기고 비디오를보고 웹에서 응용 프로그램을 실행하는 방식에 도움이되었습니다. 그러나 지난 몇 년 동안 플래시는 그다지 보편화되지 않았습니다. 3 년 전, 데스크톱 Chrome 사용자 중 80 %는 매일 플래시가있는 사이트를 방문했습니다. 오늘날 사용량은 17 %에 불과하며 계속 감소하고 있습니다.
이러한 경향은 사이트가 플래시보다 더 빠르고 전력 효율이 높은 개방형 웹 기술로 이전하고 있음을 나타냅니다. 또한 보안이 강화되어 쇼핑, 은행 업무 또는 민감한 문서를 읽는 동안 더욱 안전 해집니다. 또한 모바일과 데스크톱 모두에서 작동하므로 어디에서나 좋아하는 사이트를 방문 할 수 있습니다.
작년 말에 사이트가 Flash 실행 권한을 요청할 필요가있을 때 이러한 열린 웹 기술은 Chrome의 기본 환경이되었습니다. Chrome은 더 많은 상황에서 플래시를 실행할 수있는 권한을 요청하고 결국 기본적으로 사용 중지하도록 설정하여 향후 몇 년 동안 플래시를 단계적으로 중단합니다. Google은 2020 년 말까지 Chrome에서 플래시를 완전히 제거합니다.
오늘 플래시를 사용하는 사이트를 정기적으로 방문하는 경우 이것이 당신에게 어떤 영향을 미치는지 궁금 할 것입니다. 사이트가 개방형 웹 표준으로 마이그레이션하는 경우에는 해당 사이트에서 Flash를 실행하라는 메시지가 더 이상 표시되지 않는다는 점을 제외하고는 별 차이가 없습니다. 사이트에서 Flash를 계속 사용하고 Flash를 실행할 수있는 권한을 사이트에 부여하면 2020 년 말까지 작동합니다.
Adobe, 다른 브라우저 및 주요 게시자와 긴밀하게 협력하여 웹이 Flash-free가 될 준비가되었는지 확인했습니다. 우리는 오늘 Adobe의 발표를지지하며, 모든 사람들과 협력하여 웹을 더욱 개선 할 수 있기를 기대합니다.
시놀로지 나스(Synology NAS)를 이용하는 여러 가지 이유 중의 하나가 영상을 바로 볼 수 있다는 점입니다. 기존에 윈도우 네트워크 드라이브를 통해서 WebDAV를 연결해서 사용했습니다. 레지스트리 FileSizeLimitInBytes를 4GB까지 엑세스할 수 있게 수정을 했는데도 영상 재생이 안 되는 경우가 많았습니다. 그리고 영상이 재생되더라도 재생이 될 때까지 로딩이 좀 긴 편이어서 불편했습니다.
동영상 재생에 있어서 불편한 점을 검색하다가 아주 편한 방법을 발견하게 됩니다. 저는 기본 영상 재생기로 팟플레이어(카카오TV)를 사용하고 있습니다. 그래서 더욱 만족스러운 결과를 얻게 되었는데요. 팟플레이어에 WebDAV를 설정할 수 있습니다. 이 방법은 영상 재생에 탁월한 방법이며, 문서 작업이나 다른 파일을 사용할 때는 윈도우 네트워크 드라이브를 사용하시거나 다른 방법을 추천해 드립니다.
나스에 WebDAV 설치
당연한 얘기겠지만, 나스에 WebDAV Server 패키지가 설치되어 있어야 합니다. 패키지 센터에서 간단하게 설치 가능합니다. 포트는 기본 포트를 사용하기 때문에 따로 가리지 않았습니다. 원하시는 포트가 있으면 여기서 변경하시면 됩니다.
팟플레이어 설정
팟플레이어를 실행하시고, F6을 누르시면 오른쪽에 라이브, 채팅하기, 재생목록 탭이 보입니다. 재생목록으로 가시면 기본 앨범과 내 PC 탭이 아래에 보이고, [새 앨범] 추가 버튼이 보입니다. 클릭해 줍니다.
새 앨범 설정 화면입니다. 앨범 이름은 적절한 것으로 넣어주시고, FTP/WebDAV/HTTP 주소 부분을 선택합니다. 호스트(IP)/경로에 본인 나스 주소를 입력해 줍니다. 포트는 기본 포트 5005를 넣었습니다. 사용자명과 비밀번호는 나스 접속 정보를 입력해 주시면 됩니다. 다른 부분은 변경할 필요 없습니다. 아래 [확인] 버튼 클릭을 해줍니다.
NAS라는 새로운 앨범이 생성되었습니다. 리스트는 나스에 생성되어 있는 폴더 리스트가 나옵니다. 여기서 영상 폴더를 찾아가서 영상을 재생하면 됩니다. 윈도우 네트워크 드라이브에서 영상을 실행할 때와는 비교가 안 될 정도로 거의 로컬에서 실행하는 것처럼 바로 영상이 재생되는 것을 확인할 수 있습니다.
