로토의 블로그

총 67개의 게시물이 있습니다.

슬랙 URL 미리보기, 크롬 소스코드 보기 등에서 favicon이 안 바뀌는 문제

favicon 관련 짤막한 이야기

인프콘 2023 발표 후기

인프콘 2023 발표 후기

이번 인프콘 2023에서 발표자 활동에 대한 회고

한참 늦게 쓰는 2022년을 회고하며

한참 늦게 쓰는 2022년을 회고하며

어느새 2023년이 1/4이 지났지만 이제서야 쓰는 2022년 회고

내가 온라인 청첩장을 만든 방법

내가 온라인 청첩장을 만든 방법

astro.js를 이용해 온라인 청첩장을 만든 것에 대한 후기글

왓챠에서의 1년간의 작업 후기

왓챠에서의 1년간의 생활에 대한 짧막한 회고

ghost.js 에서 astro 기반으로 블로그 옮긴 후기

ghost.js 에서 astro 기반으로 블로그 옮긴 후기

블로그 이전에 대한 설명 및 소감, 잡설

ghost.js 에서 astro 기반으로 블로그 옮기는 중

블로그를 이전하고 있다는 것에 대한 글

2021년을 회고하며

2021년을 회고하며

2021년 회고

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

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

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

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

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

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

2020년을 회고하며

2020년을 회고하며

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

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

까먹을까봐 기록함.

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

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

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

Hello! Jamstack!

Hello! Jamstack!

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

TIL: 20200422

docker

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

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

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

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

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

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

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

VS Code 기본 설정으로 열어둔 파일의 탭을 이동할 때마다, 해당 파일이 있는 프로젝트의 폴더가 좌측 탐색기에서 자동으로 열린다.

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

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

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

2019년을 회고하며

2019년을 회고하며

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

Senior Front-end engineer가 희귀한 이유

Senior Front-end engineer가 희귀한 이유

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

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

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

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

ODC를 구축한 기술

ODC를 구축한 기술

개요

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

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

문제

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

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

gatsby.js

2018년을 회고하며

2018년을 회고하며

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

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

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

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

ghost 2.2 update 완료

ghost 2.2 update 완료

여러가지 우여곡절 끝에 ghost 2.2 update를 완료했다.

nvm default alias

nvm alias default VERSION_NAME

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

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

파란 라멘과 몬자야끼의 모험

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

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

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

이미 생성된 create-react-app에 typescript 적용하기

이미 생성된 create-react-app에 typescript 적용하기

create-react-app 2.1.0 버전부터 기본으로 typescript를 지원한다.

index.html 브라우저 캐시 끄기

head의 meta로 아래의 값들을 넣어준다.

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

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

도쿄 여행 둘째날.

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

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

5월 25일~5월 28일 다녀온 일본 여행에 대한 여행기.

Visual Studio Code에서 Kotlin 코딩하기

Visual Studio Code에서 Kotlin 코딩하기

Visual Studio Code에서 Kotlin 코드를 작성하고 실행하는 법에 대해 정리해본다.

면접을 볼 때 내가 회사에 하는 질문들

면접이란 회사에서 사람을 뽑기 위해 진행하는 과정이지만, 면접자가 회사에 대한 첫인상을 갖는 순간이기도 하다. 보통 면접 마무리 즈음 면접자가 회사 측에 회사에 대해 궁금한 걸 물어보는 시간을 가지는데, 이때 내가 하는 질문들을 정리해봤다.

vscode에서 tabSize 변경하기

vscode의 기본 tab size는 4로 되어있다.

새 도메인 구입

이름에 해당하는 taehee.kim 도메인을 샀다. 우선은 이 블로그로 redirect 되도록 세팅함.

visual studio code 에서 flow 사용하기

visual studio code에서 flow 설정하는 법을 정리.

mac에서 docker로 jenkins 띄우기

로컬에서 jenkins를 테스트해볼 일이 생겨서 설치하려던 차에, 이번 기회에 docker를 통해서 깔아봤다.

mac os high sierra에서 caps lock으로 한영전환이 잘 안 되는 현상 해결

capslock 한영전환

2017년을 회고하며

2018년 새해를 맞이하여 2017년에 했던 일과 공부에 대해 생각해보며 회고하는 시간을 가져보았다.

npm script로 pm2 실행하기

맨날 까먹어서 기록.

next.js에서 dynamic route 설정하기

next-routes와 express를 이용해서 처리했다.

나의 첫 AMP

나의 첫 AMP

취미로 하는 밴드의 공연 티져 페이지를 만들고 있다.

jetbrains ide에 prettier 설정하기

* 모듈을 설치한다.npm install -g prettier

TIL: 20171110

* django * __는 django orm의 하위 모델을 접근하는데 쓰인다.

react-native 0.50.0 주요 변경 내용

원문은

react-native에 expo 붙이기

이미 생성된 react-native project에 expo를 붙이면서 겪은 삽질 모음.

TIL: 20171026

* react * async ~ await 구문을 쓸 때 함수 내에서 setState 콜백이 필요한 경우의 문제.

create-react-app firebase로 배포하기

create-react-app firebase로 배포하기

firebase란?

[React-Native] react-native-vector-icons 세팅하기

create-react-native-app의 경우 eject 된 이후 기준이다.

react server side rendering 시 css, less import 끄기

react server side rendering 시 css, less import 끄기

현상

TIL: 20170919

git

TIL: 20170917

django

TIL: 20170918

python

django와 python 개발을 위한 준비

pyenv 설치

TIL: 20170914

* docker * docker run -it <container_id> /bin/bash 커맨드로 container_id에 해당하는 도커 이미지의

redux-saga를 쓰니 좋은 점

아래와 같은 비동기 로직이 있다고 할 경우, redux-thunk로 표현하면 아래와 같은 모양일 것이다.

TIL: 20170829

redux

react-native Transform Error

react-native Transform Error

react-native app을 새로 생성하고 바로 실행했는데 위 사진 같은 Transform Error가 나서 찾아보니 아래와 같은 이슈가

create-react-native-app 앱개발 삽질기

create-react-native-app 앱개발 삽질기

개발 준비

react-router v4에서 querystring 처리하기

react-router 이전 버전까지만 해도 location.query 처럼 querystring을 object화 시켜서 가지고 있었던 것

나나와 먼지


ghost.js 블로그 설치 완료

이제 글만 쓰면 된다....

prism.js test

const hello = 'hello';