aws lambda edge ODC를 구축한 기술 - Serverless, SPA, AWS Lambda Edge ODC를 구현하면서 aws lambda edge를 통해 서버가 필요한 요구사항을 처리하고, serverless 형태를 유지한 방법에 대해 정리한 글이다.
react.js ODC를 구축한 기술 개요 현재 회사(ODKMedia)로 입사 한 이후 진행했던 프로젝트인 OndemandChina(https://www.ondemandchina.com)를 얼마전 오픈했다. 미국을 대상으로 하는 서비스이며, 중국 컨텐츠를 미국 대상으로 스트리밍하는 서비스이다. 워드프레스 기반으로 만들어져있던 기존 서비스가
vscode VS Code에서 TypeScript와 prettier 사용 시 <와 > 사이에 공백이 들어가는 문제 문제 최근 VS Code에 prettier 플러그인을 연동해서 매우 편하게 포맷팅을 하고 있다. 그런데 어느날부터 TypeScript를 작성하는데 <와 >로 표현한 제네릭 표현법이 이상하게 바뀌는 걸 확인하게 되었다. 증상은 아래와 같다. // 아래처럼 작성
gatsby.js gatsby.js로 밴드 홈페이지를 만들어보자 - 1 gatsby.js gatsby.js 는 React를 이용해 정적 사이트를 생성해주는 도구이다. 이 글은 gatsby.js 자체의 사용법 보다는 이걸 이용한 튜토리얼에 가깝다. gatsby.js 자체에 대한 글은 Outsider님의 블로그에 적힌 포스트를 참고하도록 하자.
ghost.js ghost 2.2 update 완료 여러가지 우여곡절 끝에 ghost 2.2 update를 완료했다. 그 우여곡절에 대해 한번 정리를 해본다. 기존에 사용하던 버전 1.14 버전을 쓰고 있었는데 어드민 들어갈 때마다 버전업하라고 알려주길래 ghost update 명령어로 업데이트를 실행했었다. 첫번째
여행 5월말의 도쿄여행기(3) 파란 라멘과 몬자야끼의 모험 아침밥과 동네 빵집 오늘은 아침 일찍 일어나서 규동집에 가서 아침밥을 먹고 동네 빵집을 털고 왔다. 쾌청한 하늘 길목에서 보인 술병들. 우리나라였으면 다 집어갔을텐데.. 어느 동네에나 있는 규동체인점. 돈지루와 김치는
create-react-app Firebase Functions를 이용한 create-react-app SPA 앱의 SEO 처리 create-react-app으로 만든 SPA 앱에 Firebase Hosting과 Functions를 이용하여 SEO 처리를 하는 법에 대해 설명한 글.
create-react-app 이미 생성된 create-react-app에 typescript 적용하기 create-react-app 2.1.0 버전부터 기본으로 typescript를 지원한다. https://create-react-app.dev/docs/adding-typescript 를 참고해서 프로젝트를 새로 만들고 코드만 옮기는 것이 나을 수도 있다. react-scripts 의존성 바꾸기 package.json의 dependencies에 있는 react-scripts를 react-scripts-ts
index.html index.html 브라우저 캐시 끄기 head의 meta로 아래의 값들을 넣어준다. <head> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta
여행 5월말의 도쿄 여행기(1) 5월 25일~5월 28일 다녀온 일본 여행에 대한 여행기. 이번에 처음으로 락 페스티벌이 목표가 아닌, 친구들과 먹고 놀기 위해 도쿄 여행을 다녀왔다. 나리타 공항으로 이동 오후 3시 50분 비행기를 타고 인천 공항에서 나리타
visual studio code Visual Studio Code에서 Kotlin 코딩하기 Visual Studio Code에서 Kotlin 코드를 작성하고 실행하는 법에 대해 정리해본다.
면접 면접을 볼 때 내가 회사에 하는 질문들 면접이란 회사에서 사람을 뽑기 위해 진행하는 과정이지만, 면접자가 회사에 대한 첫인상을 갖는 순간이기도 하다. 보통 면접 마무리 즈음 면접자가 회사 측에 회사에 대해 궁금한 걸 물어보는 시간을 가지는데, 이때 내가 하는 질문들을 정리해봤다.
vscode vscode에서 tabSize 변경하기 vscode의 기본 tab size는 4로 되어있다. 맥의 경우 command + ,를, 윈도우즈의 경우 ctrl + , 키를 누른 뒤 우측 사용자 설정에 아래의 json을 입력한다. { "editor.tabSize": 2, "editor.insertSpaces": true, "
flow visual studio code 에서 flow 사용하기 visual studio code에서 flow 설정하는 법을 정리. flow-bin 설치 project 레벨 혹은 전역으로 flow-bin 모듈을 설치. npm install --save-dev flow-bin or npm install -g flow-bin .flowconfig 파일 생성 flow-bin을 전역으로 설치했다면 프로젝트 루트에서
docker mac에서 docker로 jenkins 띄우기 로컬에서 jenkins를 테스트해볼 일이 생겨서 설치하려던 차에, 이번 기회에 docker를 통해서 깔아봤다. mac os용 docker 설치 https://docs.docker.com/docker-for-mac/install/ 에서 docker를 받은 후 설치한다. 설치 후 실행. docker jenkins image
ico 처음으로 참여해본 ico 평소 암호화폐의 ico에 관심을 갖던 중, https://tokensale.lalaworld.io/ 에서 presale을 한다고 해서 소액으로 한 번 시도해봤다. lalaworld에선 이더리움으로 ico를 받았기 때문에, 이더리움을 통해 진행했다. myetherwallet 이더리움 지갑 만들기 먼저 myehterwallet에서 개인
mac mac os high sierra에서 caps lock으로 한영전환이 잘 안 되는 현상 해결 capslock 한영전환 mac os의 sierra 버전부터 caps lock 키로 한영 전환을 할 수 있는 기능이 생겼다. 그동안 command + space로 한영전환을 했었다. 문제는 가끔 commmand + space를 누른 직후 q나 ㅂ를 타이핑하면 command + q로 인식되는
회고 2017년을 회고하며 2018년 새해를 맞이하여 2017년에 했던 일과 공부에 대해 생각해보며 회고하는 시간을 가져보았다. Front-end require.js 기반의 페이지를 webpack으로 전환 쿠팡을 퇴사하기 직전에 했던 작업이다. 기존엔 require.js 기반으로 JavaScript를 로딩해오도록 되어있었는데, r.js
next.js next.js에서 dynamic route 설정하기 next-routes와 express를 이용해서 처리했다. 필요 모듈 설치 npm install --save next-routes express or yarn add next-routes express routes.js 작성 라우팅 설정을 하는 routes.js 코드를 작성한다. url 내에 dynamic route로 들어가는 부분은
