로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기
    • TECH

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

TECH

  • AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

    2020.04.17 by WEB Front-end 개발자 walkinpcm

  • AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

    2020.04.17 by WEB Front-end 개발자 walkinpcm

  • AWS CodeBuild를 이용해서 프로젝트 빌드하기

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • Prototype에 대해서 알아봅니다.

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • 일반함수와 화살표 함수(arrow function)의 차이

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • var, let, const에 대해서 알아봅니다

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • 새로운 블로그를 개설했습니다!

    2020.04.16 by WEB Front-end 개발자 walkinpcm

AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

AWS S3를 Origin으로 사용하는 CloudFront 배포를 만드는 경우가 있습니다. 예를 들면, S3에 저장된 파일들을 CDN으로 배포하려는 경우와 S3에서 정적 웹호스팅 기능을 사용하면서 SSL을 적용하기 위해서 CloudFront를 이용하는 경우가 있습니다. 위의 두 경우 모두 S3 Bucket에 저장한 파일을 Public Internet에 제공하기 위한 것이기 때문에, S3 Bucket의 정책을 퍼블릭하게 설정하게 됩니다. 하지만 CloudFront를 이용해서 S3 Bucket의 파일들을 Public Internet에 공개한다면 Bucket의 정책을 퍼블릭하게 설정하지 않고, CloudFront 배포에서만 접근하도록 설정하면 됩니다. 방법은 아주 간단합니다. S3 Bucket 정책의 Pric..

TECH 2020. 4. 17. 00:27

AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

이번 포스팅에서는 AWS의 Amplify Console 서비스에 대해서 정리해보려 합니다. Amplify는 사실 3가지로 나눠집니다. (1) Amplify 라이브러리: 클라우드 기능을 편리하게 사용할 수 있는 Javascript 라이브러리 (2) Amplify CLI: CLI 환경에서 클라우드 서비스를 생성, 관리 할 수 있는 tool (3) Amplify Console: 정적 웹 호스팅을 위한 서버리스 지속적 배포 서비스 이 중에서 최근에 저는 Amplify Console에 대해서 알아보고 매력을 느껴서 블로그로 정리해두려합니다. Amplify Console이란? AWS Amplify Console에서는 Git 기반 워크플로를 통해 풀 스택 서버리스 웹 애플리케이션을 배포 및 호스팅합니다. 풀 스택 서..

TECH 2020. 4. 17. 00:03

AWS CodeBuild를 이용해서 프로젝트 빌드하기

AWS CodeBuild 란? AWS CodeBuild는 소스 코드를 컴파일하고 테스트를 실행하며 배포 준비가 완료된 소프트웨어 패키지를 생성하는 완전 관리형 지속 통합 서비스입니다. ㅡ 'AWS CodeBuild 웹사이트' 내용 중, 설명에서도 알 수 있듯이 CodeBuild는 CD(Continuous Deployment, 지속적 통합)에 사용되는 서비스입니다. 일반적으로, 빌드를 로컬에서 수행하고 직접 서버에 배포할 수 있습니다. 하지만 이런 시간을 단축하기 위해서 단순히 프로젝트를 git에 push하는 것만으로 자동으로 빌드를 수행하도록 CodeBuild와 같은 Tool을 이용합니다. CodeBuild 요금은 실제로 빌드한 시간 만큼만 지불하면 됩니다. CodeBuild 작동 개요 CodeBuild..

TECH 2020. 4. 16. 23:54

Prototype에 대해서 알아봅니다.

Prototype(또는 Prototype Object) 이란? 자바스크립트에서 함수를 만들면 함께 생성되는 객체가 Prototype(또는 Prototype Object)입니다. 그리고 해당 함수의 'prototype'이라는 속성으로 Prototype Object와 연결됩니다. 개인적인 생각으로는 Java에서, class 내부의 static member와 유사하다고 생각합니다. Prototype의 목적 Prototype Object는 생성자 함수에 의해 생성된 각각의 객체에 공유 프로퍼티를 제공하기 위해 사용합니다. 간단한 예시를 들면 아래와 같습니다. function Car () {} Car.prototype.wheel = 4; Car.prototype.sideMirror = 2; let ..

TECH 2020. 4. 16. 23:10

일반함수와 화살표 함수(arrow function)의 차이

일반함수와 화살표 함수(arrow function)의 차이에 대해서 알아봅니다. ES6 이전에는 함수를 선언하기 위해서 함수선언식, 함수표현식 방식을 사용했습니다. ES6에서는 새로운 함수 선언 방식으로 화살표 함수가 등장했습니다. 기존의 일반함수들은 function 키워드를 이용해서 함수를 선언하지만, 화살표 함수는 이름처럼 화살표 키워드를 이용합니다. // 함수표현식 let function1 = function () { console.log('함수표현식'); } // 함수선언식 function function2 () { console.log('함수선언식'); } // 화살표 함수 let function3 = () => { console.log('화살표 함수'..

TECH 2020. 4. 16. 23:04

var, let, const에 대해서 알아봅니다

var, let, const는 javascript에서 변수를 선언할 때 사용하는 키워드입니다. var ES6 이전에는 변수를 선언할 때 var 키워드를 사용했습니다. 우선, var 키워드는 아래와 같은 특징을 가지고 있습니다. 변수의 중복 선언이 가능하다. var 키워드는 생략이 가능하다. block-scope이 아닌 function-scope이다. 호이스팅(hoisting) 당한다. /* * function-scope과 block-scope의 차이 */ // function-scope for (var i = 0; i < 10; i++) { console.log(i); } console.log('outside i: ', i); // 출력: outside i: 10 // i를 var로 선언 ..

TECH 2020. 4. 16. 20:51

새로운 블로그를 개설했습니다!

지난 몇년 동안 개발자로서 공부한 내용들을 구글 블로거에 정리해서 포스팅했습니다. 사실, 광고 수익을 노려보고자 블로거를 선택했었는데 제 수준으로는 너무 미미한 수익이더군요,,하핫,,, 이런 미미한 수익때문에 불편한 에디터와 맘에 안 드는 스킨을 참고 있을 순 없었습니다. 그래서 결국! 블로그를 이전하기로 했습니다! 그동안 작은 블로그를 알아봐주시고 관심가져주신 많은 분들께는 감사하고 그 관심을 계속 이어가고 싶지만, 앞으로 더 좋은 블로그를 만들어가기 위해서는 이전이 꼭 필요할 것 같아요! 앞으로 이곳에서 다시한번 열심히 공부해보려합니다! 작은 블로그지만 개발자 생태계의 선순환에 기여할 수 있기를 바래봅니다~! 예전 블로그: walkinpcm.blogspot.com

TECH 2020. 4. 16. 00:06

추가 정보

인기글

  1. -
    -
    AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

    2020.04.17 00:03

  2. -
    -
    AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

    2020.04.17 00:27

  3. -
    -
    AWS CodeBuild를 이용해서 프로젝트 빌드하기

    2020.04.16 23:54

  4. -
    -
    Prototype에 대해서 알아봅니다.

    2020.04.16 23:10

최신글

  1. -
    -
    AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

    TECH

  2. -
    -
    AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

    TECH

  3. -
    -
    AWS CodeBuild를 이용해서 프로젝트 빌드하기

    TECH

  4. -
    -
    Prototype에 대해서 알아봅니다.

    TECH

페이징

이전
1
다음
푸터 로고 © Magazine Lab