•  
  •  
  •  
  •  
 
2017 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
 
HFR sites open
Seoul Cinema site renewal
TOYOTA KOREA website renewal
K2 flash ebook solution
MOBIS Carfe E-Catalog
esoom agency
Kia motors Stage Motion Graphic
Kiehl’s Iris Magic Mirror Campaign
Google Webmaster Conference 2013
난 졸망이라고 함!
아빠..손 따뜻해..
바구니 안에 들어가있는 졸망이
잠은 편하게 자야지~
꼬리들고 자는 졸망이
먹이로 유인하다
오잉? 이건 뭐지?
아빠 손에 뭔가 있어?!
내려오려고 하는 올망이
 

Tools

제작 도구들에 대한 노트

아톰 에디터 – 자동 한줄 내림 취소 설정

코딩하는데 자꾸 얼마 안치고 한줄 밑으로 내려서 코딩된다. 우측 영역에 공간이 많은데도 계속 내려간다. 한줄 최대 글자 입력수가 얼마인지 어디서 설정하는지 모르지만 일단 스크롤이 생기더라도 우측 공간 활용을 위해 해당 자동 내림 기능을 제거해야겠다. Settings 의 Editor 안에 Soft Wrap 체크 아웃 하면 ...

... 2017/05/17

Gulp – 플러그인 설치 및 사용하기

gulpfile.js 를 열고 이제 자동화 설정 셋팅을 해보자. 내가 하려는 자동화 작업은 이렇다. js는 js폴더에 작업한 여러개의 js를 합치고, 코드를 압축한다. scss는 컴파일해서 css로 만들되 역시 코드를 압축해 놓는다. html 파일은 그냥 개발폴더에 추가되거나 수정될 때 배포 폴더에 자동으로 수정된다. localhost로 ...

... 2017/04/11

Gulp – 시작전 준비하기

어제 Gulp(걸프)란 걸 접하고 구글링을 통해서 습득해보는 도중 적어놔야겠다 생각 들어서 정리를 해보려고 한다. (왼쪽은 Gulp 로고라고 하니 알아두자) Gulp는 처음 접하였고 Grunt도 들어는 보았지만 아직 해보진 않았다. 결론은 셋팅해두면 실무에 작업 하는데 도움이 되는 좋은 '자동 빌드 도구'이다. 본인은 이미 비슷한 도구로 ...

... 2017/04/11

구글 통계 – 캠페인 url 만들기

구글 애널리틱스에 캠페인과 관련된 링크를 만들어 사용하게 되면 접속하는 경로의 파라미터들을 통해 어디서 접속해서 어떤 캠페인을 통해 어떤 것을 클릭했는지 등과 같은 좀 더 자세한 추적을 알아낼 수 있다. https://ga-dev-tools.appspot.com/campaign-url-builder/

... 2016/10/11

Javascript – 모바일 브라우저 접속 체크

모바일 기기로 접속하였는지 여부를 확인한 후 개별적으로 링크를 따로 구현하게 될 때가 많다. 특히 모바일웹을 따로 구축하게 되는 경우가 이러한데 모바일이 시대가 흐를수록 다양해지다보니 오래전 스크립트가 제대로 작동되지 않을 때가 있다. 이를 해소해주는 사이트가 있다. http://detectmobilebrowsers.com/ 위 사이트로 이동한 뒤 javascript 파일을 다운 받아 ...

... 2015/01/26

페이스북 공유시 나오는 정보 수정 방법

일단 페이스북에 주소를 입력하거나 공유하게 되면 나오는 정보들이 있다.이 정보들을 사이트에 설정하려면 아래 링크를 찾아가서 메타 태그를 헤더안에 넣으면 된다. https://developers.facebook.com/docs/sharing/best-practices?locale=ko_KR   그리고 나온 정보가 제대로 반영되지 않을 때는 페이스북 개발툴에서 캐시를 삭제한다.  https://developers.facebook.com/tools/debug/og/object/ 위 주소로 접속하면 캐시를 지울 사이트 주소를 입력하는 칸이 나온다.주소를 입력하고 ...

... 2015/01/07

sublime text2 sftp 접속시 encoding error

서브라임 텍스트로 SFTP 플러그인을 통해서 서버에 접속하려 할 때 어떤 호스팅의 경우에는 아래와 같은 오류가 나면서 접속이 되지 않는다. sublime sftp an encoding error was encountered trying to read from the server. please adjust the "remote_encoding" setting in sft-config.json 이라고 하면서 ...

... 2014/10/17

디자이너들에게 추천하는 크롬 브라우저 앱기능

실무자 중에서도 크롬이나 파이어폭스를 이용해서 웹을 서핑하는 분들이 많이 계실꺼라 생각합니다. 그 중에 크롬에는 크롬 웹스토어를 통해 새로운 기능들을 추가할 수 있는데요. 이 앱들로 인해서 작업하기도 수월하고 간단합니다. 1. 창 크기를 조절하여 반응형웹을 테스트하기 적합한 'Window Resizer' 다운로드 경로 : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh 크롬 브라우저로 위 경로를 ...

... 2014/04/01

Photoshop – [폰트 캐쉬 삭제] 삭제한 폰트도 계속 리스트에 존재할 때

디자인 작업을 하다보면 폰트들을 많이 설치하게 된다. 그러다가 필요없는 폰트들이 많아서 정리를 하게 되어 몇몇 폰트들을 지우게 되는데 여전히 포토샵에는 폰트 리스트에 존재하는 경우가 있고 그 폰트를 쓰려고 하면 에러가 난다. 이유는 CS5부터인지 언제부터인지 포토샵에는 폰트 캐쉬라는걸 사용해서 매번 실행할 때마다 폰트 ...

... 2013/09/25

Photoshop – 폰트는 폴더를 따로 관리하는 것이 좋다.

Adobe 제품군을 설치한 후 각 툴을 사용할 때 용도에 맞게 폰트를 추가해서 사용하는 경우가 있다. 이럴 때 대부분 windows OS의 경우 .ttf 와 같은 폰트 파일들을 복사해서 C:\Windows\Fonts 의 경로에  붙여넣기하게 된다. 이렇게 되면 adobe 작업외에 필요없는 폰트들도 windows os 로딩에 영향을 미칠뿐더러 관리하기도 힘들다. 가끔 어떤 ...

... 2013/09/25

서브라임텍스트2 – 단축키 정리

호감형 (thehogam)님의 블로그에서 정리된 서브라임텍스트2 단축키입니다. 정말 자세하고 보기 편하게 정리하셨고 인쇄용으로도 doc 파일을 만드셨는데요. 저도 이거 다운받아서 출력하여 책상 옆에 붙여놓고 보고 있습니다. Ctrl + X Delete line 라인 삭제 Ctrl + ↩ Insert line after 다음 라인 삽입 Ctrl + Shift + ↩ Insert line before 이전라인 삽입 Ctrl + Shift + ↑ Move line/selection up 선택된 라인 ...

... 2013/09/08
preview

Sublime Text 2 – 작업중 브라우저로 미리보기 추가

작업을 하다보면 현재 작업 중이던 문서를 미리 웹브라우저로 보고싶을 때가 있다.드림위버의 경우 저장된 상태에서 F12를 클릭하면 웹브라우저로 미리보기가 가능하지만 서브라임텍스트2에서는 기본 지원이 되지 않는다.그래서 preview 플러그인을 설치하여 사용해보자.  명령 팔렛트(Shift+Ctrl+P)를 열어 Install Package를 선택한 후  Preview 검색하면 아래 그림과 같이 나온다. 설치가 진행되고 난 ...

... 2013/09/05
.