seulcoding

우분투에 도커를 설치하는 것은 어렵지 않지만, 맥에서 프로그램을 다운로드 받는 것보다는 이것저것 해 주어야 할 것이 많다.공식 문서에서 ubuntu에 Docker CE를 설치하는 방법을 볼 수 있다.조금 더 쉽고 간편하게 확인할 수 있기 위해 정리 해 둔다.Preparesudo apt-get install apt-transport-https ca-certificates curl software-properties-common curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubunt..

iptables란?“iptables는 시스템 관리자가 리눅스 커널 방화벽(다른 넷필터 모듈로 구현됨)이 제공하는 테이블들과 그것을 저장하는 체인, 규칙들을 구성할 수 있게 해주는 사용자 공간 응용 프로그램이다.” - 위키백과 iptables새로 서버를 구축할 때 iptables 설정으로 여러 번 골머리를 앓다가 한 번 정리를 해 두면 두고두고 좋을 것 같아서 정리 해 본다.iptables에 대한 기초 설명은 잘 정리된 곳에서 참조했다. (참고 블로그)1) 테이블(tables)우선 iptables에는 테이블이라는 광범위한 범주가 있는데, 이 테이블은 filter, nat, mangle, raw 같은 4개의 테이블로 구성되며, 이중에서 우리에게 필요한 것은 필터링 규칙을 세우는 filter 테이블이다.2) ..

Ctrlp는 vim 내에서 파일을 쉽게 검색해서 해당 파일을 열게 해주는 플러그인이다.해당 파일명만 입력하면 쉽게 파일로 갈 수 있기 때문에 vim을 사용할 때 자주 사용하는 플러그인 중 하나이다.Ctrlp 공식 깃허브에서 사용법과 설명이 소개 되어 있다.우선 설치 방법이다. Plug를 사용하여 설치하면 된다.call plug#begin('~/.vim/plugged') Plug 'ctrlpvim/ctrlp.vim' "Ctrl + P for search file call plug#end() 이후 source ~/.vim/init.vim (일반 vim의 경우에는 source ~/.vimrc)를 해 주고PlugInstall로 ctrlp를 설치 해준다.자세한 Plug 사용법은 따로 포스팅 할 예정이다.Ctrlp..

install vue-routernpm install --save vue-router set up vue-routermain.js에서 Vue.use를 통해 사용할 수 있다.import Vue from 'vue' import VueRouter from 'vue-router'; import App from './App.vue' Vue.use(VueRouter); new Vue({ el: '#app', render: h => h(App) }) routes.js 만들기src/routes.js에 라우트를 선언해준다.import User from './components/user/User.vue'; import Home from './components/Home.vue'; export const routes = [..

Docker DjangoUsage$ git clone https://github.com/bartkim0426/django-docker-seul.git # when delpoy $ docker-compose up # when development $ docker-compose -f docker-compose-dev.yml up Now you can access the application at https://localhost and the admin site at https://localhost/admin.SettingsHave to change development.env and development_local.envNGINX_SERVER_NAME : add server nameuwsgi settings..

sass를 사용하는데 좋은 가이드라인이 있어서 공유한다. 구문, 설계 등 다양한 sass 사용 방식을 잘 설명해 놓은 글.sass를 사용하는 중이거나 사용 할 예정에 있는 사람이라면 한 번 읽어봄직하다.Sass Guidelines. 한국어 번역판은 여기에서 확인할 수 있다.다음은 저자가 너무 길어서 안 읽는 사람들을 위해 쓴 정리.탭 대신 스페이스 두(2) 칸을 들여쓴다;행의 너비는 80 글자;CSS를 여러 행으로 적절히 작성한다;공백을 의미 있게 사용한다;문자열과 URL에는 인용 부호(작은 따옴표)를 붙인다;뒤따르는 0은 표기하지 않는다. 앞장서는 0은 반드시 표기한다;연산은 괄호로 감싼다;매직 넘버를 피한다;색은 키워드 > HSL > RGB > 16진법 순으로 표기한다;리스트는 쉼표로 구분한다;리스트..

내가 vim을 선호하는 가장 큰 이유 중 하나는 속도이다. (간지라고는 말 못하니깐…)그런데 최근 vim에 무분별하게 설치한 플러그인(…)때문에 속도가 조금 저하되는 문제가 발생하여 이것 저것 플러그인을 지우고 최적화를 진행하다가, neovim이 vim 자체의 가치에서 크게 벗어나지 않고 성능을 크게 향상시켰다는 말을 듣고 neovim을 사용하기 시작했다. macvim 등 프로그램 기반의 다른 vim은 거부감이 많이 들었는데, nvim은 내가 사용하던 vim8과 많이 다르지 않기 때문에 선택했는데 현재까지는 매우 만족하며 사용중이다.처음에는 ~/.vimrc 세팅을 그대로 가져와서 사용하였으나 (귀차니즘) 하루 마음을 먹고 Plug를 사용한 플러그인 설치나, 최적화 등을 목적으로 init.vim을 작성해 ..

VariableSass는 variable을 사용해서 자주 쓰는 것들을 쉽게 사용할 수 있다. $를 사용해서 var를 선언할 수 있다.$color-red: red; div { background-color: $color-red; } p { background-color: $color-red; } NestedSass는 중첩된 엘리멘트들을 다 쓰지 않고, 해당 엘리먼트 내에 작성이 가능하게 하여 훨씬 간편하게 스타일을 적용할 수 있다..post { color: red; .title { color: black; } } Referencing Parent Selectors (부모참조 선택자: &)위의 중첩을 사용할 때, &를 사용하면 css로 컴파일 될 때 복합선택이 된다..post { color: red; .ti..

Vue Resource공식 github pageVue Resource 설치하기npm으로 설치하기npm install --save vue-resource cdn Vue Resource 전역에 불러오기main.jsimport Vue from 'vue' import VueResource from 'vue-resource'; import App from './App.vue' Vue.use(VueResource); new Vue({ render: h => h(App) }) Post server data이번 예시에서는 간단하게 filebase database를 사용해 보겠다. (Firebase 콘솔에서 아주 쉽게 데이터베이스를 만들 수 있다. 간단한 테스트 용도로는 무료로 사용이 가능하다.) Http testing..

tab 캐릭터를 space로 전환하려면 vim 창에서 다음과 같이 해준다.expandtab 옵션: tab 캐릭터를 space로:set expandtab retab: 현재 있는 탭을 space로 전환:retab shiftwidth: >,