jjangga0214 / browser.upload-s3-cognito.md

Last active August 28, 2018 09:25

브라우저에서 cognito 에 미리 등록된 user로 인증 후, s3로 파일 업로드 하기

s3 bucket 생성
- public access 설정
- CORS 설정
userPool 생성
- user 생성
  - unverified email, phone 으로.
  - 사용하기 전 CONFIRMED 해야 함. => 코드로 CONFIRM 할 수 있음.
- client app 생성

비밀 키 없이 생성해야 함.

jjangga0214 / pcconfig.md

Last active November 23, 2018 08:23

[PC 설정과 환경] PC 설정과 환경을 다룬다.

컴퓨터 설정

hardware

thinkpad
14 inchi
i7, 16G~32G ram, 1T ssd, graphic card

OS

ubuntu, hackintoshi, windows, kali

ubuntu

jjangga0214 / css-principle.md

Last active September 6, 2018 13:57

[css principle] css guideline #css #guide

css-principle

나의 스타일을 정리한다.

Rule

kebab case 를 사용한다.

Keyword

btn : 버튼
container
wrapper

jjangga0214 / vue-tip.md

Last active September 6, 2018 14:07

[vue tip] vue 를 다룰 때 살펴볼 만한 팁이다. #vue #tip

vue tip

라이프 사이클

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

vue animation

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

jjangga0214 / webpack-dev-server-live-on-goorm-ide.md

Last active September 7, 2018 14:36

[구름 IDE에서 webpack-dev-server 실행 => live 하게 frontend demo 반영하기]

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

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

나는 주로

jjangga0214 / yarn.md

Last active March 3, 2025 12:13

[yarn] yarn 의 사용방법에 대해 설명한다. #yarn #npm

yarn

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

주요

# npm install
yarn install 또는 yarn

jjangga0214 / .ebextentions.md

Created September 12, 2018 07:59

[ebextentions] Elastic Beanstalk 을 Extention 하는 방법을 다룬다. #aws #eb #ElasticBeanstalk #ebextentions #ebextention

ebextentions : Elastic Beanstalk Extentions

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

jjangga0214 / miscellaneous-utils.md

Last active September 13, 2018 11:17

[Miscellaneous Utils] 기타 다양한 유틸성 또는 메모 #utils #util

Miscellaneous Utils

미디어

mp3 ID3 tag 등 편집 : ExFalso

sudo apt-get install exfalso

jjangga0214 / PORT-FORWARDING.md

Last active September 11, 2021 15:21

[port forwarding] #포트포워딩 #port-forwarding #portforwarding

PORT-FORWARDING

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

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

개요

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

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

jjangga0214 / dev-document.md

Last active October 11, 2018 21:04

개발문서

디렉토리 설명

디렉토리 구조

jjangga0214