개발과 기술21 [serverless] serverless 프레임워크 AWS 설정하기 1 최근에는 클라우드 컴퓨팅의 장점이 극대화되고 잘 알려지기 시작하면서 많은 사람들이 Amazon Web Service같은 서비스들을 많이 사용 하십니다. 그리고 제가 개인적으로 생각하는 클라우드 컴퓨팅의 최대 장점인 serverless환경(serverless 프레임워크가 아닌 serverless 환경)의 사용도 점점 더 늘어나는 추세입니다. 제가 개인적으로 생각하는 serverless 컴퓨팅의 최대 장점은 서버가 항상 돌고 있지 않아도 되는 환경에서 서버사이드 코드가 클라우드 서비스에 저장되어있고 서버사이드에 특정한 요청이 필요할 때만 해당 코드가 클라우드 특정 서버에 마운트되어 실행되고 다시 내려오는 방식으로 작동하여 인프라를 최대한으로 효율적으로 사용할 수 있다는 점입니다. 클라우드 서비스 제공업체는 .. 2020. 5. 13. [NextJS] 마크다운으로 글 작성하는 방법 NextJS로 웹 사이트를 제작하여 운영하다 보면 단순한 글을 작성하기에는 html로 작성하는 것은 상당히 부담스러운 부분이 존재합니다. 템플릿 같은 틀이 정해져 있고 단순히 그 안에 콘텐츠만 많이 변경되는 형태라면 markdown을 이용하여 글을 작성하고 작성한 글을 템플릿에 맞게 렌더링해 콘텐츠를 보여주는 것이 더 좋은 방법일 수 있습니다. 이번 포스팅에서는 NextJS에서 markdown으로 작성한 콘텐츠를 보여주는 방법을 공유하도록 하겠습니다. 우선적으로 필요한 패키지를 설치하도록 합니다. command 혹은 terminal $ npm install --save raw-loader $ npm install --save react-markdown // npm을 이용하시면 위의 코드로 // yarn을.. 2020. 5. 11. [Docker] ports와 expose의 차이 개발, 배포, 운영에 큰 장점이 있는 가상화/컨테이너 애플리케이션인 도커(docker)는 그 이점들이 있기 때문에 최근 많이 사용이 되고 있습니다. 도커를 사용함에 있어서 초보자들에게 매우 헷갈리는 부분으로 ports와 expose 설정이 있습니다. 두 설정 모두 컨테이너의 포트번호 설정에 관한 것으로 어떨 때 무엇을 사용해야 하는지 매우 헷갈리는 부분이 존재합니다. 결론부터 말씀드리자면, expose와 ports 모두 컨테이너 포트를 노출 시키는 것이지만 expose는 호스트 내부의 다른 컨테이너들만 액세스가 가능하고 ports로 노출하면 ports에 설정한 호스트 포트번호로 호스트 외부의 다른 호스트들도 호스트 포트번호로 액세스가 가능합니다. 물론 이 부분은 호스트의 포트 공개 여부에 따라 다를 수 .. 2020. 5. 7. Next JS 프로젝트에 Google Analytics 적용하는 방법 React기반의 Next JS 프로젝트에 익숙하지 않으신 분이라면 프로젝트에서 Google Analytics 코드 적용하는 것이 번거로울 수 있습니다. 이를 손쉽게 도와주는 react-ga라이브러리를 이용하여 프로젝트에 Google Analytics 코드를 적용하는 방법을 소개하겠습니다. 우선 react기반 프로젝트를 위한 google analytics적용을 도와주는 react-ga 라이브러리를 설치합니다. npm install --save react-ga // OR yarn add react-ga react-ga를 utility화하는 anayltics.js를 생성하고 아래와 같이 입력합니다. 사용자의 임의로 구성할 수 있습니다. // analytics.js import RreactGA from "rea.. 2020. 4. 28. 이전 1 2 3 4 5 6 다음
