로토의 블로그 - mysetting

4:33 5/30

blog.roto.codes

mobile screenshot relative

4:33

blog.roto.codes

mobile screenshot

로토의 블로그
https://blog.roto.codes/

Web Development, Front-end, Javascript, node.js, cat, music, bass, long board

저작도구: Ghost 2.2

최종 피드 수집: 2024-04-16 17:16

전체 (17)

2y

2021년을 회고하며

어느덧 2021년의 마지막 날이 찾아왔다.
연례행사인 올 한 해를 되돌아보는 시간을 가져본다.
Software Development
ondemandlatino 출시
올 상반기, https://ondemandlatino.com 을

2021_회고

20131

2y

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

글에 들어가기에 앞서
인디스트릿(https://indistreet.com)은 인디 뮤지션들의 정보, 공연 정보 등을 한 곳에서 모아서 볼 수 있는 사이트로 기존에 존재했던 사이트를 올해 초에 도메인을 이어받아 새로 만들어나가고 있

next.js

strapi

graphql

indistreet

001

2y

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

올 초에 진행했던 https://www.ondemandlatino.com 에 대한 슬라이드이다.

000

3y

2020년을 회고하며

2020년이 가기전에 후다닥 정리해본다.
Software Development
개인적으로는 꽤 많은 변화가 있던 한 해였다. 일단 주절주절 풀어보면...
팀 리드
2월쯤 팀 리드가 되었다.
예전 직장에서도 리드를 하긴 했지만, 중

000

3y

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

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

000

3y

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

Intro
지금 다니는 회사에서 ondemandkorea 라는 서비스를 하고 있다. 미국에서 거주하고 있는 한인들 대상으로 하는 서비스로, 드라마, 영화, 예능 등을 서비스한다. 한국에서는 접근이 안 되고, 미국 VPN을 통해서

next.js

react.js

django

+ 더보기

005

3y

Hello! Jamstack!

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

jamstack

gatsby.js

000

3y

TIL: 20200422

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

TIL

000

4y

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

4.x 주요 변경사항">
최근 만들고 있는 대부분의 어드민 툴은 ant design으로 만들고 있다.
얼마전에 3.x 대 버전에서 4.x로 버전업을 했는데, 달라진 부분들이 좀 있어서 마이그레이션 해본 김에 정리를 조금 해본다.

react.js

ant design

migration

000

4y

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

얼마전 회사의 홈페이지를 새로 리뉴얼(https://odkmedia.net/) 했다.
실제 구체적인 구현은 다른 팀원이 많이 작업했고, 주로 내가 한 작업은 프로젝트의 구성과 배포 환경, 중간 조율 정도.
새로 만들게 된 계기
리

netlify

create-react-app

react.js

000

4y

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

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

vscode

000

4y

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

이전 포스트 를 회사에서 급하게 쓰다보니 정말 중요한데 빼먹은 부분이 있어서 부록으로 작성하는 포스팅.
Study
Javascript online study
올해 하반기부터 프로그래머스와 함께 자바스크립트 유료 스터디를 시작했다.

000

4y

2019년을 회고하며

올해도 어김없이 회고의 때가 다가왔다.
Development
탈 블록체인
작년 초에 입사했던 암호화폐 거래소를 올 1월쯤 나왔다.
2월쯤 http://www.odkmedia.net/ 로 이직하여 근무하고 있다.
그동안 해왔던 분야

000

4y

Senior Front-end engineer가 희귀한 이유

요새 Software Engineer 직군 구하기가 힘들다고 여기저기서 아우성이다. 그중에서도 Front-end 직군, 특히 Senior Front-end Engineer는 정말 구하기가 힘들다는 소리를 여러곳에서 들었다(사실 우

000

4y

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

https://blog.roto.codes/odc-tech-stack/ 에서 이어지는 글.
ODC Front-end는 이전 글에서 이야기했던 대로 SPA 구조로 되어있으면서 별도의 서버 애플리케이션 없이 운영 중에 있다. 전형적인

aws lambda edge

spa

react.js

+ 더보기

000

4y

ODC를 구축한 기술

개요
현재 회사(ODKMedia)로 입사 한 이후 진행했던 프로젝트인 OndemandChina(https://www.ondemandchina.com)를 얼마전 오픈했다.
미국을 대상으로 하는 서비스이며, 중국 컨텐츠를 미국 대상으

react.js

serverless

aws lambda edge

spa

000

4y

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

문제
사이에 공백이 들어가는 문제">
최근 VS Code에 prettier 플러그인을 연동해서 매우 편하게 포맷팅을 하고 있다.
그런데 어느날부터 TypeScript를 작성하는데 <와 >로 표현한 제네릭 표현법이 이상하게 바뀌는

vscode

typescript

prettier

003