-3.7 C
New York
화요일, 12월 16, 2025

Buy now

[광고] 쿠팡 추천 링크

안녕하세요? 올해까지 삼성전자 25년 직장 생황릃 마치고 퇴직하려 합니다. 퇴직 후 아르바이트로 쿠팡 파트너스 활동을 하려고 합니다. 쿠팡 파트너스는 쿠팡 추천 링크를...

카누 캡슐 커피머신 솔직 리뷰: ‘네스프레소 호환’ 가성비 끝판왕 (ft. 쿠팡 최저가 할인)

'공유 커피' 카누가 만든 카누 캡슐 커피머신 : 캡슐 커피머신 바리스타 브리즈/어반! 네스프레소 오리지널 캡슐 호환으로 활용도는 높이고, 카누만의 황금 레시피로 커피 맛은 깊어졌습니다....
Home Blog Page 359

[워드프레스 속도 개선] Nginx에 페이지스피드(mod_PageSpeed)설치 방법 두번째

번에 mod_PageSpeed를 다시 설치하려고 기존에 적용했던 [워드프레스 속도 개선] NGINX에 구글 페이지스피드(mod_PageSpeed)로 속도 개선 방법 를 다시 꺼내서 시도를 했는데 조금 씩 문제가 있어서 다른 방법을 찾아 보았습니다.

우성군(사이트에서 우성군이라고 칭하고 있습니다.)이 제안한 방식이 괜찮아서 이를 참조했습니다.

Nginx PageSpeed 모듈 설치하기

mod_PageSpeed가 좋은 툴이긴 하지만 시스템 특성을 많이 타는 것 같긴 합니다. 패키지 설치가 아니라 모듈을 추출해야하다보니 쉬운 것은 아닌 듯..

이 방법을 간단히 정리해서 같이 공유해 봅니다.

구글 페이지 스피드 pagespeed2

1. 작업 폴더로 이동하기

자기가 작업할 폴더로 이동합니다. 저는 주로 root밑에서 작업을 했는데요. 그러다보니 권한 문제에 종종 봉착해서 /usr/local/src에서 작업했습니다.

cd /usr/local/src

2. ngx_pagespeed 소스 다운 받기

소스를 받으려면 최신 버젼 확인해야 합니다.

아래로 들어가서 최신 버젼 확인 합니다.

최신 버젼 확인 PageSpeed Release Notes

2017년 5월 25일 현재 최신 버젼은 1.12.34.2-beta를 알 수 있습니다.

앞으로 1.12.34.2버젼을 많이 사용할 것이므로 이를 연결하는 명령을 줍니다.
즉 아래와 같은 명령을 주면 NPS_VERSION이 들어간 곳은 1.12.34.2로 변환된다고 합니다.

알면 참 편한 명령어입니다.

NPS_VERSION=1.12.34.2

아래는 ngx_pagespeed 소스 받는 명령어입니다.

wget https://github.com/pagespeed/ngx_pagespeed/archive/v${NPS_VERSION}-beta.zip

unzip v${NPS_VERSION}-beta.zip

rm -f v${NPS_VERSION}-beta.zip

cd ngx_pagespeed-${NPS_VERSION}-beta/

psol_url=https://dl.google.com/dl/page-speed/psol/${NPS_VERSION}.tar.gz

[ -e scripts/format_binary_url.sh ] && psol_url=$(scripts/format_binary_url.sh PSOL_BINARY_URL)

wget ${psol_url}

tar -xzvf $(basename ${psol_url})

cd ../

3. Nginx 소스 컴파일 설치

이제는 Nginx모듈을 설치해야 합니다.
마찬가지로 Nginx를 설치가 편한 폴더로 이동해서 합니다.

이동한 다음 여기서 기본 필수 패키지를 설치합니다.

cd /usr/local/src 
apt-get install build-essential libpcre3 libpcre3-dev zlib1g-dev unzip git

Nginx 소스 파일을 다운받습니다.
당시 최신버젼은 1.13.0이었습니다. 버젼이 바뀌면 바뀐 버젼으로 변경하면 됩니다.

wget -c https://nginx.org/download/nginx-1.13.0.tar.gz

tar zxf nginx-1.13.0.tar.gz

rm -f nginx-1.13.0.tar.gz

이제 Nginx 컴파일을 설치합니다.

cd nginx-1.13.0

./configure --add-module=../ngx_pagespeed-${NPS_VERSION}-beta ${PS_NGX_EXTRA_FLAGS}

make
make install

여기서 제대로 설치가 안되는 경우는 아래에서 제안하는 모든 것으로 제대로 설치 후 아래 옵션을 진행해 보시기 바랍니다.

Nginx 소스 컴파일 설치 및 HTTPS 설정하기 우분투 16.04

  • 클라우드 플레어 SSL 패치 설치 및 ChaCha20 / Poly1305 적용
  • 인증서 투명성 모듈 설치
  • headers-more-nginx-module 설치
  • 브로틀리 압축(ngx_brotli) 설치
  • ngx_brotli 소스 다운로드
cd nginx-1.13.0

./configure --with-cc-opt='-Wno-deprecated-declarations' --sbin-path=/usr/sbin/nginx --conf-path=/usr/local/nginx/nginx.conf --pid-path=/run/nginx.pid --with-openssl=../openssl-1.0.2j --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-http_auth_request_module --with-http_xslt_module=dynamic --with-http_image_filter_module=dynamic --with-http_geoip_module=dynamic --with-http_perl_module=dynamic --with-threads --with-stream --with-stream_ssl_module --with-stream_realip_module --with-stream_geoip_module=dynamic --with-http_slice_module --with-mail --with-mail_ssl_module --with-file-aio --with-http_v2_module --add-module=../nginx-ct-master --add-module=../headers-more-nginx-module --add-module=../ngx_brotli 
--add-module=../ngx_pagespeed-${NPS_VERSION}-beta ${PS_NGX_EXTRA_FLAGS}

make
make install

Featured_컴퓨터 구글 어낼리틱스 PC Notebook computer-767776

4. 최적화 세팅

nginx.conf에서 아래와 같은 옵션을 사용했습니다.

   # enable pagespeed module on this server block
    pagespeed on;              

    # let's speed up PageSpeed by storing it in the super duper fast memcached
    pagespeed MemcachedThreads 1;
    pagespeed MemcachedServers "localhost:11211";

    # This setting should be enabled when using HTTPS
    # Take care when using HTTP > HTTPS redirection to avoid loops
    pagespeed MapOriginDomain http://happist.com https://happist.com;


    # show half the users an optimized site, half the regular site
    pagespeed RunExperiment on;
    pagespeed AnalyticsID **-********-1;
    pagespeed ExperimentVariable 1;
    pagespeed ExperimentSpec "id=1;percent=50;level=CoreFilters;enabled=collapse_whitespace,remove_comments;";
    pagespeed ExperimentSpec "id=2;percent=50";

    pagespeed EnableFilters extend_cache;
    pagespeed JpegRecompressionQuality 65;

    # Filter settings
    pagespeed RewriteLevel CoreFilters;
    pagespeed EnableFilters collapse_whitespace,remove_comments;

    pagespeed EnableFilters prioritize_critical_css;
    pagespeed EnableFilters inline_javascript;
    pagespeed EnableFilters defer_javascript;
    pagespeed EnableFilters combine_css,combine_javascript;
    pagespeed EnableFilters collapse_whitespace;
    pagespeed EnableFilters insert_dns_prefetch;
    pagespeed EnableFilters collapse_whitespace,remove_comments;
    pagespeed EnableFilters make_google_analytics_async,make_show_ads_async;
    pagespeed EnableFilters rewrite_css,rewrite_javascript;  # enable CSS, Javascript optimization
    pagespeed EnableFilters sprite_images;
    pagespeed EnableFilters rewrite_images;  # enable image optimization
    pagespeed EnableFilters convert_png_to_jpeg,convert_jpeg_to_webp;
    pagespeed EnableFilters resize_mobile_images;
    pagespeed EnableFilters lazyload_images;

    # needs to exist and be writable by nginx  755로 되어 있음 
    # cache 비우는 방법 Flushing PageSpeed Sever-ide Cache
    # rm -rf /var/ngx_pagespeed_cache/* or touch /var/ngx_pagespeed_cache/cache.flush
    # ngxrestart
    pagespeed FileCachePath /var/ngx_pagespeed_cache;

    pagespeed FileCacheSizeKb            1024000000;  # cache를 적용 후 다 차면 비운다
    pagespeed FileCacheInodeLimit        50000000;
    pagespeed CssFlattenMaxBytes 5120;
    pagespeed LRUCacheKbPerProcess     8192;
    pagespeed LRUCacheByteLimit        16384;


    # onfiguring SSL Certificates
    pagespeed SslCertDirectory directory;
    pagespeed SslCertFile file;

    pagespeed RewriteLevel CoreFilters;

    pagespeed FetchWithGzip on;

’19대 문재인대통령 취임 축하 광고 – 기록으로 남기다

0

이제 문재인대통령이 취임한지 벌써 2주가 지나갑니다.

기록으로 남기기 위해 제19대 문재인 대통령 취임 축하 광고를 모아봤습니다.
페이스북에서 한겨레 이완기자가 몇번의 축하광고를 포스팅해서 한번 정리해 해야겠다고 생각했는데, 너무 늦기 전에 정리하기로 했습니다.

기업과 사이가 좋지 않은 대통령이라서인지는 몰라도 축하광고가 어느 정도 형식적이라는 느낌이 늘기는 했습니다.
물론 MBC는 정경유착을 하자는데 축하광고가 웬말이냐고 비판하던데…. 좀 가소롭기는 했습니다만.

기록용 이상의 가치는 별로 없다는 , 단 기업들이 보내는 메세지는 살펴볼 필요는 있는 것 같습니다.

모자이크로 문재인대통령을 그린 SK

모자이크로 문재인대통령의 웃는 모습을 그린 SK가 가장 신경을 쓴 것 같다는 느낌입니다.

우리 국민 모두가 더 행복해질 수 있도록 SK도 노력하겠습니다. 누구나 더 나은 미래를 꿈꿀 수 있는 나라, 국민 모두가 함께 웃을 수 있는 나라를 기대합니다. 에너지·화학, 정보통신, 반도체 산업을 통해 국민 모두가 행복해지는 나라를 위하여 SK도 함께 하겠습니다

SK 제19대 문재인 대통령 취임 축하 광고

문화, 라이프스타일을 내세워 기업 정체성을 강조한 CJ

가장 기업의 특징을 잘 보여준 광고라는 생각입니다.

문화를 중심으로
세계인의 라이프스타일을 이끌어가는
CJ가 새로운 대한민국과 함께합니다.

문화를 만듭니다.

CJ 제일제당 제19대 문재인 대통령 취임 축하 광고 Crop

어린이의 얼굴을 내세운 삼성

어쩌면 가장 이번 문재인대통령 취임에 유감이 많을 것 같은 삼성의 광고, 문재인대통령 얼굴이 아니라 어인아니를 내세웠다고 잠시 의도가 무엇일까하는 이야기가 돌았었습니다.

‘오늘의 대한민국이 내일의 대한민국에게’

오늘보다 더 나은 내일을 향한 대한민국의 희망이 시작됩니다. 모든 국민과 새로운 대통령이 함께 만들어 갈 내일의 대한민국이 더 많은 꿈을 이룰 수 있는 나라가 되길 기원합니다

삼성 제19대 문재인 대통령 취임 축하 광고

젊은 여성을 내세운 Lotte

Lotte는 삼성과 같이 젊은 여성을 내세웠습니다.

새로운 대한민국의 새 날이 밝았습니다. 모두가 힘을 모아 만들어갈 우리나라의 내일, 롯데가 고용창출과 경제활력으로 함께 열어가겠습니다.

Lotte 제19대 문재인 대통령 취임 축하 광고 Crop

롯데 잠실타워의 제19대 문재인 대통령 취임 축하 광고 Crop

LG

행복한 나라로! 대한민국의 더 나은 내일을 위해 LG도 함께 하겠습니다.

LG 제19대 문재인 대통령 취임 축하 광고

GS

국민과 함께하는 내일!
새로운 대한민국이 되도록
GS가 함께 하겠습니다.

GS 제19대 문재인 대통령 취임 축하 광고 Crop

현대

내일이 기대되는 나라
따뜻하고 인간적인 나라
온 국민이 함께 만드는 나라
대한민궁의 더 나은 미래를 향해
현대자동차그룹이
함께하겠습니다.

현대 제19대 문재인 대통령 취임 축하 광고

한화

약속된 시간,
약속된 장소를 지켜
가장 아름답게 피어나는 불꽃처럼
한 사람 한 사람의 작은 꿈ㄷ
소중히 가꿔가는 대한민국

국민의 모든 꿈이
불꽃처럼 피어나는
새로운 대한ㅁㄴ국이 시작됩니다.

새로운 대한민국을 위해 한화도 함께 하겠습니다.

한화 제19대 문재인 대통령 취임 축하 광고

한화 제19대 문재인 대통령 취임 축하 광고2

포스코

나라를 나라답게
기업을 기업답게

포스코 제19대 문재인 대통령 취임 축하 광고 Crop

KB금융그룹

새로운 대한민국이 보입니다.

정의가 실현되는 대한민국
서로을 배려하는 대한민국
함께 통합되는 대한민국
국민 모두가 행복한 대한민국
KB금융그룹이 함께 하겠습니다.

KB금융그룹 제19대 문재인 대통령 취임 축하 광고

두산

국민이 함께 행복을 누리고
누구나 마음껏 꿈을 펼치는 나라
그런 나라가 대한민국의
내일이 될 수 있기를 기원합니다.
대한민궁이 새로운 내일
두산이 함께하겠습니다.

두산 제19대 문재인 대통령 취임 축하 광고 Crop

우리은행

새로운 대한민국을 여는 첫날

새로운 대한민국이 시작됩니다.
우리은행이 함께 하겠습니다.

우리은행 제19대 문재인 대통령 취임 축하 광고

우리은행 제19대 문재인 대통령 취임 축하 광고2

IBK기업은행

나라를 나라답게
금융을 금융답게

중소기업의 든든한 동반자
IBK기업은행이 함께 하겠습니다.

IBK 기업은행 제19대 문재인 대통령 취임 축하 광고 Crop

NH농협

높이 솟다 대한민국

경사의 날, 마을 어귀에 높은 솟대를 세워두던 마음으로
섣달 무렵, 풍년을 염원하며 솟대를 세워두던 마음으로
오늘, 새 시대 새 희망의 이름으로 솟대를 올립니다.

새 대한민국의 위상, 농협이 함께 높이 높이 세우겠습니다.

대한항공

대한민국의
새로운 하늘을 바라봅니다.

대한항공 제19대 문재인 대통령 취임 축하 광고

경희대학교총동문회

경희대총동문회 제19대 문재인 대통령 취임 축하 광고

나는 사람에게 충성하지 않는다 – 윤석열검사에서 시작한 검찰개혁의 성공을 기원한다.

0

문재인대통령이 취임하고 정말 새로운 모습을 보여주고 있다.
이번에는 대전지검검사이자 박영수팀검의 수사팀장인 윤석열검사를 서울중앙지검장에 승진시킴으로서 검찰 개혁에 대한 의지를 분명히 보여주었다.

검찰 개혁에 대한 그 동안의 많은 시돡 전부 실패했지만 이번에는 꼭 성공하기를 빈다.

역시 사람은 자기 주관이 뚜렸하고 그에 맞는 실력이 있다면 언제가는 빛을 볼 날이 있다는 지극히 평범한 진리를 다시 한번 알려주는 듯하다.

윤석열검사는 정치적으로는 보수라고 한다. 그리고 대쪽같은 성격으로 문재인정권에 반드시 호의적일 가능성이 낮고 역공을 받을 가능성도 있다고 여권에서는 판단하고 있다고 한다. 그럼에도 불구하고 적재적소에 제대로된 사람을 쓰겠다는 문대통령의 인사도 너무 멋지다.

요즘 너무 멋진 일들이 많아 기쁘다.

1. 윤석열 검사 일화

윤석열 검사에 대한 일화가 있어서 아래에 소개해 본다. 멋지다.

  1. 서울대 법학과 79학번으로 당시 80년 광주민주화운동을 무력으로 진압한 전두환에 대해 교내에서 모의재판을 열고 검사역을 맡아 전두환에게 사형을 구형함. 이 모의재판 이야기가 교내외로 퍼지면서 한 동안 강원도로 피해 있어야 했고, 대학 4년때 사시 2차에서 계속해서 낙방함.

  2. 김대중 정부 당시 경찰 실세였던 박희원 치안감을 소환해서 단 하루만에 자백을 받아냄. 얼마나 철두철미하게 증거를 수집하고 심문을 했는지 박희원 치안감은 영장실질심사 등을 모두 포기함.

  3. 2006년 현대차 비자금 사건을 맡았던 당시 검찰총장에게 면담을 신청. 수사결과 정몽구 회장을 구속해야 한다’면서 동시에 사직서를 내밀음.
    검찰총장은 고심끝에 정몽구 회장을 구속하기로 결정함.

  4. 박근혜 정부에서 국정원 사건 때문에 새누리당의 비난을 받을 때에도 새누리당의 판검사 출신 의원들은 윤석열 지검장에 대해 ‘윤석열은 최고의 검사다. 그를 비난해서는 안된다’, ‘항명이 있었다고는 하나 이해해야 한다’고 말하는 등 윤석열 지검장에 대해 옹호함.
    그와 함께 일했던 법조인들은 ‘잠깐이라도 일해보면 존경할 수 밖에 없는 인물’이라고 평함.
    당시 연수원 선배인 조영곤 지검장을 상대로 한 폭로전이 여론의 도마 위에 오르면서, ‘기수문화가 엄격한 검찰인데 윤석열이 너무 대드는 것이 아니냐’라는 이야기가 나오자 윤석열 지검장을 아는 사람들은 한결같이 ‘만약 윤석열이 윗선에 항명했다면, 그건 윗선이 잘못하고 있다는 뜻이다’라고 대답함.

  5. 국정원 사건 청문회 당시 새누리당 측이 ‘윤석열은 민주당에서 키운 좌빨 검사인데, 정치공작을 하고있다’라고 공격했으나, 노무현 정부 당시에 민주당 이상수 전 사무총장, 안희정 충남지사, 강금원 창신섬유 회장을 구속수사하고 노무현 대통령의 딸인 노정연씨를 외화관리법 위반으로 기소. 유죄처분 받게 한 것이 윤석열 검사장 본인이라는 사실이 밝혀지면서
    새누리당은 꿀먹은 벙어리가 됨.

  6. 연수원 동기모임에서 한 사람이 카드로 결재하기로 하고 나머지 사람들이 각자 먹은만큼 그 사람에게 현찰을 주기로 했다가 윤석열 지검장이 ‘이건 카드깡이다’ 라면서 극구반대하여 밥값을 각자 현금으로 계산한 적이 있음.
    오히려 연수원 동기들은 ‘그런 면이 있어서 우리가 윤석열을 좋아할 수 밖에 없다’라고 말함.

  7. 국정원 대선개입 사전 이후 특별수사팀장에서 좌천되어 평검사로 근무하던 시절, 수많은 로펌에서 제의가 왔으나 모두 거절하면서 까마득한 후배들 밑에서 평검사로 업무를 계속 함.
    후배들과 함께 일하는 것도 곤욕이지만 후배들 밑에서 근무하는 것은 더 어려운 것이 당연한데도 윤석열 지검장을 아는 사람들은 ‘윤석열은 그런 상황이라고 본인이 검사직을 포기하고 나갈 사람이 아니다’라고 말함.

  8. 전직 판사인 민주당 박범계 의원과 연수원 동기.
    박범계 의원이 국회의원에 당선되었을 때 축하를 위해 연수원 동기들끼리 모이는 자리를 마련하자 모임에 참석해서 아무 말 없이 10분동안 술 한잔만 마신 뒤에 모임을 떠남.
    이후 박범계 의원은 페이스북에서 “국회의원과 현직검사가 사석에서 함께 있으면 정치중립성이 훼손될 수 있다는 당연한 사실을 나에게 깨우쳐주었다”라며 윤석열 지검장에게 고마움을 표시함.

2. 오마이TV 윤석열 국감 발언 모음 ‘나는 사람에게 충성하지 않는다’

3. 윤석열검사 서울지검장 승진 소식에 대한 언론 반응 – 검찰보다 기자들이 더 놀랐다고..

윤석열검사의 서울지검장 발탁에 대한 중안일보 기사 윤석열 검사 서울지검장 발탁에 대한 한국일보 기사

4. 이재명 성남시장 인터뷰 – ‘대통령되면 검찰총장은 윤석열검사’

이재명성남시장 인터뷰-윤석열을 검창총장으로

철지난 광고를 들춰보다 – 2002년 한일월드컵 인쇄광고

0

PC룰 정리하다 예전 2002냔 월드컵 당시 광고를 모아 놓은 폴더를 발견하고 남겨야 할것 같아서 여기에 공유해 봅니다.

전 국민이 열정의 도가니에 빠뜨렸던 기억이 아직도 생생합니다.
2002년 시청옆 태평로빌딩 사무실에서 시청앞 광장에서 모이는 인파를 바라보다 업무를 다 때려치고 달려갔던 기억들이 생생합니다.
퇴근후, 휴일이면 집사람이랑 응원을 다녔던 기억도 새롭고..

암튼 오랜된 파일이긴 합니다.

광고로서 좋은 평가를 받아서 올리기보다는 월드컵의 열기에 편승(?)해서 집행되었던 각 기업들의 광고를 그냥 담담하게 보려고 합니다.

솔직히 좋은 광고라고는 절대 생각하지는 않습니다. 다만 이런 시절이 있었다는데 의미를 두어봅니다.

좀 파일이 많네요.

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 1

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 2

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 3

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 4

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 5

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 6

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 7

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 8

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 9

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 10

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 11

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 12

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 13

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 14

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 15

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 16

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 17

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 18

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 19

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 20

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 21

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 22

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 23

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 24

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 25

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 26

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 27

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 28

철지난 광고를 들춰보다 - 2002년 한일월드컵 인쇄광고 29

[워드프레스 Tips] Lets’ Encrypt SSL 인증서 수동 갱신 방법

앞선 포스팅에서 무료 SSL인증서를 비교해 보았고 그 중 향후 가능성이나 사용편리성을 고려시 Let’s Encrypt가 가장 낫겠다고 판단했고 이를 적용하겠다고 했습니다.

이번 포스팅에서는 Let’s Encrypt를 통해서 무료 SSL인증서 발급받고 자동으로 연장하는 방안에 대해서 살펴보도록 하겟습니다.

이 글은 기존의 기라성과 같은 선배들이 제시해 준 가이드를 토대로 작성되었습니다.

SSL의 정석 (아파치 & nginx) ,
Let’s Encrypt, Nginx ,How to Install nginx and google PageSpeed on Ubuntu 16.04 (Xenial Xerus)

1. Let’s Encrypt (https://letsencrypt.org) 간략 소개

SSL-인증기관-lets-encrypt-2

앞 포스팅에서 소개한 내용을 그개로 여기에서도 인용해 봅니다.

Let’s Encrypt은 HTTPS의 확산이 늦어지는 것은 SSL인증서에 있다고 보고 무료 인증서 보급을 통해 HTTPS의 확산을 늘리겠다는 취지로 시작된 비영리 프로젝트입니다.

Mozilla, Akamai, Cisco, eff, Identrust, 지말토(Gemalto)와 HP 엔터프라이즈, 패스틀리(Fastly), 두다(Duda)등이 스폰서로 참여해서 HTTPS Everywhere를 모토로 100% 무료 SSL 인증서를 발급 해주고 있습니다.

2016년 4월 정식 버젼을 출시했으며 2014년 9월 8일 기준 약 537만개의 웹서버 인증서 170만 건을 발급했으며, 천만건이상의 SSL인증서 발급을 진행해왔습니다. (Let’s Encrypt 홈페이지 통계 기준)

Lets_Encrypt-인증서-발급추이_서버기준_1600918

Lets_Encrypt-인증서-발급추이_1600918

Let’s Encrypt의 정책은 독특합니다. 앞에서 HTTPS의 확산을 위한 비영리단체로 소개했듯이 Let’s Encrypt은 서버운영자들이 인증 관리를 철저히 하지 못한다는 점을 염려(?)해 인증서 설치부터 재발행(갱신)까지 다 책임진다는 자세로 인증관련 업무를 진행하고 있습니다.

인증기간이 90일로 상대적으로 짧은 것은 보안 상황이 계속 변동되므로 이를 반영해 갱신할 수 있도록 짧게 잡았으며 대신 자동으로 인증서가 연장(재발행)되는 기능을 사용하도록 권장하고 있습니다.

자동으로 연장(재발행)된다면 오히려 안심하고 사용할 수 있는 것이 아닌가 싶습니다.

  • HTTPS Everywhere 를 추구하는 비영리 프로젝트
  • 스폰서 : Mozilla, Akamai, Cisco, eff, Identrust
  • IdenTrust cross-sign됨
  • SSL 인증서 100% 무료화
  • 인증기간 연장 및인증서 재발급 무료
  • 사용편리성 : 콘솔상에서 인증서 발급/갱신/설치/세팅 자동화.
  • 멀티도메인 지원, SAN 기능(여러 도메인을 한 인증서로 묶어주는 기능) 지원

2. Let’s Encrypt에서 인증서 생성하기

현재 제 시스템 상황입니다.

  • Ubuntu 16.04
  • Nginx 1.11.4
  • PHP 7.0.3

Let’s Encrypt에서 제공하는 소프트웨어 클라이언트인 letsencrypt를 사용하면 쉽고 편하게 적용할 수 있습니다.
아파치서버에서는 완전 자동으로 SSL인증을 획득하고 적용할 수 있는 Nginx 서버에서는 이러한 자동화가 조금 늦게 적용되는 것 같습니다. Nginx에서의 자동화 방법은 없는것은 아니므로 이는 뒷부분에서 살펴보도록 하겠습니다.

아무튼 Nginx에서 Let’s Encrypt 인증서 생성에는 몇가지 조건이 있습니다.

  • root 접근 권한을 가지고 있어야 (즉 서버를 운영하고 있어야하므로 일반 웹호스팅은 안된다는 의미)
  • Let’s Encrypt가 아직은 공식적으로 Nginx를 지원하지 않은 상태이므로 아파치보다는 상대적으로 매뉴얼 작업이 필요합니다.

2.1. git 설치하고 certbot설치 하기

서버에 접근 후 root 계정을 전환 후

  • 첫째 /root에서 작업을 진행할 수 있게 /root로 이동합니다.

  • 둘째, 필요한 소프트웨어를 GitLab에서 받을 수 있도록 git를 설치합니다.

    처음 소프트웨어 설치 시 관련 소프트웨어를 업데이트할 수 있도록 Git repositories를 등록해 놓았다면 별도로 설치할 필요는 없는 것 같습니다. 긴가민가한다면 그냥 설치하는게 마음 편하겠죠.

  • 셋째, 새로운 작업을 시작하기전에 항시 최신 소프트웨어가 없는지 점검하기 위해서 업데이트 명령을 줍니다.

  • 넷째, 그 다음 git를 설치하라는 명령을 주는 거죠.

  • 다섯째, git이 설치되면 git 저장소에서 SSL 인증을 위한 소프트웨어 클라이언트인 certbot를 다운받습니다.

아래 차례대로 진행 명령을 보여주고 있습니다.

cd /root   # /root 디렉토리로 이동해 작업 시작
apt-get update   # 항상 소프트웨어를 설치하기 전에 최신 업데이트가 있는 지 학인
apt-get install git # git 설치
git clone https://github.com/certbot/certbot  # certbot 설치

2.2. certbot으로 인증서를 생성

다음에는 certbot이 설치된 폴더로 이동해 인증서를 생성하는 하는 단계입니다.

  • 첫째, certbot이 깔린 폴더로 이동합니다. cd certbot 명령 사용

  • 둘째, nginx를 중단시킵니다. Let’s Encrypt 의 인증 방식인 Standalone plugin 은 서버 인증을 위해서 80포트를 이용하는데 nginx가 80 포트를 계속 사용하고 있으면 인증이 제대로 될 수 없으므로 nginx 서버를 일시적으로 멈추는 것입니다.

  • 셋째, 인증 절차에 돌입합니다. 여기서 certonly 명령을 사용합니다. certonly는 인증서만 설치하겠다는 명령입니다. nginx에선 아작 아파치처럼 다양한 명령 옵션이 없다고 합니다.

  • 넷째, 나오는 화면 요구사항에 맞추어 인증을 진행합니다.

cd certbot  # /certbot 디렉토리로 이동해 작업 시작
service nginx stop   # 80포트를 사용하지 않토록 nginx를 중단시킴
./certbot-auto certonly # 인증 절차 진행, 조금 시간이 걸립니다.
service nginx start # 작업이 끝나면 다시 nginx를 가동시킴

▽ 메일 인증 장면

lets-encrypt-%ec%84%a4%ec%b9%98-%ed%99%94%eb%a9%b405_email

▽ 서비스 조건에 대해 일어보라는 메세지,
당연히 agree!!

lets-encrypt-%ec%84%a4%ec%b9%98-%ed%99%94%eb%a9%b406-read-pdf

▽ 인증절차가 진행되면 처음 나오는 화면,
webroot 인증을 할것인지 아니면 자동으로 스탠드올원으로 임시 웹서버로 인증할 것인지?
외국 문헌들은 webroot 인증을 추천하던데, 우리나라에서는 스탠드올원을 추천하고 있음

lets-encrypt-%ec%84%a4%ec%b9%98-%ed%99%94%eb%a9%b4

▽ SSL 인증할 도메인 입력,
가능하는 한 알고있는 또는 필요한 도메인을 전부 기록,
WWW는 별도로 입력해야 한다.

lets-encrypt-%ec%84%a4%ec%b9%98-%ed%99%94%eb%a9%b402

▽ 인증 완료 메세지,
생각보단 어렵지 않았다!!

lets-encrypt-%ec%84%a4%ec%b9%98-%ed%99%94%eb%a9%b406-%ec%84%b1%ea%b3%b5%ed%95%98%eb%a9%b4

2.3. DH Param 생성, 적용하기

앞의 2.2까지 진행하면 인증서 설치는 끝나지만 보다 보안을 강화하기 위해서 DH Param 생성을 합니다.

DH Param은 일부 암호화 알고리듬에 사용되는 커다란 난수 하나를 미리 생성해 두어서 암호화 성능을 향상시키고 보안을 높이는 방법입니다.

실제로 DH Param을 비적용시와 적용 시 보안 점수를 측정해보니 한등급 차이가 날 정도로 Gap이 컷습니다. DH Param를 적용시는 A+ 보안등급이 나오고 DH Param를 비적용시는 A-가 나오네요.

mkdir /etc/nginx/ssl
cd /etc/nginx/ssl
openssl dhparam -out dhparams.pem 4096  # 2048비트로 하려면 4096대신 2048로 대체 한다.
openssl rand 48 > session_ticket.key  # 세션 티켓키도 생성 이는 시간이 거의 걸리지 않는다.

2.4. 암호화 알고리즘 설정하기

XE 분야에서 탁월한 식견을 자랑하는 가지곰님이 Xpress Engine 공홈에 올린 SSL의 정석 (아파치 & nginx) 라는 글에 의하면 실제로 보안을 제공하는 것은 인증서가 아니라 암호화 알고리즘이라고 이야기 하고 있습니다. 인증서를 획득하는게 중요한게 아니고 얼마나 철저한 암호화 설정을 하느냐가 중요하다는 것입니다.

아래는 제가 SSL의 정석 (아파치 & nginx) , Let’s Encrypt, Nginx ,How to Install nginx and google PageSpeed on Ubuntu 16.04 (Xenial Xerus)의 글들을 토대로 SSL 암호화를 반영하고 구글 PPageSpeed Module을 적용한 스크립트입니다.

참고로 보시기 바랍니다.

server {
    listen       80;
    server_name  yourdomain.com www.yourdomain.com;
    return 301 https://$host$request_uri;
}

server {

    listen 443 ssl http2;
    server_name yourdomain.com;
    root   /home/happist;

    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains";
    add_header X-Frame-Options DENY;

    ssl on;
    ssl_certificate /etc/letsencrypt/live/yourdomain.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/yourdomain.com/privkey.pem;


    #OCSP Stapling(인증서가 유효하다는 증명을 미리 받아두어서 사이트에 처음 방문할 때 접속 속도를 높여주는 방법dla)

    ssl_dhparam /etc/nginx/ssl/yourdomain.com.pem;
    ssl_stapling on;
    ssl_stapling_verify on;
    ssl_trusted_certificate /etc/letsencrypt/live/yourdomain.com/fullchain.pem; 
    resolver 8.8.8.8 8.8.4.4;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

    ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';


    ssl_prefer_server_ciphers on;
    ssl_session_timeout 1d;
    ssl_session_cache shared:SSL:10m;

    access_log /var/log/nginx/yourdomain.com.access.log;
    error_log /var/log/nginx/yourdomain.com.error.log warn;


   location / {
       try_files $uri $uri/ /index.php?$args;
       index index.php index.html index.htm;
    }


    # Block dot file (.htaccess .htpasswd .svn .git .env and so on.)
    location ~ /\. {
        deny all;
    }

    location = /favicon.ico {
        log_not_found off;
        access_log off;
    }

    location = /robots.txt {
        allow all;
        log_not_found off;
        access_log off;
    }

    location ~* /(?:uploads|files|data)/.*\.php$ {
        deny all;
    }

    # Add trailing slash to */wp-admin requests.
    rewrite /wp-admin$ $scheme://$host$uri/ permanent;

    location ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ {
        access_log off;
        log_not_found off;
        expires max;
    }

    location ~ [^/]\.php(/|$) {
        fastcgi_split_path_info ^(.+?\.php)(/.*)$;
        if (!-f $document_root$fastcgi_script_name) {
            return 404;
        }

        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;

    }

pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;

pagespeed RewriteLevel CoreFilters;
pagespeed EnableFilters defer_javascript;

# Ensure requests for pagespeed optimized resources go to the pagespeed handler
# and no extraneous headers get set.
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
  add_header "" "";
}
location ~ "^/pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }

}

2.5. nginx 서비스 재시작

세팅이 완료되었으면 ginx 서비스를 재시작 명령을 주어 설정이 반영되도록 합니다.

nginx -t   # 혹 설정에 문제가 없는지 점검
service nginx restart   # nginx 서비스를 재시작해 설정을 반영시킴

그리고 Qualys SSL Labs으로 이동해서 보안점수가 어는정도 나오는지 테스트해봅니다.

HOW WELL DO YOU KNOW SSL?

제대로 세팅만하면 A+은 그냥 나오므로 어느정도 신뢰 할 수 있는지 모르겠습니다. 변별력이 별로 없어 보여서요.

A+이 나온 SSL Test 결과

3. Let’s Encrypt 인증서 자동 갱신

Let’s Encrypt 무료 SSL 인증서는 3개월단위로 인증서가 발급됩니다. 3개ㅇ뤄마다 수동으로 이를 업데이트 시키려면 엄청 신경을 써야하고 바쁘다보면 그냥 지나칠 경우가 많겠지요.

아래는 두가지 방법을 제안해 놓았는데 2가지 방법 중 하나를 택해서 사용하면 좋을 것 같습니다.

저는 당분간 2개다 써보고 잘 작동하는지 더 모니터링 해볼 생각입니다.

3.1. 3개월 단위로 갱신하는 스크립트 사용

이런 귀찮은 업데이트를 자동으로 해주는 방법입니다. 이 방법은 크론탭과 쉡 스크립트를 사용한 방법으로 Let’s Encrypt 무료 SSL 인증서 갱신하기라는 글을 참조하였습니다.

여기에선 매달 10일 새벽 4시에 인증서 갱신 여부를 확인해 갱신 시기가 다가오면 갱신토록 하였습니다. 15일을 택한 이유는 제가 17일자로 인증을 받았으므로 1주 정도 여유를 둔 것입니다.

먼저 letsencrypt.sh 파일을 만들어 Shell Script 생성합니다.

touch /root/letsencrypt.sh

다음으로 letsencrypt.sh 파일에 755권한을 줍니다.

chmod 755 /root/letsencrypt.sh

그리고 letsencrypt.sh 파일에 명령 스크립트를 적습니다.

#!/bin/sh
/etc/init.d/nginx stop
if ! /root/tools/letsencrypt/letsencrypt-auto -renew > /var/log/letsencrypt-renew.log 2>&1 ; then
    echo Automated renew failed;
    cat /var/log/letsencrypt-renew.log
    exit 1
fi
/etc/init.d/nginx start

마지막으로 crontab 아래 내용 추가합니다.

30 0 1 1-12 * root /root/letsencrypt.sh

3.2. 매일 갱신 여부를 체크하는 스크립트 사용

이는 a href=”https://wpu.kr/7449">Let’s Encrypt, Nginx 에서 소개하는 방식으로 cron을 매일 04시 30분, 31분, 35분에 nginx를 중지시키고 갱신을 확인하고 nginx를 다시 시작하라는 명령을 준 것입니다.

crontab에 아래 명령을 추가합니다.

30 04 * * * /etc/init.d/nginx stop
31 04 * * * /root/certbot/certbot-auto renew >> /var/log/letsencrypt/le-renew.log
35 04 * * * /etc/init.d/nginx start

4. SSL 사용을 위한 워드프레스 설정하기

워드프레스에서는 별로 할것은 없습니다.
워드프레스 어드민의 설정 – 일반으로 가서 워드프레스 주소와 사이트주소에 S를 붙여줍니다.

워드프레스와 사이트 주소에 S를 붙임

5. SSL 설정 후 속도 개선하기

SSL을 설정하고 인터넷을 실행하면 속도가 확 떨어집니다.
저의 경우 test.pingdom에서 test를 해보면 waiting 시간이 2초 가까이(이 엄청난 속도!!!!!)나오더군요..

이를 해결하는 방법은 OCSP Stapling을 적용하는 방법이라고 합니다. 이는 앞서서도 소개한 가진곰님의 SSL의 정석 (아파치 & nginx) 에서 소개하는 방법으로 사이트에 적용한 인증서가 유효하다는 증명을 미리 받아두어서 사용자가 사이트를 방문 시 접속 속도를 높여주는 방법입니다.

ssl_dhparam /폴더/경로/아까.생성한.dhparam;
ssl_stapling on;
ssl_stapling_verify on;
ssl_trusted_certificate /폴더/경로/2~3번.인증서.붙인거.파일명;
resolver 8.8.8.8 8.8.4.4;

resolver는 내부적으로 인증서 발급업체와의 통신을 위해 사용하는 네임서버라고 하구요. 일반 서버호스팅은 IDC에서 제공하는 네임서버 성능이 좋지 않아서 구글에서 제공하는 네임서버로 셋팅한다고 합니다.

6. 마치며

이상으로 간단히 SSL 적용 방법을 적어 보았습니다.
이 분야에의 문외한이 겁없이 시작해서 많은 시행착오 끝에 SSL를 적용했습니다. 참 어려운 여정이었습니다.

이제 적용하고 보니 이게 최선인가하는 회의가 듭니다. 왜냐면 SSL 적용후 속도가 만족스럽지 못하기 때문이죠.
다들 속도때문에 SSL은 로그인이나 회원 가입등 일부 부분에서만 사용한다고 하네요. 네이버도 일부분만 적용한다고.

우선 가상호스팅을 사용하고 있으므로 봉안 차원이라도 SSL을 적용하는게 좋을 것 같고, 속도 문제는 차후 어떻게 개선할지 고민해 봐야겠습니다.

은결이와 봄비 맞으며 자전거를 달려보다 – 동백 호수공원에서 기흥역까지 신갈천을 따라 달리다.

토요일, 은결이가 멀리 자전거를 타고 나가야한다고 주장해서 자전거를 끌고 길을 나섰다.

오후 3시가 가까워오는 시간 하늘은 잔뜩 흐려있었고 곧 장대비가 엄습할것 같은 그런 암울한 분위기였다.
집을 나선 이상 일정 시간은 보내야하므로 동네를 인도를 타고 호수공원까지 갔다. 호수공원 상가에서 컴퓨터 부품이 있는지(사실 컴퓨터에 달 무선랜이 필요했다.) 알아보고 있는 동안 비가 내리기 시작했다.

비가오면 은결이더러 집에 가자고 하고 싶었으나 구갈레스피아를 지나 멀리까지 자전거를 타고 가겠다는 의지가 너무 강해서 비가 조금씩 내림에도 불구하고 천변길로 자전거를 달리기 시작했다.

다행히 구갈레스피아갈때까지는 비가 오지 않았으나 구갈레스피아를 지난순간부터 장대비가 내리기 시작했다.
급히 페달을 밟아 강남역아래의 다리밑에서 빗줄기를 피하며 비가 그치기를 기다렸다.

▽ 비가 드치길 기다리면서 비가 내리는 길위를 담아 보다

비맞으며 은결이와 자전거를 타다 우천중의 라이딩(20170513)-0351

▽ 내리는 비를 맞고 있는 자전거를 담아보다.

비 맞으며 은결이와 자전거를 타다-내리는 비를 맞고 있는 자전거 우천중의 라이딩(20170513)-0353

▽ 비가 그치기를 기다리는 은결

비가 그치기를 기다리는 은결

▽ 비가 어느 정도 그치자 서둘러서 출발하려는 은결

비가 어느정도 그치자 서둘러서 출발하려는 은결

비가 어느정도 그치자 서둘러서 출발하려는 은결

결국 기흥역까지 달려 내려갔다.
비가 와서일까? 천변의 공기는 정말 좋지 않았다. 섞은 물들이 비가 오면서 한꺼번에 냇가로 몰려 내려오는 것 같았다. 악취만 적다면 좋은 라이딩 코스인데…. 아쉽다는 생각을 해봤다. 아마 날씨가 좋은 날이면 이런 썪은 냄새 따위는 나지 않겠지?

다시 올라와 어정역에서 은결엄마를 기달달려 은결이는 자동차로 집에가고 나는 자전거로 집으로 돌아왔다..

비가와서 조금 아쉬웠지만 나름 즐거운 자전거 하이킹이었다.

▽ 어정역에서 엄마를 기다리다.

어정역에서 엄마를 기다리는 은결

▽ 엄마를 기다리면서 그 새를 못참고 가드레일에 올라가 나무를 건들이는 은결,
그런 아이를 사진으로 담는 아빠도 똑같다.

엄마를 기다리면서 그 새를 못참고 가드레일에 올라가 나무를 건들이는 은결,
그런 아이를 사진으로 담는 아빠도 똑같다.

▽ 어정역 버스정거장 모습

어정역 버스정거장 모습

▽ 어정역을 지난 동백으로 향하는 경전철,
나무잎 사이로 보이는 경전철이 조금은 그럴싸 해보 보인다.

어정역을 지난 동백으로 향하는 경전철, 나무잎 사이로 보이는 경전철이 조금은 그럴싸 해보 보인다.

세월호관련 기사에 댓글을 단 문대통령 – 세월호 미수습자들이 모두 가족 품으로 돌아오길 기원합니다

0

지난 토요일 (2017년 5월 12일) 새월호 선내 수색하면서 ‘사람 뼈’ 추정 뼈가 발견되었는 뉴스가 많은 관심을 받았습니다.

세월호 사태가 난지 오랜 시간이 흘렀지만 아직까지 9명의 흔적을 찾지 못해 유족들이 애를 태우 있었는데 조금 희망적인 소식이 들려온 것이죠.

세월호 선내 수색서 ‘사람 뼈’ 추정 뼈 다수 발견(2보)

세월호 선내 수색서 '사람 뼈' 추정 뼈 다수 발견(2보) 뉴스 캡춰

어제 이 소식을 듣고 뭐가 잘되리라는 희망을 받았는데 오후에 이 기사의 댓글에 세월호 어머님의 편지가 댓글로 달렸고 문대통령께서 너무 가슴이 아프다고 직점 대댓글을 달았다고 뉴스에 나오더군요.

그 기사를 읽고 뭉클했습니다.
같은 사람이구나. 같이 아파하고 힘든 사람의 손을 잡아줄 수 있는 믿을 수 있는 사람이구나.

요즘 너무 기분좋은 기사들이 많아서 뉴스보는 재미가 쏠쏠했는데 어제 기사들은 저의 눈물샘을 마구마구 자극하더군요.


댓글에 달린

세월호 어머니의 편지


너는 돌 때 실을 잡았는데.
명주실을 새로 사서 놓을것을..
쓰던 걸 놓아서 이리 되었을까?

엄마가 다 늙어서 낳아서 오래 품지도 못하고 빨리 낳았어.
한달이라도 더 품었으면
사주가 바뀌어 살았을까?

엄마는 모든걸 잘못한 죄인이다.
몇 푼 벌어 보겠다고 일하느라
마지막 전화 못받아서 미안해.

엄마가 부자가 아니라서 미안해.

없는 집에 너같이 예쁜애를 태어나게 해서
미안해.

엄마가 지옥갈께
딸은 천국가..

오늘 시간이 나서 그 대댓글을 직접 보고 싶어졌습니다. 뻘짓일수도 있는데 함 보고 싶어졌죠. 때로 그럴 때가 있는 법이죠.

그 뉴스 링크를 타고 들어가니 이미 그 댓글은 성지 글이 되었더군요.
많은 사람들이 성지순례하러 왔다고 대댓글을 남겼습니다. 그러다보니 대댓글이 너무 많아서인지 문변님이 쓰신 대댓글을 찾을 수 없었습니다.
2017년 05월 14일 11시 현재 2200개이상의 댓글이 있었고 관심을 모은 행동하는 양심님의 댓글에는 1480개 이상의 대댓글이 달려 있었습니다.

두번이나 끝까지 내려서 찾아보다 아쉽지만 포기하고 인터넷에서 이미지를 찾아서 내용을 다시 한번 확인해 보았습니다.

▽ 세월호 기사 댓글에 대댓글을 단 문대통령

세월호 기사 댓글에 대댓글을 단 문대통령

세월호 참사 미수습자들 모두 조속히 가족들의 품으로 돌아오길 간절히 기원합니다.

어제 가슴 뭉클한 기분을 그대로 나기고 싶어서 여기에 올려봅니다. 니중 시간이 흘러 여기를 보면 감회가 새로울 것 같습니다.

그리고 참 부정적으로 세상을 바라보는 사람들도 많은 것 같습니다. 그냥 애정을 가지고 바라봐 주면 안되는 것인지?

▽ 세월호에 대해서 이야기하는 것을 아주 부정적으로 폄하하고 있는 사람들의 대댓글,
예전에 비해서 순화된 대댓글이기는 하다.

세월호 미수습자 발견 소식에 문대통령 댓글을 찾던 중 아주 부정적인 사람들의 대댓글

로레알(L’Oreal)이 인플러언서 마케팅으로 51% 매출을 증가시키다 -L’Oreal ‘Pure Clay Mask’ 사례

0

로레알(L’Oreal)은 2016년도 매출 25.84 billion euros를 달성한 세계에서 가장 큰 화장품 회사죠.
로레알(L’Oreal)이 변화하는 마케팅 환경에 대응학 위해 인플러언스 마케팅에도 많은 관심을 쏟고 있는데요.

최근 로레알(L’Oreal)의 인플러언스 마케팅 사례를 살펴보겠습니다.

로레알(L’Oreal)이 지난 하반기 출시한 “Pure Clay Mask”를 대상으로 진행한 인플러언스 마케팅 사례를 최근 ADWEEK에서 소개해 이를 중심으로 재정리해 봤습니다.

1. 로레알(L’Oreal)의 ‘Pure Clay Mask’

ADWEEK가 최근 발행한 글Sales of This L’Oreal Product Rose 51% After ‘Everyday Influencers’ Promoted It Heavily on Snapchat에서 로레알(L’Oreal)의 인플러언스 마케팅을 아래와 같이 정리하고 있습니다.

로레알(L’Oreal) 영국 지부는 유료 광고를 대체하기 위해 인플러언스 마케팅을 고민하였습니다. 이 인플러언스 마케팅은 아래와 같이 실시되었습니다.

  • 2016년 8월부터 10월까지 3개월간 진행
  • 새로운 스킨케어 브랜드인 “Pure Clay Mask”가 인플러언스 마케팅 대상으로 선정
  • 마케팅 대행사 BzzAgent 선정
  • 인플러언서 선발 : BzzAgent는 쇼핑관련 데이터 회사인 dunnhumby의 네트워크를 통해 20~55세 2,000명의 영국계 여성을 선정 함
  • “clay the day away”라는 캐치프레이즈를 걸고 진행된 캠페인에서 다양한 사진, 제품 리뷰와 동영상을
  • 6개 주요 쇼셜미디어(Snapchat, Facebook, Instagram, Pinterest, Twitter and YouTube)를 활용했고 특히 Snapchat을 집중 활용 하였음

▽ 로레알(L’Oreal) 인플러언서 마케팅 Pure Clay Mask ,
유튜브에 올라온 리뷰어 영상 캡춰

로레알(L’Oreal) 인플러언서 마케팅 Pure Clay Mask 유튜브-vert

▽ 로레알(L’Oreal) Pure Clay Mask를 인스타그램에 공유,

로레알(L’Oreal) Pure Clay Mask 인스타그램

이 캠페인의 결과,

마케팅 대행사인 BzzAgent와 L’ Oreal은 에 따르면 Snapchat, Facebook, Instagram, Pinterest, Twitter and YouTube의 여섯개의 채널에서 5,800편의 콘텐츠가 741,000명의 소비자에게 도달했으며( 이중에서 스냅챗에서는 500게이상의 포스팅이 이루어졌다고 한다) 관련 SNS에서 언급이 53 %나 증가했습니다.

마케팅 효과를 측정한 IRI는 새로 출시한 “Pure Clay Mask”의 판매량이 51%나 증가한 것으로 나타났습니다. 이러한 효과는 다른 어느 소셜미디어보다 스냅챗( Snapcha)에서 효과가 두두러졌다고 합니다.

2. 스냅챗( Snapcha)이 인플러언스 마케팅에 강한 이유?

위 사례는 Snapchat이 인플러언스 마케팅을 하기에 아주 좋은 플랫폼이라는 것을 증명해준다는 평입니다. 다만 Snapchat은 그들의 이미지가 너무 비지니스 지향으로 흐르는 것을 경계하고는 있습니다.

Snapchat에서 인플러언스 마케팅이 더 활성화되는 이유는 무엇일까요?

Snapchat은 모바일 그리고 동영상 시대를 맞아 누구보다도 먼저 세로 동영상을 도입하고 있습니다.

스냅챗(Snapchat)은 플랫폼 특성에 맞추어 10초 세로형 비디오 를 요구하고 있습니다.

스냅챗(Snapchat)에 의하면 모바일에서 세로 비디오는 가로 비디오보다 9배 더 시청되었다고 합니다.

스냅챗(Snapchat)이 추구하는 모바일에 최적화된 세로 광고가 주목도를 높여 광고 효과를 증가시켰다는 평가가 이번 L’ Orea 사례에서도 가능하다는 생각입니다.

▽ 로레알(L’Oreal) Pure Clay Mask를의 스냅챗(Snapchat)용 세로 광고

3. 인플러언스 마케팅을 철저히 준비하는 로레알(L’Oreal) – Beauty Squad를 출범하다.

2016년 9월 로레알(L’Oreal) UK는 Beauty Squad라는 인플러언스 마케팅 대응 조직을 만들었습니다. 이 조직은 로레알(L’Oreal) 내부 직원이 아닌 영국에서 미용 관련해 전문성과 유명세를 겸배한 블로거 5명으로 구성되었는데 이 5명의 블로거들이 거느리고 있는 팔로워들을 전부 합치면 5.5백만명에 달할 정도로 영향력 있는 진짜 인플러언서들인데요. 이들을 통해서 미용관련 주제에 대해 소통하고 로레알(L’Oreal) 브랜드에 대한 진정한 브랜드 옹호자로서 역활을 하게 된다고 합니다.

▽ 로레알(L’Oreal)이 조직한 5명의 인플러언스 특공대(Influencer Squad) 5인

로레알(L'Oreal)이 조직한 5명의 인플러언스 특공대(Influencer Squad)

▽ 로레알(L’Oreal)의 Influencer Squad 관련 영상

4. 마치며

이상에서 간단히 로레알(L’Oreal)의 ‘Pure Clay Mask’에 대한 인플러언스 마케팅 사례를 알아보았는데요.

기존 전통적인 마케팅에서 벗어나, 변화된 마케팅 환경에 적극 대응하고 다양한 소셜미디어를 적극 활용하는 디지탈 마케팅에의 집중이 성과를 내고 있다는 생각을 해 봤습니다.

그리고 Beauty Squad와 같이 능동적으로 인플러언서를 조직하고 이를 마케팅으로 연결하는 로레알(L’Oreal)의 시도는 눈여겨보고 밴치마킹해봐야할 부분이 아닐까 합니다.

[워드프레스 Tips] Newspaper7테마에서 Visual Composer(비주얼 컴포저) 속도는 쓸만할까?

Happist.com이 현재(2017년 5월) 사용하고 있는 Newspaper7 테마에서 비쥬얼 컴포우져가 속도에 어느 정도 미치는 지 살펴보겠습니다.
우리나라에 워드프레스 테마 관련 글들이 많지 않아 처음 접근하는 분들은 고생을 하기 마련인데요. (저도 무수히 많은 시행착오를 거쳤습니다. ) 이런분들에게 조금이라도 도움이 되었으면 하는 마음에 간략 공유합니다.

Nwewspaper7테마에 대해서는 [워드프레스 Tips] 베스트 뉴스 매거진 테마인 Newspaper 7의 6개월 사용기포스팅을 참고하세요.

1. Visual Composer(비주얼 컴포저)가 무엇일까?

Visual Composer(비주얼 컴포저)는 워드프레스에서 페이지와 포스팅을 쉽게 만들 수 있도록 도와주는 플러그인입니다.

단독으로 구입 시는 34달러라는 비교적 높은(/?) 가격에 판매되고 있으며 많은 테마에서 이 Visual Composer(비주얼 컴포저)를 기본 페이지 빌더 플러그인으로 채택해서 판매하고 있습니다. 이렇게 테마에 끼워 팔리는 Visual Composer(비주얼 컴포저)가 급격히 증가하면서 Visual Composer(비주얼 컴포저)는 가장 많이 사용하는 페이지 빌더 플러그인이 되었습니다.

그런데 테마에 딸려오는 Visual Composer(비주얼 컴포저)는 독립적으로 사업데이트가 되지 않습니다. 개인에게 Visual Composer(비주얼 컴포저) 소유권이 없어서 테마 업데이트 시 딸려오는 Visual Composer(비주얼 컴포저)로 매뉴얼로 업데이트를 해야 합니다.

저는 Nespaper7 테마가 업데이트 되어 관련 파일을 받으면 Visual Composer(비주얼 컴포저)를 지우고 다시 테마와 함께 받은 Visual Composer(비주얼 컴포저) 설치 파일로 다시 설치해 줍니다.
불편하지만 이렇게라도 하지 않으면 계속 Visual Composer(비주얼 컴포저)를 업데이트하라는 메세지를 받아야 합니다.

2. Visual Composer(비주얼 컴포저)를 사용하면 속도가 어느 정도 느려질까?

일반적으로 Visual Composer(비주얼 컴포저)를 사용하면 속도가 느려진다고 이야기합니다. 저의 경우도 느려진다고 알고 있고 막연히 그렇게느끼고 있었습니다.

사이트 접근 속도를 어떻게 빠르게 할까 고민할 시 늘 빠지지않는 주제가 바로 이 Visual Composer(비주얼 컴포저) 비적용 방안입니다.
이번에도 모바일 등 속도를 빠르게 하기 위한 고민을 많이 했는데요. 이 고민중의 많은 부분이 이 Visual Composer(비주얼 컴포저)를 빼고 가는 방안이었습니다.

그래서 몇가지 케이스로 나누어 테스트를 해 보았습니다.
첫번째는 Visual Composer(비주얼 컴포저) 비적용 + 최근 글 15개 보여주기
두번째는 Visual Composer(비주얼 컴포저) 비적용 + 홈페이지 메인을 특정 카테고리(Case study 카테고리)로 보여주기
세번째는 Visual Composer(비주얼 컴포저) 사용

속도라는 게 사람마다 기대치가 달라서 빠르다 느리다 이야기하기가 애매하기 때문에 비교치 기준을 명확히 세우고 정량적인 수치를 측정, 비교해서 조금은 객관화 해 보겠습니다.

2.1. 테스트 조건 설정 및 측정

속도 테스트는 WEBPAGETEST를 사용했으며 테스트 기준은 지역은 서울 EC2, 통신망은 케이블에서 3회 측정했습니다.

  1. 비교치를 설정하기 위해 네이버를 측정했습니다.
    naver.com은 Load Time 2.269s First byte 0.358s

  2. happist.com에서의 측정은 아래와 같은 결과를 얻었습니다.

    • Visual Composer(비주얼 컴포저) 비적용+최근글로 15개 보여주기 적용 시
      Load Time 3.767s First byte 0.867s

    • Visual Composer(비주얼 컴포저) 적용+별도 카테고리형식으로 홈 보여주기 시
      Load Time 3.441s First byte 0.671s

    • Visual Composer(비주얼 컴포저) 적용 시
      Load Time 3.789s First byte 0.859s

수치로 적어 놓고 보니 아주 큰 차이가 나지는 않네요..
어제 테마를 업그레이드했고 이어서 Visual Composer(비주얼 컴포저)도 최신 버젼으로 업데이트했는데 이 업데이트가 성능이 더 좋아진 것같다는 생각이 듭니다. (막연한 느낌)

2.2. Visual Composer(비주얼 컴포저) 비적용+최근글로 15개 보여주기

첫번째로 검토한 것은 Visual Composer(비주얼 컴포저) 비적용 + 최근 글 15개 보여주기입니다.

이 옵션은 몇개를 보여주는냐에 따라 속도 차이가 납니다. 5개정도만 보여주겠다는 옵션에서는 비교적 빠른 속도를 보여주었지만 제가 원하는 15개정도로 늘리니 로딩 속도가 조금 느려집니다.

아래 테스트 결과는 15개를 구현했을 시 사이트 메인 및 속도 측정 결과입니다.

Happist.com 비쥬얼컴포우져 비적용+최근글 Screenshot 2017-05-14 at 11.52.58

Load Time 3.767s First byte 0.867s

Newspaper 속도 측정 최근글3 Crop Screenshot 2017-05-14 at 11.55.58

2.2. Visual Composer(비주얼 컴포저) 비적용 + 홈페이지 메인을 특정 카테고리(Case study 카테고리)로 보여주기

이번에는 Visual Composer(비주얼 컴포저)를 사용하지 않으며서 조금 폼나게 홈페이지 메인을 Case study 카테고리로 보여주는 방식입니다.

이 점이 나름 강점은 Newspaper7에서 제공하는 Big Grid라는 디자인 요소를 사용할 수 있어서 메인 페이지가 다소 짜임새 있게 보여줄 수 있으며, 무한 로딩( Infinite loading)을 지원해서 계속해서 컨텐츠를 보여줄 수 있습니다.

지금까지 작업한 결과는 Big Grid에서 보여주는 리스트와 아래 일괄 리스트가 서로 겹쳐 중복 컨텐츠가 표현된다는 점입니다. 그리고 특정 카테고리만 보여줄 수 있는 것은 매우 아쉬운 점입니다.

Happist.com 비쥬얼컴포우져 비적용+ Homepage Screenshot 2017-05-14 at 11.58.11

Load Time 3.441s First byte 0.671s

Newspaper 속도 측정 Homepage 3 Crop Screenshot 2017-05-14 at 11.59.56

2.3. Visual Composer(비주얼 컴포저) 적용

이번에는 논란의 중심에 서 있는 Visual Composer(비주얼 컴포저) 적용한 경우입니다.

속도만 충분히 난다면 계속 사용하고 싶은 옵션인데요.

Happist.com Visual Composer(비주얼 컴포저) 적용 Screenshot 2017-05-14 at 11.51.05

Load Time 3.789s First byte 0.859s

Newspaper 속도 측정 Visual Composer(비주얼 컴포저) 적용 시3 Crop Screenshot 2017-05-14 at 12.19.22

3. 마치며 – 아무래도 Visual Composer(비주얼 컴포저)를 계속 써야할 듯

세가지 케이스를 검토해 보았는데요. 물론 투철한 실험정신에 입각해 몇십회씩 테스트를 했으면 좋겠지만 그럴 여력이 되지않어 3~4번의 테스트만으로 결론을 냅니다.

Visual Composer(비주얼 컴포저)를 적용하면 확실히 무거워 집니다. 따라 속도도 느려집니다. 그런데 그 무거워지고 속도가 느려지는 속도가 어느 정도냐에 따라 판단을 달리할 수 있습니다.

Visual Composer(비주얼 컴포저)를 사용하지 않으면 3.5초 전후의 속도를 보여주는 것 같습니다. 반면에 Visual Composer(비주얼 컴포저)를 적용하면 3.9초 전후의 속도를 보여줍니다.

아마 Visual Composer(비주얼 컴포저) 사용 유무에 따라 0.3~0.4초정도의 차이는 나는 것 같습니다. 이 정도 속도의 차이는 큰 것일까요? 우선 직관적인 대답은 Yes입니다. 단순 계산만으로도 10% 정도 속도가 저하되었다고 해석할 수 있습니다.

네이버에 비교하면 67% 속도가 저하되었다고 계산 결과는 보여주고 있습니다. 1.5초정도 느리죠.

그러나 Visual Composer(비주얼 컴포저)를 사용해도 3초대(비록 후반이지만)에 로딩이 되고 제대로 컨테츠를 보여줄수 있다는 점에서 조금 늦드라도 사용하는게 맞겠다는 최종 판단을 합니다.

명품 디자이너 발렌시아가 99센트짜리 이케아 쇼핑백의 가치와 소비자 충성도를 높여주다.

0

지난 4월 유명 명품 브랜드인 발렌시아에서 이케아의 99센트짜리 쇼핑백을 모티브로 삼은 제품을 출시했는데요.
이 제품이 이케아 쇼핑백을 카피했다고 해서 논란이 일었습니다. 발렌시아에서는 이케아 쇼핑백을 창조적으로 재해석했다고 주장했지만 이런 주장에 대해서 많은 소비자들은 동의를 하지 않고 있습니다.

많은 소비자들은 더 나아가 이케아 쇼핑백으로 발렌시아가 했던것보다 훨씬 더 창조적으로 재해석할 수 있다는 것을 다양한 아일템으로 제작함으로써 보여주면서 발레시아의 궁색한 변명을 비웃고 있습니다.

아래 발렌시아가 재해석했다는 쇼핑백을 살펴보고 이어 소비자들의 정말 창의적인 제품들 아이디어들을 살펴보겠습니다.
이케아는 이번 사건으로 엄청난 홍보와 충성심 가득한 소비자들을 확인할수 있었습니다.

아래 발렌시아 쇼핑백의 내용은 이케아 99센트 쇼핑백을 카피한 $2,145 럭셔리 쇼핑백에 대한 이케아의 멋진 대응 포스팅을 인용하였습니다.

1. 럭셔리 패션 디자이너 Balenciaga가 쇼핑백을 출시하다

최근 프랑스 럭셔리 패션 디자이너 Balenciaga는 Arena Extra-Large Shopper Tote Bag이라는 쇼핑백 제품을 출시 했습니다. 그리고 이 제품은 프랑스 럭셔리 패션 디자이너 Balenciaga는 Arena Extra-Large Shopper Tote Bag 에서 만나 볼 수 있습니다. 가격은 $2,145

▽ BARNEYS Newyork의 온라인 사이트에서 판매중인 프랑스 럭셔리 패션 디자이너 Balenciaga의 Arena Extra-Large Shopper Tote Bag

이케아 Shopping bag을 카피한 프랑스 럭셔리 패션 디자이너 Balenciaga의 Arena Extra-Large Shopper Tote Bag 504889384_1_BagFront

2. 너무나 유사한 이케아 쇼핑백과 발렌시아(Balenciaga) 가방

Balenciaga의 Arena Extra-Large Shopper Tote Bag은 가죽으로 만들어 고급감을 극대화한 제품으로 이케아의 비닐 재질로 만든 99센트 제품과는 차이가 분명히 있습니다만 그 유사성에 대해서는 논란이 있습니다. 실용성과 명품이라는 측면에서 차이가 있지만 디자인 측면에서 과히 다르지 않다는 점에서 문제가 되고 있죠..

이케아 99센트Frakta shopping bag vs Balenciaga의 Arena Extra-Large Shopper Tote Bag 가격 2145$

3. 발렌시아의 창조적 해석이라는 주장에 맞선 소비자들의 대응

이런 디자인 유사성에 대해서 발렌시아는 이케아 제품에 창조적 재해석이라고 주장하고 있습니다. “integrates subversive and experimental designs with iconic house codes.”

이에 대해서 소비자들은 창조적 재해석이무엇인지를 보여주겠다며 이케아 99센트 쇼핑백(Frakta shopping bag)를 활다양하게 활용하는 아이디어를 제안하고 있습니다.

재기가 번득이는 아이디어를 통해서 발렌시아에게는 통렬한 비웃음을 이케에게는 99센트 쇼핑백이 사람들의 삶속에 얼마나 깊이 긍정적으로 자리 잡았는지를 알수 있는 그런 계기였습니다.

아래 소비자들의 재기발랄한 작품(?)을 보시죠.
이 이미지들은 People Are Making All Kinds Of Things Out Of Ikea Bags Now 를 주로 인용하였습니다.

FRAKTA niejedno ma imię! 🙂 #FRAKTA #bag #ikea

IKEA Polska(@ikeapolska)님의 공유 게시물님,

Tailor-made for my girl @aria.duan ? #IKEAMASK #HANDCRAFT #FRAKTA #FRAKTAMASK

Zhijun Wang(@zhijunwang)님의 공유 게시물님,

IKEA MASK @aria.duan #IKEAMASK #HANDCRAFT #FRAKTA #FRAKTAMASK

Zhijun Wang(@zhijunwang)님의 공유 게시물님,

#TBT 2012 repurposed backpack made from Ikea bags… just because ?

Blanco Brown(@blanco_brown)님의 공유 게시물님,

BALENCIAGA x IKEA limited hoax thong

signe ralkov(@signeralkov)님의 공유 게시물님,

Too good not to pt 2 Re-gram from @al_c_h #tbt #Ikea #BucketHatForLife

Paul Ruffles(@pruffs)님의 공유 게시물님,

2017 | We reconstructed one of those bags into a more portable solution for carrying daily essentials #IKEA #Frakta

7eonard(@ballistics)님의 공유 게시물님,

Zawsze pod ręką! 🙂 #bag #FRAKTA #ikea

IKEA Polska(@ikeapolska)님의 공유 게시물님,

Tej wiosny domy mody lansują swoje wersje niebieskiej torby. FRAKTA jest trendy od dawna! #FRAKTA #bag #ikea

IKEA Polska(@ikeapolska)님의 공유 게시물님,

3. 마치며 – 발렌시아가 이케아의 소중함을 일깨워주다.

이번 사태(?)가 주는 교훈은 무엇일까요?

발렌시아로서는 아주 일상화되어 생활속의 일부분이 되어 버린 이케아 99센트 쇼핑백(Frakta shopping bag)에서 모티브을 얻어 명품 쇼핑백을 기획해 출시했지만 이케아 쇼핑백 카피 논란의 중심에 서게 되어 적지않은 브랜드 이미지 손상을 입었다고 볼 수 있습니다. (객관적으로 측정된 자료는 없지만 ) $2,145짜리 고급 가방은 졸지에 99센트, 1불도 아닌 소핑백과 직접 비교되면서 많은 자존심애 상처를 입었습니다.

99센트 쇼핑백과 비교당하는 상품을 누가 흔케히 살까요? 물론 독특한 사람들은 많이 있습니다만. 독창서과 오리지널리티가 생명인 명품에서 사실 여부를 떠나서 카피 논란에 휩싸인것 자체가 불명예라 하루수 있습니다.

아마 선의에서 출발했지만 브랜드에 대한 리스크관리가 소흘했다는 지적을 면하기 어려울 것 같습니다.

이케아로서는 이케아 99센트 쇼핑백을 카피한 $2,145 럭셔리 쇼핑백에 대한 이케아의 멋진 대응 포스팅에서도 지적했다시피 발렌시아 상품 출시에 대응해 아주 발빠르게 마케탕팅 대응함으로써 이슈화 시키는데 성공했고, 발렌시아 명품과 대립각 또는 비교를 통해서 비록 99센트 제품이지만 이 이케아 99센트 쇼핑백(Frakta shopping bag)에는 소중한 어떤 것을 가지고 소비자들의 삶속에 파고든 소중한 가치가 있는 제품임을 증명해 내였습니다.

그리고 이러한 논쟁의 와중에 이케아 99센트 쇼핑백(Frakta shopping bag)으로 다양한 활용 방안을 제안하는 열혈 고객들을 노력 그리고 이를 토대로 더욱 강화되는 이케아 브랜드 이미지를 지적하지 않을 수 없습니다.

자발적으로 이케아를 옹호해주는 이런 절대 브랜드 옹호자들야말로 이케아 경쟁력의 근원이 아닐까 합니다.
.