(Kor, Eng, Fra) 세바시 435회 당신은 왜 강아지를 키우세요? @강형욱 반려견 훈련사, 보듬훈련사

Within Temptation - Paradise (What About Us?) ft. Tarja

Kamelot - Ghost Opera [Official Music Video]

Epica - Cry For The Moon

Nox Arcana - Night of the Wolf

와 이노래 되게~~~ 새롭네.ㅋ

정말 귀신 나올것 같은 느낌의 음원이다.ㅋㅋ

북유럽 감성들~ㅎㅎ

Type O Negative - My Girlfriend's Girlfriend [OFFICIAL VIDEO]

아주 타입오네거티브에 버닝하고 있는데

피트스틸 너무 섹시한듯...

Type O' Negative - Love You To Death

Type O Negative - Anesthesia

Type O Negative - Red Water (Christmas Mourning)

넬(NELL) "Star Shell" Official MV

넬(NELL) "3인칭의 필요성" Official MV

Rockin' High (preview)

이노래는 몇전이나 지금이나 늘 들어도 기분좋아지게 되는 노래같다~~~

Mogwai - Take me somewhere nice

Jaco Pastorius- Soul Intro- The Chicken (Live 1982)

Jaco Pastorius- Soul Intro- The Chicken (Live 1982)

Ben Folds - Capable Of Anything [So There Full Album]

【EDM】Haywyre - Everchanging

필사 나도 당기던데..

컬러링북 같은 힐링수단 같아서.
쓰고있으면 머리도 정화되고.

조용하고 괜찮은 분위기의 여유로운 카페에서 몇시간이고 필사하면 마음이 한결 편해질듯

http://news.khan.co.kr/kh_news/khan_art_view.html?artid=201512182059535&code=960100

비트코인 가격 푸시 알람

빗썸 카페에 누가 만들어둔걸 올려두셨길래 여기에도 메모
http://me2.do/5ctXtefY

Pushbullet이라는 서비스에 가입해놓고
빗썸과 오케이 코인 가격 1시간간격으로 알려주고 가격차 알려줌.
그래서 현재 현황 볼수 있고, 거래소간 차익을 지켜보다가 빗썸이 더 떨어지면 바로 오케이코인으로 고고싱..ㅋㅋㅋ 근데 차이가 나도 어느정도 나야지
막상막하면 괜히 전송하다가 역전될라~~

푸시불렛? ifttt같은건가보다.

구글 분석기 - google analytics 에서 내 아이피 제외 설정

보다 정확한 분석량을 위해 구글 애널리틱스에서 내가 접속한 IP부분은 제외 하는 설정을 정리함.

내 블로그도 글치만 의뢰들어온 연동건도 요 부분 짚어서 알려줘야겠다 싶어서 포스팅 메모.

내 사이트 설정페이지에서

필터 > 필터추가로 이동한 다음

새필터만들기에서

이름 지정하고 > 필터유형에서 제외 > 해당 IP주소에서 유입된 트래픽 > 일치 설정후 

아래칸에 아이피 주소 적고 저장~ 끝.

다른 페이지도 동일 저장하려면

다시 새 필터 만들어줄 필요없이

필터추가 위 화면에서

기존필터 적용누르면

기존에 만든 필터 나오므로 그 필터 선택해서 지정해주면 된다.

Silverchair - Ana's Song (Open Fire)

귤이 빛나는 밤에

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

Ólafur Arnalds - Ljósið (Official Music Video)

자신의 블로그에 단 애드센스 부정클릭 방지 툴

블로그를 운영하다보면
실수로 내 애드센스 광고를 어쩌다 클릭할 일이 생긴다.
이게 1-2번은 괜찮은데 반복되면 얄짤없이 구글에서 계정정지 먹여버림.
그럼 그동안 쌓은 돈 다날리는거...에다가 계정복구도 안되고.

일단 피씨에서는 크롬 플러그인 설치를 통해 해결이 가능하다.
google publisher toolbar 라고 플러그인 검색해서 설치한 다음
내 블로그로 이동 한다음 플러그인 아이콘을 눌러
뜨는 팝업 하단에 광고 오버레이에 "ON"을 시킴.

또는 팝업 상단 톱니바퀴 설정 아이콘을 눌러 "사이트"메뉴를 클릭해서 들어가면
광고를 클릭하지 않도록(정확히는 클릭하면 해당 광고에 대한 정보 팝업이 뜸) 동작이 활성화된 내 블로그 목록이 나온다.
직접 사이트 주소를 넣어서 추가하거나 빼면 됨.

참고 사이트 : http://4944.tistory.com/201

그나저나 모바일에서는 어떻게 실수로 내 블로그 광고 터치를 방지해주는 프로그램 없나??

Nosaj Thing "Eclipse/Blue" [Official Video]

[HIT]개그콘서트-[개그콘서트] 김성원, 아슬아슬한 ‘19금’ 반전 랩 선보여…관객들 ‘폭소’.20141026

https://www.youtube.com/watch?v=MEDkaiTpqwI



웃기다 ㅋ

브라운 아이즈(Brown Eyes)__Let's Get Down

United State of Pop 2015 (50 Shades of Pop)

The Beatles Compilation

The Beatles - Free As A Bird (HQ)

Passion Pit - Little Secrets

티스토리는 향후 어떻게 될까

부수입거리로 쪼금씩 해보고있는데
다음카카오가 이제 카카오가 된 이 시점에서
많은 다음 서비스들을 버리고 있는데

티스토리 또한 어떻게 될지 모르는 일이다.
온라인의 세계, 인터넷, 아이티 세계는 변화가 심해서
유연하게 미리미리 대처 하지 않으면 살아남기 힘든듯.

-

워프도 그렇다
PHP를 버리고 있지 않은가...
나도 js 제대로 공부 한 번 해봐야 하는데.
깨작 거릴 줄만 알지..

넥스트(N.EX.T)_Growing Up_2005 TV

해철옹 그곳은 어때요

유년시절 나의 우상~이었던 그



지금도 늘 멋진사람으로 존경하고 있습니다.

(1080p) 설날특집 이승환 콘서트 '진짜' Full version (150221)

이승환 콘서트는 가본적이 없는데 진짜 재밌을거 같다 ~~~

짤만짤막 무료 공연 몇번은 갔었다

그중에 하나가 문화유산반환 운동 관련한 공연이었는데

홍대 어느 클럽에서 했었는데 사람들이 별로 안왔었음;;;

Ignite Seoul 8회 12 천성권 - 혼나지 않는 남편으로 살기

노땐스(Nodance)_질주_M/V_1996

집에 덩그러니 놓여있는 노땐스 테이프를 바라보며 많은 상념에 잠기게 되던 얼마전

아시안체어샷 반지하제왕

키워드 찾기 어렵다

다들 어떻게 그렇게 잘 찾는거지?
블머 가서 어떤분 글 봤는데 전략이 치밀하다.
진짜 뭐든 잘 하려면 어떤 것 이상을 뛰어 넘어야 하는것 같다.
그런정도의 열정과 브레인이 되려면 얼마나 투자해야하는걸까

가끔은 조금씩 나이들며 지난날에 대한 아주 몇가지 뜨문드문의 아쉬운 포인트가 있다
공부도 내가 하고싶은것만 했었는데...
몇개를 더 억지로 했었으면 하기 시러도 억지로 했더라면 얻었떤 이득이 꽤 많았을텐데.ㅋ
천상 관심없는건 관심이 없는 성격이라 참~~~

책이라도 열심히 읽어야...
요즘 다시 책들을 읽는데 확실히 갈피를 못잡는 내가 좀 길이 보이는것 같기도
어떠한 인생의 지침서 같기도 하다.

유튜브 강좌 - 유튜브 동영상 만들기 전 고려해야할 사항

[MV] KIM DONG RYUL(김동률) _ How I Am(그게 나야)

터닝메카드 캐리 배틀 에반 테로 퍼플 피닉스 윙톡 블랙 슈마 타이탄 그린 장난감 Turning Mecard Toys игрушка...

어린애들에게 그렇게 인기라는 터닝메카드

에프엑스_4 Walls_Music Video

노래 좋음, 내스탈

강정수: 미디어 비즈니스 모델, 대안을 말하다(2부)

강정수: 미디어 비즈니스 모델, 대안을 말하다(1부)

우리 앞의 생이 끝나갈 때 - 무한궤도

이거 씨디를 가지고있던가..팔때 같이 팔았던가 기억이 가물가물

Kings of Convenience - Quiet Is The New Loud (Full Album)

네이버 api 모음

네이버 개발자 센터 http://developer.naver.com/

네비어 블로그 api http://developer.naver.com/wiki/pages/Blog

검색광고 api http://doc.api.naver.com/searchad/ko/overview_detail

네이버 개발자 센터 공식 카페 http://cafe.naver.com/ndevcenter

2013 월간 윤종신 Repair 2월호 - 내일 할 일 with 성시경 MV

[MV] 2015 월간 윤종신 Special Tribute to 신해철 - '고백'

AND - Wish Your`re My Girl

Ulrich Schnauss - Wherever You Are

Foo Fighters Greatest Hits | Best Songs of Foo Fighters ( Full Album 2015 )

내가 애정하는 푸파이터즈..... 공연못가서 아쉽지만 누구랑 가냐고

Toy (토이) - 7집 Da Capo [Full Album]

돌돌 말 수 있는 TV? 구부러지는 IT 제품들

어제 뉴스에서 휘어지는 베터리에 대한것을 보도하더라.

구부러지는 아이티 제품들이라니..??
http://10p.kr/t4ku1v1h9f


작년초였던것 같은데.
당시에 미친듯이 지구땅속끝까지 파보겠다며 엄청난 리서치를 했던 기억이.

그때 휘는 디스플레이, 휘는 베터리 이런거 찾아보면서

미래에 찢고, 구부리고 붙이는 것에 관한 메타포를 도출했던것이 생각난다.

결국 클라이언트한테 다 까였지만.

프로젝션 디스플레이는 너무 먼 미래라며 엄청 까였는데

몇개월뒤에 프로토타입 해외꺼 돌아다니드만.

자기네들은 다 해봤다면서 우물안에서 놀면서 뻥뻥차면서 까는데

그럴거면 왜 우리한테 맡겼는지 몰랐떤 그런 프로젝트.

그 회사의 미래가 보인다.

일러스트 손그림 일러스트로 바꾸기,비트맵이미지 벡터로 만들기

마이크 노이즈가 심하지만..

건물하나로 재벌이 되는법 [1탄]

재밌네.ㅋ

60초 마다 돈버는 법

인터넷으로 돈 벌기 수집 두번째. 트레이딩은 추천하는건아지미나...

동영상 하나로 2억원 수익을? 스마트한 용돈벌기

별 내용없지만, 포스팅 위한 수집용

8bit Harmonica

풍경화속의 거리 - 박광현(With 민경인 트리오)

백종원의 장사이야기 1회

Zentangle Weaving with Suzanne McNeill CZT

Free photo stock downloads : 저작권 무료 이미지 사이트

공짜 이미지 소스 다운로드 사이트 (더 있으려나?)

Free image stock downloads

1. 픽사베이 : pixabay.com

2. 언스플래시 : unsplash.com

3. 뉴올드스탁 : nos.twnsnd.co

4. 공유마당 : gongu.copyright.or.kr

5. 프리포토스데일리 : freephotosdaily.blogspot.com

6. 모그파일 : morguefile.com

7. 이미지 베이스 : imagebase.net

8. 아임프리 : www.imcreator.com/free

Free Resources for Media | Stock Photos, Videos, Footage, Audio, Sound Effects and Graphics

raspberry pi Internet-Radio into speaker

[EIDF 2015] EIDF 포커스 : 미래를 향한 창 - 월스트리트의 예언자 (The Forecaster)

http://www.eidf.co.kr/dbox/movie/view/163?preview=F

Skrillex and Diplo - "Where Are Ü Now" with Justin Bieber (Official Video)

John Lennon "Love" (Single Edit-1982)

오늘 투썸은 올드팝송 마니 나오네..ㅋㅋ 오늘따라 이 노래 너무 귀에 착- 들어와서 스크랩.

써니사이드업 계란 후라이 만드는 법 / How to make Sunny Side Up Eggs

원두구매

기프티콘 쓰러 스벅간김에 아침에 연하게 내리려고 브렉퍼스트블랜드 구매.
핸드 그라인더로 갈면 일정량만 갈아두고 오래쓰고, 갈면서 나는 냄새도 참 좋은데 그라인더 설거지하기 귀차니즘이 더 커서 갈아달라고 했는데....
어떤정도였더라 드립내릴라믄.. -_-;;; 천천히 필터껴서 내리냐고 센스있게 직원이 물어봐서 예스했음...
한.... 3년정도 내비두고 안내렷떠니 다 까먹었네.
회사다니느라 못쓴 도구들 다시 다 씻어둬야겠다.
슬슬 써니사이드업에도 도전해봐야지
아침을 즐겁게 다시 만들어야겠다는...
선선하니 뒷산 산책도 좀 하고

#46 멘붕을 일으키는 '거꾸로' 자전거

Pet Shop Boys - What Have I Done To Deserve This

행동경제학 관련 스크랩

행동 경제학

행동경제학이란? - pxd블로그
http://story.pxd.co.kr/704

경제학 추천 도서 20선 - 한겨레
http://heri.kr/?module=file&act=procFileDownload&file_srl=7652&sid=70aa881d9d82fc7ae6b764aa3dec3ac9

Peter Thiel - Zero to One [KBS 오늘 미래를 만나다 - 피터 틸] 150307

ZERO TO ONE(한경BP) 북트레일러

Annie - Heartbeat

[mv] 이현석 - 학창시절 (1994).flv

아~~~ 이현석~~ 예전에 이분 기타 리듬이 스타일이 특이해서 계속 들었던 곡이 있었는데...



뭐였더라...



핫뮤직 컴필 음반이었던가? 아니면 외국 메탈밴드 수록곡에 들어갔던 음반이었던가?

그 밴드 이름도 다 까먹었네. 그 이후로 더 이상 잘 들리지 않는 밴드였는데...



그 외국 메탈 밴드 공연 응모도 했었는데 당첨이 되었지만 통보받을수 없었고



언젠가 몇년이후 철자가 틀린 내 아이디로 인터넷 페이지에 실려있엇떤;;;(응모자 리스트)

김동규 - 10월의 어느 멋진 날에

이노래 좋은듯~~

사람을 화나게 하는법 레슨1 「코 먹은 소리」

오늘 이거 보고 빵터져서...ㅠㅠㅠㅠㅠㅠ



공유.



일본은 정말...!!!!

Little Boy Trying To Break Board In Taekwondo

[MV] EE - 겅덩송 / (g)(u)(n)(g)(d)(u)(n)(g)(s)(o)(n)(g)

흥나네.ㅋ

사는게 니나노 02 X 지코 (Full : 스트리트 ver.)

이게 마니 보이던데

자꾸 머리속에 기억나네.ㅋㅋㅋ

[MV] BTS(방탄소년단) _ DOPE(쩔어)

DC SHOES: ROBBIE MADDISON'S "PIPE DREAM"

대박 스포츠

산바다강들 전천후

기분째지것당~~

감정의 기복

감정이 위아래로 심하게 왔다갔다 하지는 않지만

체력이 떨어지고 약하면 확실히 무슨 말이든 짜증으로 들린다.

문제는 내가 강철체력은 아니라는거... 쉽게 피로해지고 쉽게 회복된다. (쉽게 살찌고 쉽게 빠진다)

뭐 집에 있으면 밖보다 조금더 솔직하게 감정을 분출하기때문에

한달에 한번 아니면 밖에서 굉장히 스트레스를 받으면 여지없다.

늘 부모님께 미안한 마음뿐....


아래 글도 그렇고.

나에게 엄격하고 남에게 덜 엄격해지는게 젤 현명한거 같다.

그렇다고 이용당하며 살자는 아니고, 좀 더 주시하고 기민해지되, 담아두지는 말자는것이다.

차라리 무시하는게 정답인지도.



어른될람 아직도 멀었다.

착함과 순진함

나이가 서른넷인 가운데 이전에 둔감했던것들에 조금씩 센시티브 해지고 있따.
아직도 멀긴했지만...

남들의 가시와 예의없음 싸가지 오지랖들에 굉장히 둔감했던거 같은데 이상하게 머리가 남는건 독이 품어져 있어서 일까?

문득 지난날들을 떠올리면서 몸서리 쳐지는 사람들의 시선들과 편견. 관념에 맺힌 고여버린 썩은물. 흑백논리적 오류에 숨막힌다.

오지랖떨며 남 신경쓰고 참견할 시간에 자기자신들이나 챙기고 살았으면 싶네.

물론 나 또한 이런 시선 따위 무시하고 나자신에 집중하며 잘먹고 잘 살자.

140919「매실」의 진실

우메보시만드는방법

Tango Por Uno - Yoonsang(윤상)

잊으라니... - 강수지

[WP개발] 크롬에서 접속한 워드프레스 사이트가 갑자기 스타일 및 파일이 깨져보일때

내 맥 크롬에서 플젝연관된 특정 사이트가 갑자기 스타일이 깨진채로 보여서(이미지 포함) 확인해보았더니 이미지 경로나 다른 파일 참조 경로가 https로 자동으로 바뀌어있더라. 보안서버 설치도 안되어있는데.
그런데 재밌는건 사파리에선 잘된다는거...
다른사람 컴도 잘되고 모바일에서도 잘 나오고
공유기문젠가 하여 다른 와이파이로 접속해도 증상은 여전하고
바이러스 애드웨어 하나도 안잡히고
크롬 지웠다 깔아도 똑같고
시스템 clean같은거 해도 여전하고
그래서 chrome forum을 가서 봤더니


Site broken in Chrome (SSL issue) 
https://wordpress.org/support/topic/site-broken-in-chrome-ssl-issue/page/2

크롬업뎃이 되면서 wordpress에서 woocommerce계열은 다 https로 연결시켜버림.
여기는 우커머스를 설치하긴 했지만 결제모듈이 나중에 들어갈거라서 보안서버는 설치가 안되어있었던거고.

그래서 해당테마의 functions.php를 열어 아래와 같은 코드를 추가해주면 된다.
(강제로 https 비활성화)

$_SERVER['HTTPS'] = false;

이것때메 왜인가 하고 다 삭제하고 검사하고 쌩난리를 쳣네 ㅋㅋ 몇시간을 소비한것인가,,,

[PHP] web page redirect script : 특정 사이트로 이동하게 하는 코드

Sample code

<?
header("Location: http://examplesite.test.com/");
die();
?>

[CSS Tip] vertical alignment of div

1. center center align

.child-element {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: orange;
}

2. right center align

.child-element {
  position: relative;
  top: 50%;
  right:0;
  transform: translate(0%,-50%);
  background: orange;
}



+
-webkit-
-ms- prefixes

ref from http://joshbroton.com/absolute-positioning-and-horizontal-vertical-centering/

나이따라, 계절따라, 날씨따라, 기분따라, 시간따라-

요즘은 로우하면서 거칠고 쪼금 된 노래 다 좋다.

라됴머리가 예전에도 좋았지만

요즘은 더욱 무척 많이 감기네 귀에.

무한반복...

나이스드림은 아껴들어야지.

Hacking the Brother KH-930e Knitting Machine

니팅머신을 해킹.ㅋㅋ

Dash Berlin feat. Emma Hewitt - Like Spinning Plates (Official Music Video)

Robert's Custom Molded Soap

저 몰드 정말 어메이징하다. 캔들,초콜릿,비누,석고방향제 어디든 활용이 가능할듯.

가격은 가장저렴 용량이 20달러정도군...

험.

http://www.moldputty.com/

DIY Baby Lips | DIY Tinted lip balm (2 Ways)

이런 간편한 DIY제작 레서피 좋다. 집에 안어울리는 화장품이나 남은것 가지고 충분히 다른용도로 사용이 가능하다는것.! DIY의 매력포인트. 무궁무진한 인터넷상의 정보들을 어떻게 큐레이션만 잘해도...

[창업아이템] 수제비누(handmade soap)로 창업했어요!

https://www.youtube.com/results?search_query=%5B%EC%B0%BD%EC%97%85%EC%95%84%EC%9D%B4%ED%85%9C%5D+

Robert's DIY Shaving Cream

[1080P] 150711 MAMAMOO (마마무) - Popular Songs Medley @ Yoo Hee Yeol’s Sk...

Empire Of The Sun - Celebrate

웰컴투 쎄울.ㅋㅋㅋㅋ 관광홍보자료가 따로 없네 ㅋ

나에게 명상이란.

달리 명상이 따로 있나싶다...

늘 나는 어릴적부터 명상을 꾸준히 하고 있었던 셈이다.

명상이라고 정해진음악있는것도 아니고. 방법대로 꼭따라해야하는것도 아니다.

결국 지향점 만 일치하면 되는것.

자기전 헤드폰끼고 불끄고 눈감고 음악들으며 많은 공상 그리고 마음비움. 상상.

지난날들. 셀수없었다.

오늘 너무도 오랜만에.

Listen to Seascape by monadh #np on #SoundCloud https://soundcloud.com/jake-muir/seascape

프라이머리(Primary), 오혁(Ohhyuk) - Bawling

[MV] hyukoh(혁오) _ Comes And Goes(와리가리)

Nona Reeves Changin' feat YOU THE ROCK★

Mr. Melody Maker / NONA REEVES

페퍼톤스와 유사한밴드 발견. 얘네들이 더 먼저려나??

Rain sounds

white noise중에 이게 젤 집중이 잘 되는듯...

SOJU cocktail recipe : 소주 칵테일 만들기

블로그에 관하여

어떤 서비스를 쓰느냐에 따라서 얻는것이 다르지 않을까하는 생각이 들고 있다.

블로그스팟은 어떤점이 좋을까?

구글이라서? 글로벌리 보여져서?

좀 더 라이프특화되고, 한글위주라면 티스토리 같은곳으로 가느것이 맞지않을까?

하지만 다음카카오가 서비스를 하나하나 접고 있는 와중

티스토리의 앞날또한 어떻게 될지 모르겠음...

워낙 쓰는 사람이 많아서 없앤다하면 아주 큰 파장이 일겠지??

[Mini Album] GFriend – 1st Mini Album ‘Season Of Glass’ (FULL AUDIO)

Lovelyz (러블리즈) - 1집 Repackage Album 'Hi~' [Full Album]

鐘明秋---漫步人生路

키메라 로스트 오페라 A

키메라!!!!!!

Capital Cities - Kangaroo Court (Official)

safe and sound

메르스 전파경로 시각화 - from KBS

HTML5 캔버스로 개발했네..

http://dj.kbs.co.kr/resources/2015-06-04/

뜯어봐봐야지.

그나저나 지역사회 전파는 오래지않아 일어날것 같네.

Pedro the lion-of up and coming monarchs

good night

쪼매난 번역에 다시 도전

2011년 이후 다시 짤막 기사를 번역도전 했다.

당시, 무대뽀 도전이라 이러쿵 저러쿵 애를 먹었지만 어쨌든 결국 제출하게 되어서

돌이켜보면 나름 뿌듯하고 그랬던 기억이 아직까지 남아서

그런 여운때문에 다시 도전하게 되었다. (리워드 때문은 아님;;;)


우선 관련 분야를 열심히 리서치 앤 스터디 하면서 동시에 유명 번역가가 쓴 책을 읽었는데,

생각보다 많은것을 고려하고 또한 뭐든 어느 분야든 정말 제대로 해야

그리고 어떤 직업이든 직업병은 어쩔수 없는듯. 자기가 관리 하기 나름.

뭐든 자기 관리, 마인드 컨트롤, 그리고 완벽성.


현 직업 또한 평생 할 수 있는 일은 아니기에, 짬 날때 조금씩 다른 기술도 경험을 쌓는것이 중요해보였다.

또한 언젠가 나가게 될 해외라면 영어는 정말 필수요소 같다.

Spirited Away - 8 Bit Cinema

센과치히로의 행방불명 8비트 게임버전. 잘만들었다.ㅋㅋ

Wouter Hamel - See You Once Again (official video)

공연못간 아쉬움을 바우터하멜 플레이 리스트로 달래보자..ㅋㅋ



날씨도 좋은데 나는 뭐하고 있는거냐!!!



하지만 조만간 베이징 가니까... 그동안 코딩코딩 삽질삽질

온라인 면세점 모음

순위는 무작위

인터넷 면세점 모음.

인터넷서 가격비교하여 해당 면세점에서 구매후, 출국전 물품 수령 할 것.


1. 롯데인터넷 면세점

이동하기 -> http://www.lottedfs.com/


2. 워커힐면세점

이동하기 -> http://skdutyfree.com/


3. 동화면세점

이동하기 -> http://www.dutyfree24.com/


4. 신라면세점

이동하기 -> http://www.shilladfs.com/



그나저나 대표 도메인 접속하면 자동으로 주소 뒤에 꼬리들이 붙는데

특히 신라면세점의 뒤에 암호화된 엄청나 보이는 문자들은..... 음 이건......세션토큰???....

Nils Frahm Boiler Room x Dimensions Opening Concert Live Set

언젠가 이 사람 공연 꼭 가고싶다.

나중에 유럽여행이든, 어디든 가게 되면 꼭 요 일정 체크해서 껴 넣어야지.

특수문자 목록 - ㅇ

ㅇ

ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ 

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ 

⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵

⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂

---

좀 큰 버전


ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ
ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ
ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ① ② ③ ④
⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭
⑮ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤
⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮
⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵ ⑴ ⑵ ⑶
⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀
⒁ ⒂

Ferry Corsten - Beautiful (Official video)

다시 트랜스에 목마른 계절이 찾아옴.

Jon Hopkins - Elegiac

늦은밤 고요.

푸터등의 패밀리사이트 표기시, 셀렉박스 리스트 만드는방법

일반 기업 사이트 등에서 패밀리 사이트/연관 사이트 select해서 보여줄때 아래와 같이 처리한다. (일반 select태그를 써서 했더니 구글 크롬등에서는 팝업으로 인식해서 차단하더라;;;)

div로 영역잡고 li로 리스트 만들어서 마우스 클릭시 토글로 보이게/안보이게 처리한다.

예시 코드 (데모보기)

1. HTML선언

<div class="">
      <div class="">
            <div onclick="toggleItem();" style="cursor: pointer;" class="family_btn_wrap">
                <div class="family_btn">
                    계열사 바로가기
                </div>
            </div>
            <div class="family_list_wrap" id="families" style="display:none">
                <ul style="border:0; border-bottom:1px solid #808080; border-right:1px solid #808080; border-left:1px solid #808080;">
                    <li>
                        <div style="padding:5px 12px; margin:0;"><a target="_blank" href="http://www.google.com">사이트1(새창이동)</a></div>
                        <div style="padding:5px 12px; margin:0;"><a target="" href="http://www.cafe24.com">사이트2(같은창이동)</a></div>

                        <div style="padding:5px 12px; margin:0;"><a target="_blank" href="#">사이트3</a></div>
                        <div style="padding:5px 12px; margin:0;"><a target="_blank" href="#">사이트4</a></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

2. javascript 함수 추가 (toggleItem)

function toggleItem() {
    if (document.getElementById("families").style.display == "" ) { document.getElementById("families").style.display="none";
   } else {
document.getElementById("families").style.display="";
   }
}

[CSS 팁] 테이블에서 2n번째 부분만 회색백그라운드 처리 (격자)

table tr:nth-child(2n) td {
  background: rgba(0,0,0,0.01);
}

김민우 - 입영열차 안에서 (1990年)

옛날노래가 너무 좋은데.
나도 나이든건가?ㅋ

퍼스널 이미지 브랜딩

마이크임팩트에서 진행된 강좌.
개인컨설팅까지 마친 지금, 나는 무언가를 잘 세워서 변화시켜야 하는 상태다.

물론 고칠점과 장점을 부각시킬면이 존재하고 그것을 위해 노력은 할 것이지만
(2주뒤 피드백을 위핸 과제.ㅋㅋ)
그래서 보다 나은 대인관계와 이미지 메이킹, 조금 더 얻어지는 플러스 요인은 존재할것이지만

한편으로 나는 생각이 참 많은 사람이다 싶다.

남이 보기엔 별거 아닌것인데 어쩌면 그것을 깊게 분석하고 크게 느끼면서
자괴감과 자존감을 한껏 낮추고 있었떤것은 아닐까

그것이 겹쳐져서 순간 순간마다의 탈출의 욕구로 작용해서 큰 스트레스로 나를 짓눌려왔던것인지도 모르겠다.

실제 TA테스트 해보니 나는 그 누구보다 그 무엇보다 유연한 사고를 가지고 강사님께도 좋은말을 들을 만큼의 그런...좋은 성격을 가진것으로 나왔건만

언제부턴가 높던 자존감이 낮아지고, 낮았던 자존감은 그대로 유지된 채 살아왔었을런지도

앞으로도 이런 발전적인 기회를 많이 많이 만들어야겠다.

윤상 - 이별의 그늘 (1990年)

문득 돌아보면 같은 자리지만.



어린이날 초입 윤상노래 메들리라니.ㅋㅋ

윤상 - 나의 꿈속에서 (1992年)

아침이면 사라질 아쉬움 뿐이지만.

Paul McCartney - Hey Jude @ Seoul 2015.05.02

아직도 저곳에 있었다는게 꿈만 같다....ㅠㅠ
비오고 추웠지만....

Paul McCartney - Yesterday [20150502 OUT THERE Live in Seoul, Korea]

ㅠㅠ.....감동이었음.... 또 생각나네...ㅠㅠ 내년에 또 오세요.

Paul McCartney - The Long and Winding Road @ LIVE in Seoul, Korea 2015

특수문자 목록 - ㅁ

ㅁ


＃ ＆ ＊ ＠ § ※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼

→ ← ↑ ↓ ↔ 〓 ◁ ◀ ▷ ▶ ♤ ♠ ♡ ♥ ♧ ♣ ⊙ ◈ ▣

◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩ ♨ ☏ ☎ ☜ ☞ ¶ † ‡ ↕

↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬

㉿ ㈜ № ㏇ ™ ㏂ ㏘ ℡ ® ª º

---

좀 큰 버전


＃ ＆ ＊ ＠ § ※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼

→ ← ↑ ↓ ↔ 〓 ◁ ◀ ▷ ▶ ♤ ♠ ♡ ♥ ♧ ♣ ⊙ ◈ ▣

◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩ ♨ ☏ ☎ ☜ ☞ ¶ † ‡ ↕

↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬

㉿ ㈜ № ㏇ ™ ㏂ ㏘ ℡ ® ª º

php를 사용 하여 특정 html 페이지를 긁어올때 방법.

* php를 사용 하여 특정 html 페이지를 긁어올때 아래의 세가지 케이스가 있다.

1. file_get_contents 함수 이용

아래의 코드를 삽입하여 확인 (특정 사이트의소스를 그대로 다 가져옴)

<? echo file_get_contents(http://www.google.com); ?>

이게 안되면.. 2번으로 (서버에 따라 막혀있을수 있음)

2. curl함수 이용 (fsocketopen을 이용하는 방법도 있다고 함.)

<?php
$ch = curl_init();
curl_setopt ($ch, CURLOPT_URL, 'http://www.google.com');
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
$file_contents = curl_exec($ch);
echo $file_contents;
?> 

3. snoopy 라이브러리 사용

공개된 스누피 오픈소스를 이용하는 방법이다.
아래의 링크로 이동하여 다운받아 설치하여 사용한다.

http://sourceforge.net/projects/snoopy/?source=directory



* 참고 사이트 : http://phpinside.tistory.com/?page=4

음악

나이가 들수록 음악 취향이 조금씩 변화하게 되더라.

그래도 꾸준히 엠비언트는 듣고 있는것 같다

예전 기록들 정리할겸 페이스북 갔다가

갈무히 해놓은 노래들을 주워다 듣고 있다.


https://www.youtube.com/watch?v=zlYsYJKr4fk


예전만큼 찾아서 일부러 신보 듣고, 잡지사고, 녹음하고, 그러지는 않지만

그래도 가끔 씨디는 구매한다. 그것이 뮤지션에 대한 예의이므로... (이왕 살거면 공연장에서 파는것으로... 수수료 안떼가게)

듣는 채널은 많이 변화되었다. 요즘은 비트 라디오와 사운드클라우드에서 구독 피드로 듣는다.

직접 검색하면 유투브로...

몇년뒤에는 어떤식으로 음악을 듣고 접하게 될까.

meta tag / 메타태그 예시

<meta property="og:title" content="제목"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="콘텐츠 전체 url"/>

<meta property="og:image" content="썸네일 이미지"/>

<meta property="og:description" content="콘텐츠의 간략한 내용"/>

<meta property="og:article:thumbnailUrl" content="아이콘"/>

<meta property="og:article:author" content="출처"/>

<meta property="og:article:author:url" content="출처 경로"/>

터닝에 즈음하여

내 삶을 주도 하고 만들어가느냐, 주어진대로 이끌려 만들어지는대로 살 것이냐.

[AWS 팁] 아마존 서버 RI 결제 시, 주의사항!

아마존 EC2 상품 빌링 관련한 사항중 주의사항이 있다.
상품 옵션가운데 스팟인스턴스, 예약인스턴스, 전용인스턴스가 있다.

나의 경우 싱가폴 리전, 1년선결제, m3.medium으로 지정하였고

이중 선결제를 위한 예약인스턴스를 원하였었다. 그래서 아마존의 가이드 페이지를 보면서 RI(예약인스턴스) 결제를 원했다. 신청 프로세스 가운데 tenancy옵션이 있다. 여기에 dedicated가 있고 shared, none등이 있는데 차이점은 채널 회선을 독립적으로 쓰느냐 다른곳과 공유해서 쓰냐의 차이이다. 물론독립적으로 쓰는것이 네트워크 안정성에 완빵이겠지만 가격차이가 많이 난다면 shared 로 지정해도 무방하다.(대빵 크고 잘되는 서비스가 아니라면!!!)

그런데 이 부분에서 사전에 상품옵션에 기재된 예약인스턴스 와 전용인스턴스가 shared와 dedicated인지는 꿈에도 몰랐다.

왜 문제인거냐면 예약은 기존에 시뮬레이션 해본 정보 그대로 진행하고 예쌍범위를 벗어나지 않지만
전용인스턴스로 지정을 해버리면 과금되는것에 추가로 1시간에 2달러가 빠져나간다는거!!! 'ㅁ'!!

나는 dedicated의 2달러 추가 과금을 전혀 체크하지 못했고 그부분을 제외하고 시뮬레이션 했기때문에 별 차이없고 괜찮다고 생각하여 shared대신에 dedicated로 신청하게 되었다.

1달 뒤 날라온 invoice는 내눈을 의심하게 만들었었다..... 당장 전화해서 상품을 취소하고 shared로 재결제 하였지만 이미 청구된 돈은 당연히 돌려받을수 없지...내 실수니까 흐큐...회사에 너무나 죄송스러웠고...


두서없이 적어내렸지만 뭐 그랬다는 이야기...다. 혹시 나와 비슷한 상황이신분은 참고바랍니다.

사실 여러가지 에피소드가 있었는데. 실제 서버 개발자도 아니어서 잘 모르는 부분이 많았고 그나마 다행히도 외주 개발자의 도움을 받아 빌링부분만 진행했었다.

교훈은 돈 관련된건 2-3배로 더욱 신중히 진행해야한다는것. 아주 조그맘ㄴ 부분까지 모두 체크해서 다 완벽히 파악하고 이해하고 따져야 한다.

그밖에...

아마존을 포함한 클라우드 서버는 자신이 사용한만큼 부과되는 종량제 요금이고, 그만큼 유연한 대처가 가능하지만  잘 알아보고 자신의 서비스와 용도 개발 방식에 따라 상품을 잘 선택해서 지정해야한다. 까딱 잘못하면 요금폭탄을 맞게 십상이다.

경험없이 처음 진행하게 되면 당연히 여러가지 시행착오를 겪을 수 있다. 때문에 라이브서비스와 맞물려서 바로 연결해놓지 말고 3개월정도는 테스트 기간을 두어 서비스의 사용률과 알맞은 최적의 상품/결제를 고민해야 한다.

지원서비스의 경우 홈페이지가 상품설명의 영업부분은 한글서비스로 제공되지만 전부되어있는것은 아니고 실제 빌링 신청할때 등 영어로만  제공된다. 그리고 기술문의 같은경우도 Support program을 구입하여 1:1 상담을 받을 수가 있는데 한국어는 지원이 되지않고 영어로만 가능하다. 영어를 쫌 해야..

[WP 팁/플러그인] Contact form 7 을 사용하여 메일 송수신이 잘 되지않을때

워드프레스의 Contact From 7을 사용중에
간혹 메일이 전송/수신이 되지 않는경우가 있다.

지금까지 찾아본 정리 팁은 다음과 같다.

1. Gmail  계정으로 연결한다.
구글 앱스 또는 쥐메일 계정으로 등록시켜 놓으면 좀 더 안정적인 메일전송을 기대해볼 수 있다.

다만 나의 경험상 메일 주소를 그대로 등록해놓았을때 배달이 안될 때가 있었는데
그때에는 환경설정에 들어가 미러링 처럼 정의된 또 다른 메일주소를 입력하니 정상적으로 동작하기도 하였었다.

그밖에 쥐메일/보안 관련 메일 전송시 Configure SMTP 플러그인을 사용하는 방법도 추천.

2. Gravity Forms, Ninja Forms 등의 플러그인도 유명하다고 한다.
나는 직접 설치해서 써보지 않아 자세한 설명은 생략.
- Ninja Forms : 바로가기 / 그나저나 내가 좋아하는 레드컬러에 반쯤 삐져나온 닌자 캐릭 귀엽...;
- Gravity Forms : 바로가기
- 두 플러그인에 대한 비교 페이지


3. 자신의 서버 호스팅의 환경/세팅과 연관되어있을수도 있으니 체크.

4. 그밖에 Contact From DB 플러그인 이용하여 사용자의 전송정보를 DB로 함께 보관할수도 있다.

[Web 팁] 웹사이트에서 유투브 동영상 화면을 모바일에 최적화되어 보이게 하기

웹사이트(일반, 워드프레스, 기타 블로그 등)에 유투브 재생화면을 삽입 시

보통 데스크탑 사이즈에서는 잘 보이는데 모바일에서 보았을때 화면이 아예 늘어나버려서 다른 내용과 영역이 틀어져보일때

아래와 같은 코드를 삽입하여 모바일화면에서도 최적화되어 보이게 처리한다.

<div class="video-container">
         <iframe src="유투브동영상주소" frameborder="0" width="560" height="315"></iframe>
</div>

의 형식으로 HTML편집기에 삽입


CSS는 아래와 같이 지정한다.

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.9QwuEd44.dpuf


이렇게 하면 화면사이즈에 따라 재생플레이어가 유동적으로 변화한다.

여기서 굵은 표시가 된 iframe태그는 유투브 플레이 화면에서 하단에 있는
공유 > 소스코드로 이동하여 보이는 코드를 복사후 교체하면 된다.


예시 페이지 : http://bigture.co.kr/?p=4348



* 참고 사이트 : http://avexdesigns.com/responsive-youtube-embed/

New Audi Matrix OLED lighting & “the swarm” tail lights - tech and desig...

OLED 를 이용한 아우디 .....



시연용으로는 충분한데 실제 도로에서 적용되기엔 엄....엄...

브라우저 크기에 따라 이미지 리사이징

모바일, 웹의 브라우저의 크기에 따라 유동적으로 삽입된 이미지가 함께 리사이징 되는 효과.

<style>
.wrapper {width:58.536585%; /*960/1640 = .58536585*/ margin:0 auto;}
.resize {width:100%; height:auto;}
</style>  
<div class="wrapper">
  <img class="resize" src="image.jpg" />
</div> 

여기서 58.536585%는 알아서. 나는 가로사이즈가 꽉 차있어야 하는 상황이었기때문에 100%으로 변경했다.


출처 : http://stackoverflow.com/questions/4572621/auto-image-resize-based-on-browser-window-dimensions

img태그 이미지 위에 또 이미지를 올릴때

아래와 같은 예시를 참고

<html>
<head>
<title>test</title>
<style type="text/css">
#chk {
position:absolute;
left:10;
top:10;
}
</style>
<script language="JavaScript">

</script>
</head>
<body>
<img src="http://dummyimage.com/600x400/a34653/342433"> <!-- bg 그림 //-->
  <div id="chk"><a href="#"><img src="https://cdn4.iconfinder.com/data/icons/geomicons/32/672366-x-128.png"></a></div>  <!-- X 그림 //--> 
</body>
</html>

* 결과 보기 http://jsbin.com/qigikumipo

APM에서 웹페이지 상에 한글이 깨져보일때

한글 깨짐 문제

/etc/mysql/my.cnf 중 [client], [mysqld]에 default-character-set 값을 추가해줌

예를들어 데이터베이스의 인코딩으로 UTF-8을 쓴다고 하면 my.cnf 파일을 아래와 같이 수정해 준다.

[client]
default-character-set=utf8
[mysqld]
default-character-set=utf8

&

메모장에서 파일 저장시 반드시 uft-8 인코딩 으로 지정해주고 저장.


http://opentutorials.org/course/195/1361

.htaccess 파일을 이용하여 특정아이피만 접근허용 또는 접근 불허

서버상에서 루트 path에 .htaccess파일을 생성하여
아래와 같이 추가한다.

1. 특정 아이피/관리자만 볼수있도록 홈페이지 접근 제한
 - 특히 홈페이지를 잠시 닫아놓거나 오픈 이전에 특정몇명만 접근이 가능하도록 설정한다.

<Limit GET POST>
deny from all
allow from 아이피주소
allow from 아이피주소
:
</Limit>

2. 특정 아이피만 차단
 - 스팸성이 있는 접근을 차단하기 위해 해당 아이피만 접속이 안되도록 설정 할 수있다.

<Limit GET POST>
deny from 아이피주소
deny from 아이피주소
:
</Limit>

위와 같이 설정하면 차단된 아이피로 홈페이지 접근시 HTTP 403 접근권한 없음 페이지가 보인다.

AWS EC2에 RDS 디비 phpmyadmin 연동하기

링크 : http://ryusstory.tistory.com/293

을 바탕으로 설정하였다.

그래도 안되어서 몇시간 애먹었는데 이것저것 하다보니 결국 됐다

마지막에 고친것은 원래 phpmyadmin 깐 폴더명이 phpMyAdmin으로 돼있는데 잘 안돼서 저걸 다 소문자로 했더니.... 안되었다가 다시 원복하니까 드디어 페이지가 로딩되며 동작하였다.

그리고 접속 가능한 IP 주소 설정시, 편집기 열어 ip주소 넣어줄때 RDS 주소로 넣어줘야 한다. 나는 별 생각없이 EC2 고유 주소로 넣어줘서 안됐었다;

커맨드 창에서 파일 내용 찾기

예를들어 C:\ 내에 있는 파일 내용을 찾고싶다면

cmd 하고,

findstr /s "문자열" C:\ 

입력 한다.

리눅스 서버용량 체크

fdisk -l
현 서버 하드정보 및 파티션 내역


* df : 전체 파티션 기준

df -m   //  M 단위로 용량 확인
df -k    // K 단위로



* du : 현재 디렉토리 기준 (하위 폴더 포함) 파일용량 체크

du -h // K이상 계산하여 수치 용량 출력 (기호 출력)
du -m  // M단위 용량 수치 출력 (기호 출력X)
du -m > file.txt  //용량정보를 file.txt에 저장해라
du -sh // 토탈 수치만 보여줌

아파치 서버 재시작 하지않고 설정 적용하기

httpd 로 재시작 하려는 경우

/etc/init.d/httpd graceful 입력

-k 제외

[개발일지 : 작성중] 1. 안드로이드 개발 환경 세팅

- 작성중 -

안드로이드 개발환경 세팅

현재 맥을 사용하고 있기에 Mac OS X 기준으로 작성

자바 SE깔기
오라클 페이지 접속 하여 Downloads > Popular downloads > Java for developers 이동
http://www.oracle.com/technetwork/java/javase/downloads/index.html
에서 나오는 두개의 버튼중 아무거나 클릭 >  Mac OS X 용 설치


Android Studio 설치

Android studio는 Intellij라는 툴을 기반으로 구글 안드로이드에서 무료로 배포하고 있는 툴이다.

다음의 http://developer.android.com/sdk/index.html  이동 하여 Mac용 다운로드 및 설치

- 작성중 . 추가 예쩡 -

[WP 설치] 아마존 AWS 서버 EC2에 워드프레스 설치 및 세팅

아마존 EC2 서버에 워드프레스를 설치했던 과정을 기록한다.

1. FTP 환경설정

먼저 아마존 서버로 워드프레스 파일을 업로드 해서 설치 해야하기 때문에 우선 FTP 세팅을 해주어야 한다.
EC2는 ssh로 접속을 하는데 비번접속이 아닌 암호화된 pem파일을 이용해서 접속이 가능하다. (인스턴스 생성 완료 시 다운받은 파일)

또한 EC2는 root유저가 없으며 기본적으로 ec2-user를 사용하게끔 되어있다.
- PuTTYgen프로그램을 실행하여 pem파일을 프라이빗 키 ppk 파일로 변환한다.
- 파일질라 등의 FTP프로그램을 연다. setting > ppk 파일을 직접 지정한다.
- 다 되었다면 접속한다. 접속 시, SFTP 에서 호스트 명 (아이피주소) / 사용자 ec2-user 지정하여 접속한다.

*이것에 관한 자세한 설명은 아래 참고한 링크를 통해 확인한다.
- http://regularmotion.kr/aws%EC%97%90-apm%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0-3-ppk-%ED%8C%8C%EC%9D%BC-%EC%83%9D%EC%84%B1-putty-%EC%A0%91%EC%86%8D/
- http://trend21c.tistory.com/1298

2. 워드프레스 설치
일반적인 워드프레스 설치방법대로 설치한다.

3. jQuery 에러사항
워드프레스 사용중 아래와 같은 에러를 발견하였다.

jQuery is not defined and Uncaught ReferenceError: jQuery is not defined

해결방법은 아래와 같다.
참고 링크 : http://www.kevinleary.net/wordpress-admin-jquery-is-not-defined/

SSH or FTP into your site and open up your wp-config.php file. Turn off script concatenating by adding this line:

define('CONCATENATE_SCRIPTS', false); 

Make sure you add this before:

/** Absolute path to the WordPress directory. */ if ( !defined('ABSPATH') ) define('ABSPATH', dirname(__FILE__) . '/');

나의 경우 Step 1만 하고, 나머지는 ssh체크 후, ppk넣고 진행하였다. 호스트는 EC2서버의  아이피 주소를 넣었다.

4. SFTP접속 가능하게 해주는 워드프레스 플러그인
아마존으로 설치한 워드프레스에서 플러그인 설치 및 업데이트, 워드프레스 자동/업데이트 등을 관리자 화면에서 진행시 필요한 것들이다.

* SSH SFTP Updater Support plugin 설치
- http://wordpress-tips4all.blogspot.kr/2012/12/wordpress-asking-ftp-or-ftpsssl-ec2.html
- https://wordpress.org/plugins/ssh-sftp-updater-support/


5. 기타 에피소드
워드프레스를 설치하고 다른곳에 있던 워드프레스 데이터를 가져올때
Import Wordpress에서 wp-content/uploads를 못가져온다는 에러가 났었다.

이때 wp-content 아래 uploads 폴더를 직접 생성하고 권한 777했더니 정상작동하였다.
(upload폴더 자체가 생성이 되어있지 않았었다.)

[WP 팁] 워드프레스 주소/설치 폴더명을 바꾸는 방법

워드프레스를 서버에 설치시, cafe24등에서 자동셋업하면 wp이름으로 된 폴더내에 설치가 되곤 한다.
사실 그거 말고도 워드프레스 설치할때 보통 일반적으로 wp 또는 wordpress등의 이름으로 사용하는데 이럴경우 쫌...보안적으로 위험할 수 있다.
(임의로 주소를 쳐서 돌려버리니까...많이 쓰는 비번들 뚫는것처럼 주소도 마찬가지)

이미 설치가 되어있는경우 워드프레스 폴더명을 다른이름으로 바꿀수 있는 방법을 소개한다.

1. 관리자 화면접속 > 설정 > 일반 이동

2. 바꾸고자 하는 주소를 폴더명까지 기재.

워드프레스 주소 : http://주소명/바꾸고자하는폴더명
사이트 주소 : http://주소명

3. FTP등으로 접속하여 현재 설치된 폴더명을 바꾸고자하는폴더명으로 변경

4. index.php파일을 루트폴더로 복사해서 붙여넣고 파일을 에디터로 연다

5. 아래와 같이 주소를 변경한다.

/** Loads the WordPress Environment and Template */require( dirname( __FILE__ ) . ‘/바꾸고자 하는 폴더명/wp-blog-header.php’ );

6. .htaccess 파일도 마찬가지로 루트폴더에 복붙한다. 만일 파일이 보이지 않으면 숨겨진파일보기를 통해서 찾는다.

7. 고유주소를 세팅한 적이 있다면 업데이트 해야한다고 한다.(이건 나도 안해봐서 모르겠으나 참고...로)


* 사이트 : http://hellodol.ly/2014/01/17/wordpress-cafe24-wp-folder-name/ 내용을 참고
* 참고 : http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

[제로보드 이전] zboard4의 데이터를 xe로 이전

누구나 가지고 있겠지만 나의 경우도 마찬가지로 나만의 웹의 역사가 있다.
홈페이지로 따진다면 수능 본 이후부터...로 거슬러 올라갈수 있을것 같다.
정식적으로는 재수이후, 즉 대학교 때부터 쭉 거쳐오던 나만의 홈페이지들의 변천사를 만들어 가고 있었는데..... (중략)

그러한 흔적들이 지금 현재 남은것이라곤 몇년째 월 500원씩만 내고 유지해오던 cafe24서버에 저장된것들이 되었다.

제로보드에 저장해둔 글, 끄적거린것, 친구들과 이야기 하던것들 일부가 저장된채로 방치하다가,

이거 안되겠어 이젠 뉴 서버에 좀 옮겨놔봐야지....라고 마음을 먹은게 몇해가 지났다.

그러다 오늘에서야 으앙 마이그레이션 해보기로 마음을 먹게 되었다.

우선, 예전 계정으로 로그인 접속하여 관리자 화면으로 들어가보았다.

아아, 고대유물의 향기.

몇년전이지만 몇십년이 지난득 아득한 세월이다.

이제 이것을 XE로 이전 시켜보려고 한다.

zboard는 XE 내로 흡수되었기 때문에 XE 자료실에서 마이그레이션 툴을 다운받아 사용 할 수 있는것으로 보였다.

https://www.xpressengine.com/index.php?mid=download&package_id=18324313

다운로드 버튼을 눌러 마이그레이션 툴 파일을 다운받고 본문에 나온 설명이 적혀있다는 링크된 페이지로 이동하려 했더니

야(...)

너무 오래된 세월이 지난것인가. 그래봤자 몇년 지난것 아닌가. 넘무해. 데드링크는 확인좀 해주지 ㅠ.ㅠ 미워

깨진링크에 낙담하지 말고 궁여지책으로 archive.org 의 힘을 빌어보기로 한다.

위 링크의 대충의 히스토리를 보아하니 2012년도 이후로 사망한것으로 보였다.

다행히도 아카이브닷옭... 사이트 덕분에 2012년의 저장된 페이지를 발견할 수 있었다. 

https://web.archive.org/web/20120109170320/http://migration.xpressengine.net/wiki/18298740

이제 이것을 보고 이전 작업을 진행해보기로 한다. 

새 서버로의 이전이며 다 이전하면 구 서버는 반납할 예정이다.

위 포스트에 나온바와 같이 따라해보았다.

압축푼 파일을 zboard서버내 폴더로 업로드 한다.

http://사이트주소/업로드 한 파일이 위치한 폴더명/index.php로 입력한다.

EUC-KR , Mysql이면 그대로 놔두고 추출할 대상을 선택한 뒤 xml을 다운로드 한다.

다운로드한 xml 파일들을 이제 옮기고자 하는 신서버(또는 폴더)로 업로드 한다. 아무 폴더나 괜찮다.

이제 신서버(또는 폴더)가 위치한 XE 관리자 화면 > 콘텐츠 > 데이터 들여오기 클릭

각각의 경로 입력란에 xml을 올린 폴더의 경로를 입력후, 경로확인, 데이터들여오기를 누른다.

이때 미리 메뉴/게시판을 생성해놓아야 함은 당근!

들여올때 어느 모듈(페이지)안에다 넣는지 지정하게끔 되어있기 때문이다.. 아래와 같이...

지금 요 데이터는 미리 생성해놓은 저 게시판 메뉴에다 넣겠다...

이때 하단의 회원정보 동기화를 체크 하면 옮기고자 하는 데이터의 작성자 명을 그대로 가져오게 된다. 만약 체크하지 않으면 guest로 계정을 가져오게 된다.

완료되면 정상적으로 잘 반영된 게시판을 확인할 수 있다. 한글깨지는 문제 있다고 누군가 리포트 한것을보았는데 다행히 잘 옮겨졌다. 후훗. completed!

XE로 이전이 잘 마무리 되었다.

[WP 플러그인] 워드프레스 사이트에서 방문자 통계 확인

직접 서버에 워드프레스를 설치한 경우, 자체적으로 워드프레스에서 방문자 통계 등을 보여주는 기능이 없기 때문에 제공된 추가 플러그인을 깔아 정보를 확인한다.

대표적으로 구글 어날리틱스(Google Analytics) 플러그인을 설치할 수 있지만 디테일한 기능을 가진 만큼 느려지는 단점도 존재한다.

대시보드가 좀 느려진다면 Jetpack이라는 플러그인을 사용 하는 방법이 있다.

워드프레스닷컴 사이트(설치형이 아닌 가입형)의 통계 기능을 연결해서 사용하게끔 한다. 때문에 필요한 사항은 자신의 설치형 워드프레스 계정, Jetpack플러그인, 가입형 워드프레스닷컴의 계정이 되겠다.

통계의 경우 관리자 화면에서 방문자 추이, 일별 접속수치 등과 개별 포스트의 방문자 카운트 등을 확인가능하다.

그밖의 다른 여타 기능을 제공한다.

상세한 정보는 아래의 링크를 통해 확인하자.

* Jetpack 플러그인 다운로드 접속 페이지 : https://wordpress.org/plugins/jetpack/

* 참고한 블로그 글 및 상세 설명확인 : http://codaa.tistory.com/104

[WP 플러그인] 카테고리 출력 플러그인 : list category posts

원하는 포스트나 페이지에 카테고리 내용/리스트를 출력해주는 플러그인이다.

list category posts
https://wordpress.org/plugins/list-category-posts/

원하는 기능과 간결한 구조라서 지금까지 써본것중 가장 용이하게 잘 쓴 플러그인.
(물론 더 좋은것이 있겠지만 개인적으로 여태 워드프레스 개발했던 나날을 비교했을때..)

템플릿 지원하여 페이지 디자인 반영시 원하는데로 변경 가능.
다양한 shortcode 기능 제공.

[반응형 웹 개발 팁] 화면 사이즈에 따라 이미지가 동일 비율로 사이즈 변경되게 하는 방법

CSS 속성을 다음과 같이 부여한다. (필요에 따라 속성 가감. 볼드체 부분은 필수)

.your_background_class_name {
    width: 100%;    height:auto;    top: 0px;
    left: 0px;
    z-index: -1;
    position: absolute;
}

출처 : http://stackoverflow.com/questions/22556250/make-background-image-responsive

[반응형 웹 개발 팁] Fullscreen backgrounds with centered content

반응형 웹 제작시, 화면사이즈별로 페이지내 삽입된 이미지가 무조건 가운데 정렬되게끔 동작되게 하는 방법이다.

HTML, CSS 및 jQuery 코드의 추가가 필요하다.

(하단의 출처 http://www.minimit.com/articles/solutions-tutorials/fullscreen-backgrounds-with-centered-content 링크는 추가로 오버랩되는 텍스트가 있지만 여기서는 텍스트 제외 이미지만 하기로...)

HTML 섹션

<div class="background" style="background-image:url('이미지경로');border:0px;width:100%;height:301px;" data-img-width="1920" data-img-height="301" align="center"></div>

CSS 섹션

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}

jQuery 섹션 (직접 적용해보았을때는 js에러가 나서 CSS부분만 남겨두었는데 잘 동작하였다. )

/* resize background images */function backgroundResize(){    var windowH = $(window).height();    $(".background-map").each(function(i){        var path = $(this);        // variables        var contW = path.width();        var contH = path.height();        var imgW = path.attr("data-img-width");        var imgH = path.attr("data-img-height");        var ratio = imgW / imgH;        // overflowing difference        var diff = parseFloat(path.attr("data-diff"));        diff = diff ? diff : 0;        // remaining height to have fullscreen image only on parallax        var remainingH = 0;        if(path.hasClass("parallax")){            var maxH = contH > windowH ? contH : windowH;            remainingH = windowH - contH;        }        // set img values depending on cont        imgH = contH + remainingH + diff;        imgW = imgH * ratio;        // fix when too large        if(contW > imgW){            imgW = contW;            imgH = imgW / ratio;        }        //        path.data("resized-imgW", imgW);        path.data("resized-imgH", imgH);        path.css("background-size", imgW + "px " + imgH + "px");    });}backgroundResize();

* 출처 : http://www.minimit.com/articles/solutions-tutorials/fullscreen-backgrounds-with-centered-content

[WP 플러그인] Media Library Assistant : 워드프레스 미디어 라이브러리 관리

Media Library Assistant : 워드프레스 미디어 라이브러리 관리 플러그인
https://wordpress.org/plugins/media-library-assistant/


현재 개발중인 워드프레스 사이트는 오픈 이후 운영시점에서 고려될 사항이 있었는데,
바로 업로드 해놓은 특정 이미지 몇가지를 따로 관리할 이슈였다.

포스팅을 위한 이미지 외에 지정 썸네일 같은거는 향후 포스팅시에도 지속적으로 써야하기 때문에 그런 이미지들만 따로 카테고리 지정해두어서 운영시에 유용하게 활용하도록 하였다.

비슷한 기능을 하는 다른 플러그인도 있었지만, 관리자>미디어 메뉴 접근 외,
직접 포스팅시 선택하는 미디어 선택창에서는 원하는 카테고리만 소팅해서 볼수 있는 컴포넌트가 없어서 패스.

Media Library Assistant 플러그인은 그밖에 여타 다양한 기능을 지원한다.

The Media Library Assistant was inspired by our work on this site. As you can see, we have hundreds of images and download files to manage and several custom taxonomies such as products, artisans, stories and Fair Trade Organizations to keep them organized.

http://fairtradejudaica.org/media-library-assistant-a-wordpress-plugin/

The Assistant allows us to see where our images and downloads appear in the site as featured images or are inserted in page and post bodies. We can quickly find attachments in a particular category or tag as we add pages and posts to the site. We can re-assign attachments to a different author and change meta data such as the attachment name/slug.

[WP 팁] Tablepress에서 페이지네이션을 넘버로 바꾸는 방법

대표적 테이블 출력 및 관리 플러그인인 Tablepress를 워드프레스에 적용하여 사용시,

하단에 출력되는 페이지네이션이 Previous, Next 버튼만 노출되어있는데

이 페이지네이션을 번호도 나오게끔 추가하는 방법이다.


/wp-content/plugins/tablepress/controllers/controller-frontend.php 를 연다.


302번째(업데이트 되면서 변할 수 있음) 줄의 아래 소스 코드에서

if ( $js_options['datatables_paginate'] ) {
    $parameters['pagingType'] = '"pagingType":"simple"';

simple -> simple_numbers 으로 변경하여 저장.

min.js를 js로 변환해주는 툴 : jsbeautifier

아래 링크로 이동하면 확인가능.

페이지 입력폼에 붙여넣기 하여 변환한다.

http://jsbeautifier.org/

[WP 플러그인] 워드프레스에서 미디어 파일 첨부시, 한글문자를 영어 등으로 변환해주는 플러그인

워드프레스에서 미디어 파일 첨부시, 한글명으로 된 파일을 업로드 하면
실패할때가 있고 때에 따라(타 플러그인 또는 테마 연동시 등등) 페이지에 출력이 되지않는 경우가 있다.


1. 한글문자를 해시코드 형식으로 바꿔 저장하는 플러그인
http://082net.com/2012/1024/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90%EC%84%9C-%ED%95%9C%EA%B8%80-%EC%9D%B4%EB%A6%84-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C/

2. 초성,중성,종성을 영문으로 변환하여 업로드 하는 플러그인
http://ssamture.net/archives/1862


3. 한글명 파일을 제대로 업로드 할수 있게 해주는 플러그인
http://mytory.net/archives/3309/

[WP 플러그인] 워드프레스 관리자 페이지에서 DB 테이블을 직접 관리할수 있는 plugin

Database Browser

http://www.makeuseof.com/tag/working-custom-database-tables-wordpress/

[WP 팁] 워드프레스 특정 포스트ID를 통해 카테고리 값 얻는 방법

워드프레스에서 특정 포스트에 해당하는 카테고리 정보를 얻는 방법.

<?php
$category = get_the_category( $custompost );
echo $category[0]->cat_name;
?>

카테고리 ID를 얻고싶다면

$category[0]->cat_ID; 으로 지정한다.


* 참고 https://wordpress.org/support/topic/get-category-name-by-post-id

[php 팁] 정규식을 이용한 이미지 링크 추출

http://seobangnim.digimoon.net/zbxe/?mid=PHP&listStyle=webzine&page=3&sort_index=readed_count&order_type=desc&document_srl=65576

참고.

[WP 팁] 워드프레스 루트 도메인 연결

만일 wp라는 폴더에 워드프레스 설치를 하였으나,
실제 워드프레스 사이트 도메인을 wp제외 루트 접속으로 변경하고 싶다면

1. 루트 위치에 index.php를 생성하고 아래과 같이 설정한다.

<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */
/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );

      ?>

2. 워드프레스 관리자 페이지 > 설정 > 사이트주소(URL)에

wp 폴더 제외 원하는 도메인을 써준다.

참고 : 워드프레스 codex 설명 - http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

[WP 팁] 워드프레스 해당 포스트 페이지 에서 지정된 카테고리 가운데 가장 최상위 카테고리 추출

바로 상단의 카테고리는 category_parent로 가져올수 있으나,

가장 최상단의 카테고리는 아래와 같은 코드를 이용하여 추출한다.

$parentscategory ="";
foreach((get_the_category()) as $category) {
if ($category->category_parent == 0) {
$parentscategory .= $category->cat_ID .' , ';
}
}
$rootcategory_id = substr($parentscategory,0,-2);

참고 : http://www.wpbeginner.com/wp-themes/how-to-display-only-parent-category-in-your-wordpress-post-loop/

를 이용하여 재가공.

[WP 팁] 워드프레스 포스트 페이지의 해당 피쳐드 이미지 / 썸네일 주소만 추출하는 방법

get_the_post_thumbnail 함수는 썸네일 이미지 태그까지 먹힌걸로 가져오는데

여기서 이미지 경로만 추출하는 방법.



*워드프레스 포스트 피쳐드 이미지의 썸네일 주소만 추출하는 방법

$image_attributes = wp_get_attachment_image_src( get_post_thumbnail_id(포스트id), 이미지사이즈);
$lcp_thumbnail = $image_attributes[0];

출처 : https://wordpress.org/support/topic/get_the_post_thumbnail-i-only-want-the-url

에서 참고 하여 약간 가공.

Poo Energy / 달려라 자동차가 나가신다 뿡뿡뿡

우리의 권리!

먹고 싸고 움직이고.

괜찮아 에너지라니까, 푸 ~ !

http://trendinsight.biz/archives/38258