앱 개발 노트

ubuntu 하드디스크 추가

Contents1 파티션 확인2 UUID 확인3 자동 마운트 설정4 마운트 파티션 확인   sudo fdisk -l 디스크에 있는 모든 내용을 깨끗이 지우려면, (새 디스크가 /dev/sdc 라고 가정하고) sudo dd if=/dev/zero of=/dev/sdc bs=1M 위 작업은 엄청 오래 걸린다. 빨리 지우는 방법도 있기는 한 데, 안해봐서 어떤지 모르겠다. 새 디스크에 파티션이 안된 상태면 파티션을 만든다. (추가된 하드디스크가 /dev/sdc … ubuntu 하드디스크 추가 더보기

ubuntu 16.04 samba 서버 설치

Contents1 Samba file server 설치2 삼바 기본 설정3 파일 서버 설정4 CUPS 사용시 Samba 설정 Samba file server 설치 sudo apt install samba 삼바 기본 설정 sudo nano /etc/samba/smb.conf [global] workgroup = WORKGOUP  (<= windows workgroup 이름) security = user …. …. 파일 서버 설정 참고 익명 공유 디렉토리 생성 sudo mkdir /samba/anonymous sudo chown … ubuntu 16.04 samba 서버 설치 더보기

mongodb를 ubuntu 16.04 32bit에 설치하는 법

인터넷 서치를 해보면 별이별 복잡한 방법들이 소개되어있다. 몇 달 전 글들을 따라해보아도 잘 설치가 되지 않는다. mongo  사이트에는 32bit를 지원하지 않는다고 설명해놓았다. 그래도 32bit ubuntu 에 mongo 를 설치했다는 사람들이 있어서 이것 저것 해보다가 다음과 같이 하니 간단히 설치되었다. 패스 설정하고 그런거 안해도 다음 같이 하니 모든 기능이 정상동작하는 것 처럼 보인다.   sudo apt … mongodb를 ubuntu 16.04 32bit에 설치하는 법 더보기

socket.io-client 를 angular2-cli 에서 사용하는 법

  ng new <project.name> cd <project.name> npm install typings –global typings install dt~socket.io-client –global –save npm install socket.io-client –save   서비스 컴포넌트에서 아래와 같이 import 한다 import * as io from ‘socket.io-client’;   typings.d.ts 에서 다음과 같이 선언한다. ionic 2 의 경우 src/declarartions.d.ts 파일을 열여 추가 declare module ‘socket.io-client’ { var e: any; export = … socket.io-client 를 angular2-cli 에서 사용하는 법 더보기

X-Frame-Options 에러 처리 : NGINX

nginx wordpress에서 form target 을 iframe으로 잡고 iframe안에서 컨텐츠를 나타내려고 했더니, Refused to display ‘https://xxxxxxxxx’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN, DENY’ 와 같은 에러가 발생한다. 검색신공을 발휘하여, 찾아본 결과. etc/nginx/nginx.conf 나 etc/nginx/sites-available/site-name 설정파일에서 server { listen 80; server_name localhost; server_tokens off; add_header X-Frame-Options “SAMEORIGIN”; 와 같이 서버 블락 안에 add_header X-Frame-Options “SAMEORIGIN”; … X-Frame-Options 에러 처리 : NGINX 더보기

bbpress 테마 만들기: 비비프레스 스타일 편집

bbpress 테마. 처음 만들어보려면, 제대로 된 자료를 찾기가 힘들다. 플러그인 파일을 이리저리 뜯어보면서 bbpress 의 구조를 파악하려면 몇 일 밤을 세워야 할 것 같다. 자료를 찾아 이리저리 헤메던 중 bbpress 도 codex 가 있다는 걸 알게 되었다. 여전히 빈약하다는 느낌이 들지만, 그나마 bbpress 테마를 만드는 데에 도움이 되는 자료가 있다. 몇가지 방법들이 올라와 있지만, 내가 … bbpress 테마 만들기: 비비프레스 스타일 편집 더보기

페이지 깊이 값, 워드프레스 page depth 확인

페이지 깊이 (page depth) 값을 알아내는 방법을 검색해보았더니 다양하다. 50라인이 넘어가는 복잡한 것들부터 한 줄 짜리 단순한 코드라인 까지 각양각색이다. 쓸데없이 길 필요는 없다. Contents1 워드프레스 페이지 깊이 찾는 법 – 가장 짧은 것2 프론트 페이지와 최상위 페이지 깊이값을 구분하기3 멀티 사이트 설정에서 최상위 페이지(홈페이지) 확인 방법4 Page, Category, Post 에서 모두 적용 가능한 페이지 … 페이지 깊이 값, 워드프레스 page depth 확인 더보기

반응형 백그라운드 이미지 처리 배경 추가하기

부트스트랩 페이지에서 반응형 백그라운드 이미지 처리하는 방법에 대해 고민하게 되었다. css에서 background 요소를 정의해주면 그만이라고 생각하고 겁없이 실행해보니, 윈도우 사이즈 변화에 따라 적절하게 변화하는 반응형 백그라운드 이미지를 얻기란 쉽지 않았다. 이리 저리 정보를 찾은 끝에 겨우 답을 찾았다. 반응형 백그라운드 이미지 CSS의 예 .col-main { background: url(‘../img/bg-head.png’) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: … 반응형 백그라운드 이미지 처리 배경 추가하기 더보기