create-react-app 기반 프로젝트를 next.js 로 변경하기 create-react-app 기반의 프로젝트를 next.js 기반으로 변경하면서 어떤 개선점이 있었는지 정리한 슬라이드.
git에서 특정 파일들을 특정 버전으로 되돌리기 까먹을까봐 기록함.git checkout HASH {file_path} ex) git checkout 917b9e21cb3b6beb402427d49598d1dcd553bc87 ./src/**/*.scss
next.js next.js를 이용해 레거시 프로젝트를 점진적으로 개선해나가기 python - django 기반의 레거시 서비스를 next.js를 통해 점진적으로 개선해나가는 것에 대해 쓴 글.
TIL TIL: 20200422 docker docker container 내에서 docker 밖에 있는, 현재 docker가 실행 중인 다른 서비스에 접근할 필요가 있을 때는 host.docker.internal 요 도메인을 쓰면 접근이 된다.
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
