원강민의 Wonhada 블로그

Category

작업 노트

최근에 회사를 옮겼습니다.

최근에 회사를 옮겼습니다. 예스튜디오: https://YeaStudio.kr 그림 관련 서비스(주니몽, 컬러필)를 만드는 회사고 대표님과 직원분들의 매너와 분위기가 참 좋습니다. 저는 ‘관리툴’이라 부르는 CMS를 담당하게 되었습니다. AWS 관리부터 백엔드, 프론트엔드, 조만간 앱 개발까지 하게 될 것 같네요. 재밌겠죠? 🙂 오늘 새롭게 출시된 앱이… Continue Reading →

[CSS] 이미지를 세로로 정렬하기

div 안에 있는 img를 세로로 정렬하는 css .v_img_parent { /* div */     position: relative;     width: 100px;     height: 100px; } .v_img { /* img */     max-height: 100%;       max-width: 100%;  … Continue Reading →

MAC용 XAMPP 설치 시 STACK 에러가 나는 경우

INFO: Starting "XAMPP" stack ERROR: Error starting "XAMPP" stack: cannot calculate MAC address: signal: killed 위와 같은 에러가 난다면 XAMPP를 닫고 터미널에서 아래와 같이 실행 후 다시 XAMPP를 실행합니다. rm -rf ~/.bitnami/stackman 위와 같이 해도 동작하지 않는다면 최소 사양도 확인해… Continue Reading →

워드프레스에 파비콘[Favicon] 넣기

“파비콘(영어: favicon, ‘favorites + icon’) 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.” – 위키백과 아래와 같이 보이는 아이콘을 말합니다. 1. 워드프레스 알림판 – ‘플러그인’ – ‘플러그인 추가하기’ 2. ‘Favicon’ 검색 및 아래 플러그인 설치 – 이어서… Continue Reading →

어도비 브라켓(Brackets) 테마를 만들어 봤어요.

저와 비슷한 감성을 가진 분이 있을까 싶지만.. 브라켓 에디터:: http://brackets.io 아래 URL에서 다운로드(zip 파일) 받은 후 브라켓의 ‘확장 기능 관리자’에 끌어다 넣으면 됩니다. https://github.com/englekk/WonHada_Brackets_Theme_Juel

인터페이스(Interface)가 그렇게 어려운건가

인터페이스(Interface)에 대한 설명은 항상 모호하고 장황합니다. (클래스는 더 하죠) 그냥 ‘어떤 메소드를 가지고 있는지 알려주는 것’ 정도로 이해하면 됩니다. public interface IPlayer {     void play();     void pause();     void stop(); } 이제, IPlayer를 구현(implements)한 클래스는… Continue Reading →

코딩을 즐겁게 해주는 UX

새로운 UX를 시도한 에디터가 있어서 테스트 해봤습니다. (-: https://github.com/codeinthedark/editor 원작자 동영상: https://www.facebook.com/video.php?v=10153799181387490 테스트 URL: http://kushagragour.in/code-blast-codemirror/demo/index.html

스크롤박스를 만들어 봤습니다.

인터넷에 떠도는 무수한 라이브러리들을 뒤져보면 더 좋은 것도 많겠지만 찾기가 귀찮아서 그냥 만들었습니다. – 마우스 움직임에 따라 스크롤 – 버튼으로 스크롤 – 버튼 위치 설정 – 화면 크기에 따라 반응 * 터치는 나중에 필요할 때 추가.. http://wonhada.com/wp-assets/scrollBox/

리눅스(우분투)에 Node.js 4.2.1 설치하기

우분투(Ubuntu)에 노드(Node.js) 최신 버전을 설치해 보았습니다. 현재 v4.2.1입니다. root로 로그인을 했다면 아래와 같이 하시고 root가 아니라면 su로 들어가거나 sudo를 이용해서 설치하시면 됩니다. # apt-get install curl # curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash – # apt-get install -y nodejs… Continue Reading →

팔 근육의 움직임을 인식하는 ARM-BAND :: MYO

MYO가 생겼습니다. ㅎㅎ 제스쳐 인식과 자이로 센서를 이용한 앱을 만들어 보는게 1차 목표.

CODE로 브라우저의 캐시를 삭제하는 방법

브라우저의 설정에서 캐시(Cache)를 삭제하는 방법은 사람이 수동으로 해야 하기에 서비스를 하는 입장에서는 불편합니다. 사용자에게 어디 어디를 클릭하라고 알려줘야 하니까요. 아래 방법을 이용하면 자동으로 캐시를 이용하지 않고 새로운 페이지를 받아오도록 할 수 있다고 합니다. PHP를 이용하는 방법 :: header("Expires: Mon, 26… Continue Reading →

PHP에서 문자로 변수 참조하기

잊어버릴까봐 남겨둡니다. (-: $a0 = "A"; $a1 = "B"; $a2 = "C"; for($i = 0; $i < 3; $i++) {     echo ${"a".$i}; }

반응형 HTML 템플릿

미디어 쿼리(@media)를 이해하기 위한 간단한 HTML 템플릿입니다. 이해를 목적으로 하기에 자세하지 않습니다. 세부적인건 아래 URL을 참고하세요. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ https://gist.github.com/marcobarbosa/798569 1. 미디어 쿼리는 all을 처음에 적용해야 합니다. 반대로 적용하면 all만 적용됩니다. 2. IE 6~8 버전을 지원하기 위해 html5shiv.min.js를 이용합니다. DEMO :: 데스크탑… Continue Reading →

쓸만한 JQuery기반 슬라이더(Slider)

간단하면서 다양한 기능을 제공하는 슬라이더를 찾아 헤매다가 발견한 녀석입니다. 꽤 많은 시간을 허비했기에 따로 글을 남기네요. ㅎㅎ 적용한 예제는 아래 URL에 있습니다. http://m.flexcampic.com 라이브러리 사이트: http://sachinchoolur.github.io/lightslider/

© 2017 원강민의 Wonhada 블로그 — Powered by WordPress

Theme by Anders NorenUp ↑