netlify netlify를 이용해 ODKMedia 홈페이지를 리뉴얼한 후기 netlify를 이용해 새로운 회사 홈페이지를 어떻게 개발 및 공유, 릴리즈까지 했는지에 대해 간단하게 정리한 글이다.
vscode VS Code에서 탭 전환시마다 폴더 접히고 펼쳐지는 거 끄기 VS Code 기본 설정으로 열어둔 파일의 탭을 이동할 때마다, 해당 파일이 있는 프로젝트의 폴더가 좌측 탐색기에서 자동으로 열린다. 생각보다 이게 거슬리는 경우가 많아서 보통은 끄고 사용한다. 아래의 옵션을 체크 해제하면 된다.
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을 전역으로 설치했다면 프로젝트 루트에서
