로토의 블로그
  • Resume
  • Blog
  • Github
  • Twitter
  • Linkedin
로토

로토

Watcha Web Engineer / Band Idiots Bassist / Cat Lover

Republic of Korea •
61 posts •

2021년을 회고하며

2021년 회고

  • 로토
    로토
15 min read
next.js

[인디스트릿] id 기반 문서에 slug를 붙여보자

인디스트릿의 뮤지션 페이지에 id 기준으로 조회하는 url 말고 slug 기준으로 조회할 수 있도록 구현한 것에 대해 간략하게 설명한 글.

  • 로토
    로토
6 min read

create-react-app 기반 프로젝트를 next.js 로 변경하기

create-react-app 기반의 프로젝트를 next.js 기반으로 변경하면서 어떤 개선점이 있었는지 정리한 슬라이드.

  • 로토
    로토
1 min read

2020년을 회고하며

2020년이 가기 전에 발행하려고 했으나 2020년을 넘겨서 발행하게 된, 의식의 흐름대로 작성한 회고

  • 로토
    로토
19 min read

git에서 특정 파일들을 특정 버전으로 되돌리기

까먹을까봐 기록함.git checkout HASH {file_path} ex) git checkout 917b9e21cb3b6beb402427d49598d1dcd553bc87 ./src/**/*.scss

  • 로토
    로토
1 min read
next.js

next.js를 이용해 레거시 프로젝트를 점진적으로 개선해나가기

python - django 기반의 레거시 서비스를 next.js를 통해 점진적으로 개선해나가는 것에 대해 쓴 글.

  • 로토
    로토
20 min read
jamstack

Hello! Jamstack!

사내발표용으로 사용했던 슬라이드 링크.

  • 로토
    로토
1 min read
TIL

TIL: 20200422

docker docker container 내에서 docker 밖에 있는, 현재 docker가 실행 중인 다른 서비스에 접근할 필요가 있을 때는 host.docker.internal 요 도메인을 쓰면 접근이 된다.

  • 로토
    로토
1 min read
react.js

ant design 3.x -> 4.x 주요 변경사항

ant design을 3에서 4로 마이그레이션 시에 알아두면 좋은 내용들

  • 로토
    로토
5 min read
netlify

netlify를 이용해 ODKMedia 홈페이지를 리뉴얼한 후기

netlify를 이용해 새로운 회사 홈페이지를 어떻게 개발 및 공유, 릴리즈까지 했는지에 대해 간단하게 정리한 글이다.

  • 로토
    로토
5 min read
vscode

VS Code에서 탭 전환시마다 폴더 접히고 펼쳐지는 거 끄기

VS Code 기본 설정으로 열어둔 파일의 탭을 이동할 때마다, 해당 파일이 있는 프로젝트의 폴더가 좌측 탐색기에서 자동으로 열린다. 생각보다 이게 거슬리는 경우가 많아서 보통은 끄고 사용한다. 아래의 옵션을 체크 해제하면 된다.

  • 로토
    로토
1 min read

2019년을 회고하며 - 별책부록

유료 온라인 스터디 진행을 해본 경험에 대한 회고

  • 로토
    로토
6 min read

2019년을 회고하며

2019년 마지막 날 퇴근하기 전에 급하게 쓴 회고.

  • 로토
    로토
8 min read

Senior Front-end engineer가 희귀한 이유

Senior Front-end Engineer가 왜 구하기 힘든지에 대해 주절주절 써본 뻘글.

  • 로토
    로토
6 min read
aws lambda edge

ODC를 구축한 기술 - Serverless, SPA, AWS Lambda Edge

ODC를 구현하면서 aws lambda edge를 통해 서버가 필요한 요구사항을 처리하고, serverless 형태를 유지한 방법에 대해 정리한 글이다.

  • 로토
    로토
20 min read
react.js

ODC를 구축한 기술

개요 현재 회사(ODKMedia)로 입사 한 이후 진행했던 프로젝트인 OndemandChina(https://www.ondemandchina.com)를 얼마전 오픈했다. 미국을 대상으로 하는 서비스이며, 중국 컨텐츠를 미국 대상으로 스트리밍하는 서비스이다. 워드프레스 기반으로 만들어져있던 기존 서비스가

  • 로토
    로토
7 min read
vscode

VS Code에서 TypeScript와 prettier 사용 시 <와 > 사이에 공백이 들어가는 문제

문제 최근 VS Code에 prettier 플러그인을 연동해서 매우 편하게 포맷팅을 하고 있다. 그런데 어느날부터 TypeScript를 작성하는데 <와 >로 표현한 제네릭 표현법이 이상하게 바뀌는 걸 확인하게 되었다. 증상은 아래와 같다. // 아래처럼 작성

  • 로토
    로토
1 min read
gatsby.js

gatsby.js로 밴드 홈페이지를 만들어보자 - 1

gatsby.js gatsby.js 는 React를 이용해 정적 사이트를 생성해주는 도구이다. 이 글은 gatsby.js 자체의 사용법 보다는 이걸 이용한 튜토리얼에 가깝다. gatsby.js 자체에 대한 글은 Outsider님의 블로그에 적힌 포스트를 참고하도록 하자.

  • 로토
    로토
5 min read
회고

2018년을 회고하며

2018년을 보내며 급하게 휘갈겨 쓴 회고글.

  • 로토
    로토
11 min read
teams

Microsoft Teams Webhook으로 채널에 메시지 보내기

MS Teams Webhook 사용에 대한 간단한 설명

  • 로토
    로토
3 min read
ghost.js

ghost 2.2 update 완료

여러가지 우여곡절 끝에 ghost 2.2 update를 완료했다. 그 우여곡절에 대해 한번 정리를 해본다. 기존에 사용하던 버전 1.14 버전을 쓰고 있었는데 어드민 들어갈 때마다 버전업하라고 알려주길래 ghost update 명령어로 업데이트를 실행했었다. 첫번째

  • 로토
    로토
4 min read
node.js

nvm default alias

nvm alias default VERSION_NAME 맨날 까먹어서 적어둔다.

  • 로토
    로토
1 min read
여행

5월말의 도쿄여행기(3)

파란 라멘과 몬자야끼의 모험 아침밥과 동네 빵집 오늘은 아침 일찍 일어나서 규동집에 가서 아침밥을 먹고 동네 빵집을 털고 왔다. 쾌청한 하늘 길목에서 보인 술병들. 우리나라였으면 다 집어갔을텐데.. 어느 동네에나 있는 규동체인점. 돈지루와 김치는

  • 로토
    로토
13 min read
create-react-app

Firebase Functions를 이용한 create-react-app SPA 앱의 SEO 처리

create-react-app으로 만든 SPA 앱에 Firebase Hosting과 Functions를 이용하여 SEO 처리를 하는 법에 대해 설명한 글.

  • 로토
    로토
11 min read
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

  • 로토
    로토
2 min read
로토의 블로그 © 2022
Latest Posts Facebook Twitter Ghost