jjangga0214

Github : Signing commits using GPG (Ubuntu/Mac) 🔐

• Do you have an Github account ? If not create one.
• Install required tools
• Latest Git Client
• gpg tools

# Ubuntu
sudo apt-get install gpa seahorse
# MacOS with https://brew.sh/

jjangga0214

우분투에서 파일 시스템 정리

그냥 파일 앱에서 보면 root가 볼 수 있는 파일들이 보이지 않을 수 있다. 이것은 터미널에서 sudo du -sh * 등과 같은 명령어를 실행해도 마찬가지이다. root 로서 컴퓨터 상의 파일시스템을 모두 보는 명령어는 다음과 같다.

gksudo baobab

출처 "what-is-taking-up-so-much-space-on-my-disk-beside-the-filesystem"

주의

jjangga0214

jdk on ubuntu

현재 설치된 버전 확인, 변경, 색 및 설치

# 현재 설치된 버전 확인 및
# 이후 나타난 interactive console 에서 번호를 선택하여 앞으로 시스템에서 사용할 jdk 를 고를 수 있다. 
update-alternatives --config java

# jdk 검색 
apt search openjdk

jjangga0214

개발문서

디렉토리 설명

디렉토리 구조

dev 실행 및 production 빌드 방법

아키텍처

jjangga0214

PORT-FORWARDING

포트포워딩을 하는 방법을 기술한다.

우리 집의 환경에서 하는 방법

개요

우리집은
외부 -> lg u+ 모뎀 -> lg u+ 공유기(my LG TV)(모델: LG-5000P) -> kt 공유기(모델: SS204-003H) -> 내부

의 구조로 무선랜을 사용한다.

jjangga0214

Miscellaneous Utils

미디어

• mp3 ID3 tag 등 편집 : ExFalso

sudo apt-get install exfalso

jjangga0214

ebextentions : Elastic Beanstalk Extentions

AWS Elastic Beanstalk 을 설정하는(default config 를 extend 하는) 방법을 다룬다

jjangga0214

yarn

yarn 은 javascirpt 의 package manager 이다. npm 의 drop-in substitute 로 사용할 수 있는 점이 초기 도입에도 큰 장점이다.
패키지 설치 속도가 더 빠르고, 패키지 설치과정에서 패키지가 code를 running 하지 않도록 하여 더 보안상 안전하다.
또한, 같은 package.json 에 의존하는 두개의 서로 다른 환경이 서로 다른 버전의 패키지 의존성을 가지는 것을 방지하기 위해, 버전의 range 가 아닌, 정확한 버전을 명시한 yarn.lock 파일을 사용한다.

주요

# npm install
yarn install 또는 yarn

jjangga0214

구름 IDE 에서 webpack-dev-server 실행하기

1. 구름 IDE 에서 node.js 템플릿으로 빈(empty) 프로트를 선택한다. (빈 프로젝트는 default 가 아니다.)
2. git clone <repo.git> 한다.
3. npm install 로 dependency 를 install 한다.
4. npm run dev-demo
5. 구름 IDE의 컨네이너별 '설정' => '네트워크 설정' 에서 webpack-dev-server 가 사용하는 내부 포트(8080) 를 포트포워딩한다.

나는 주로

jjangga0214

vue tip

라이프 사이클

• created : backend 로부터 data를 로딩하기에 적합하다. ajax 는 axios 를 권장한다.
• mounted : DOM 요소와 상호작용이 필요한 경우, 레거시 jquery 와 함께 사용하는 경우에 적합하다. mounted 이후에는 updated 라이프 사이클이 호출가능하다.
• updated
• destroyed

vue animation

class 와 javascript hook을 모두 사용할 수 있다. 따라서 velocity.js 와 같은 서드파티 라이브러리와도 통합가능하다.