•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
Kiehl’s Iris Magic Mirror Campaign
HYUNDAI Department Store, PanGyo
KOURSS.org
HCI KOREA 2014
HFR sites open
Mobis Phoebus site renewal
2013 Korea Mobile Ad Awards
Korea Web Design
KGC Season Update
실내화에 들어가서 안나오려고 하는 졸망이
아빠..손 따뜻해..
음…아빠! 아빠가 빠뜨린게 있어~!
어허! 어허! 아빠 거기 내 단추~
거품 샤워중인 졸망이
오잉? 이건 뭐지?
아빠 손은 노아의 방주인가요?
아빠 이렇게 내려가면 되는건가요?
아빠 날개가 되어줘! 난 날을꺼야~
 

포스트 타입 명칭 변경하기

워드프레스의 테마에서 정의한 포스트 타입이 있다. 그 정의된 타입별로 구성요소가 정의되어 포스팅이 되는데 이 포스트 타입 또는 포스트 포맷의 명칭을 변경하기 힘들다. 아래 코드를 활용해서 각 테마폴더의 function.php 에 추가하자.  

... 2017/08/13

워드프레스 번역된 파일 .po .mo 저장 위치

플러그인일 경우 /wp-content/languages/plugins 이 안에 저장 테마일 경우 /wp-content/languages/themes 이 안에 저장

... 2017/08/11

워드프레스에서 발송되는 이메일이 제대로 수신 안되는 현상

theme my login플러그인을 쓰는데 가입 인증 메일이 안간다. 여러가지 현상이 있지만, 요근래 워드프레스가 업데이트 된 후 종종 발생한다. 이유를 찾아보니 https://wordpress.org/support/topic/emails-created-from-tml-not-being-sent/ 이렇게 질문과 답변이 있고, http://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-not-sending-email-issue/ 호스팅 서버가 PHP mail () 함수 를 사용하도록 구성되어 있지 않기 때문 입니다. 라고 한다. 대체하는 방법도 써있다.

... 2017/08/11

wp-json 으로 json 호출시 썸네일과 커스텀 필드 받기

사용자 입력 필드나 썸네일 url을 얻어내기 위한 코드이다. 테마의 function.php에 추가한다.  

... 2017/08/02

css3 animation 키프레임 멈추기

CSS3로 키프레임 애니메이션을 작동하다가 멈추고 싶을 때가 있다. 대부분 hover나 Class 를 추가하여 멈추는 동작을 넣고 싶을 경우다. 맨 마지막 줄에 -webkit-animation: none 이 있는 이유는 아이폰 ios 사파리에서 paused; 동작이 제대로 작동하지 않는다.  그렇기 때문에 대안으로 만들어진 코드이다.

... 2017/08/01

썸네일 url 가져오기 (다른 방식)

기존 방식으로 가져오지 못할 때 위와 같은 방식으로 썸네일 경로를 가져올 수 있다.

... 2017/07/31

글 제목으로 글 id 가져오기

특정 제목을 가진 글의 아이디를 가져올 때 유용하다.  

... 2017/07/30

목록 구현할 때 포스팅의 slug 값 가져오기

php로 이렇게 출력하면 슬러그(고유주소 뒤에 정의한 마지막 주소)가 노출됨.

... 2017/07/30

php – 배열에 값 추가하기

array_push 써서 배열의 마지막에 추가한다.  

... 2017/07/28

php 디버깅 할 때 배열,객체 값 콘솔로 확인

자바스크립트로 종종 console.log 나 console.dir 을 써서 데이터를 확인하는데 php에서는 따로하는 방법을 못찾았다. 그래서 자바스크립트로 연결해서 확인하는 용도로 아래 코드를 썼다.  

... 2017/07/28

php 문자열에서 숫자만 치환 (정규식 포함)

숫자만 남기고 나머지는 삭제하고 싶을 때  

... 2017/07/28

배열안에 해당 값이 존재하는지 체크

배열속에 특정 값이 존재하는지 확인할 때 사용한다. 자세한 추가 설명은 php.net에서 http://php.net/manual/kr/function.in-array.php

... 2017/07/27

리액트 라우터 v4 와 코드 스플리팅

리액트는 알다시피 한번에 모든 페이지 정보가 스크립트로 들어감. 그러다보니 방문하지 않을 페이지의 코드까지 로드하니 비효율적일 때가 있다. 해당 페이지로 라우팅되었을 때만 그 페이지 코드를 불러오게 해보자. 사용된 모듈은 react, react-dom, react-router-dom 이다. 리액트 라우터는 v4다. app.js (html에서 불러오는 코드 파일이다.) 여기에 보면 ./lib/asyncRoute 를 불러와서 외부 파일 ...

... 2017/07/21

코드 스플리팅을 위한 webpack.config.js , 패키지들

이번에 webpack3, react router v4로 접하면서 코드 스플리팅을 위한 작업을 했다. 설치한 패키지들은 package.json으로 파악하고 설치하면 된다. package.json 의 설치 모듈들 webpack.config.js 일단 이렇게 설정하고 코드 스프라이팅 빌드 해보니 오류는 없어졌다.  실제 확인해보니 코드도 문제없이 생성되었다. 환경설정은 이렇게 해놓고 코드 스프라이팅과 리액트 라우터 v4를 더 해본 ...

... 2017/07/21

npm 옵션 (단축키)

npm - 옵션을 찾을 때가 있어서 적어놓는다. -v: --version -h, -?, --help, -H: --usage -s, --silent: --loglevel silent -q, --quiet: --loglevel warn -d: --loglevel info -dd, --verbose: --loglevel verbose -ddd: --loglevel silly -g: --global -C: --prefix -l: --long -m: --message -p, --porcelain: --parseable -reg: --registry -f: --force -desc: --description -S: --save -P: --save-prod -D: --save-dev -O: --save-optional -B: --save-bundle -E: --save-exact -y: --yes -n: --yes false ll and la commands: ls --long 공식 문서파일은 : https://docs.npmjs.com/misc/config#shorthands-and-other-cli-niceties

... 2017/07/18

이미지 태그에 .svg 파일 넣었는데 브라우져에서 깨져 나올 때

마크업에서 <img src='test.svg'> 이렇게 넣었을 때 로컬 호스트에서는 문제 없었지만 실제 서버에 올렸을 때 이미지가 깨져서 안나올 때가 있다. 그럴 때는 서버의 루트쪽에 있는 .htaccess 파일을 열어 상단에 아래 코드를 넣어주면 된다.  

... 2017/07/14
.