香格里拉 香格里拉

programing

• [AWS, Node] Elastic Beanstalk로 Express 앱 배포하기

  programing/Web 2019. 9. 10. 11:49

  1. Express Generator로 디렉토리 생성 express --view=pug 2. Git으로 init하기 git init후 .gitignore도 생성 (.elasticbeanstalk/는 EB를 이용해 환경 생성시 자동으로 추가된다.) 3. EB로 환경 생성 `eb init --platform node.js --region us-east-2`로 레포지토리(.elasticbeanstalk/)생성 `eb create `로 환경 생성 4. .ebextensions설정 `/.ebextensions/nodecommand.config`파일 생성 후, 다음 내용을 입력 (띄어쓰기 필수) option_settings: aws:elasticbeanstalk:container:nodejs: NodeCommand..

  Read More
• [AWS] EB CLI를 설치하자

  programing/etc 2019. 9. 9. 20:00

  AWS Elasticbeanstalk CLI 아마존 웹 서비스의 엘리스틱빈스토크를 사용하기 위해, EB CLI설치가 필요합니다. 그런데 이것은 pip를 통해 설치가 가능하므로, pip를 깔아야 하며, pip를 사용하기 위해 python을 깔아야 합니다. 1. python 설치 파이선 설치페이지에서 최신 파이선을 설치합니다. windows같은 경우, exe파일을 받아 실행시키면 알아서 설치해줍니다. 설치가 다 되었다면, python --version와 pip --version를 이용하여 잘 설치됬는지 확인합니다. 2. EB CLI 설치 pip install awsebcli --upgrade --user를 이용해 EB CLI를 설치합니다. 설치한 후, %USERPROFILE%\AppData\roaming\P..

  Read More
• [Git] Conventional Commit

  programing/etc 2019. 9. 8. 14:05

  https://www.conventionalcommits.org/ko/v1.0.0-beta.4/ Conventional Commits 커밋 메세지에 사용자와 기계 모두가 이해할 수 있는 의미를 부여하기 위한 스펙 www.conventionalcommits.org

  Read More
• [JS] vanillaJS repository 모음

  programing/Language 2019. 9. 7. 19:45

  https://vanillalist.top/?fbclid=IwAR2U21xpDjb_8XYsjEOmLgfm_8XjAfR7CYtd-VKJ70OcS3qce-tcLEb5-Xc Vanilla List: The Vanilla JavaScript Repository Coz' sometimes you feel guilty for using jQuery. vanillalist.top 바닐라 자바스크립트 레포지토리 모음

  Read More
• [Web] 최신 브라우저의 내부 살펴보기

  programing/Web 2019. 9. 6. 17:48

  안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) https://d2.naver.com/helloworld/2922312 불러오는 중입니다...

  Read More
• [Express] cookie에 대하여

  programing/Language 2019. 9. 6. 14:00

  보통 Express에서 쿠키를 설정하기 위해서는 res.cookie('key', 'value', options)를 이용한다. 주요 옵션들 httponly true : http에서만 쿠키를 사용하여, js에서 document.cookie로 접근할 수 없다. false: js에서도 document.cookie로 접근할 수 있다. secure true : https에서만 쿠키가 유효하다, false : http에서도 쿠기가 유효하다. overwrite true : 이전 쿠키를 덮어쓴다. false : 이전 쿠키를 덮어쓰지 않는다. (즉, 새 쿠키는 증발함) domain default : / 쿠키의 도메인을 지정한다. domain과 path헤더는 쿠키의 스코프를 정의합니다. 따라서 왠만하면 도메인을 서버 도메인..

  Read More
• [Web] SPA를 구현하는 다양한 방법들

  programing/Web 2019. 8. 31. 20:19

  https://poiemaweb.com/js-spa SPA & Routing | PoiemaWeb 단일 페이지 애플리케이션(Single Page Application, SPA)는 모던 웹의 패러다임이다. SPA는 기본적으로 단일 페이지로 구성되며 기존의 서버 사이드 렌더링과 비교할 때, 배포가 간단하며 네이티브 앱과 유사한 사용자 경험을 제공할 수 있다는 장점이 있다. link tag를 사용하는 전통적인 웹 방식은 새로운 페이지 요청 시마다 정적 리소스가 다운로드되고 전체 페이지를 다시 렌더링하는 방식을 사용하므로 새로고침이 발생된다. 이것은 변경이 poiemaweb.com

  Read More
• [CSS] flex

  programing/Web 2019. 8. 31. 19:09

  안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 CSS에서 자주 사용되는 flex에 대해 알아보도록 하겠습니다. flex display속성의 값을 flex로 설정하게 되면, 안드로이드에서 사용하는 LinearLayout과 동일하게 동작합니다. 플렉스와 관련된 속성들은 container에 대한 속성과 item에 대한 속성으로 나뉩니다. (볼드체로 표시한 속성은 다른 속성의 축약형 속성입니다.) container용 속성 item용 속성 display order flex-direction flex-grow flex-wrap flex-shrink flex-flow flex-basis justify-content flex align-items align-self align-co..

  Read More