EvanJin Blog

seongjoojin
Written by@seongjoojin
Lives and works in Seoul building useful things.

GitHub

추천 크롬 확장프로그램 및 추천 맥 프로그램

추천 크롬 확장프로그램 TrafficLight TrafficLight는 백신을 만들어내는 업체인 Bitdefender에서 만든 크롬 확장프로그램입니다. 저는 주로 검색 후 안전한 사이트인지 확인하는 용도로 거의 쓰고 있습니다. The Great Suspender The Great Suspender는 크롬 탭을 관리해주는 확장프로그램입니다. 크롬이 램을 …

내가 사용하는 Visual Studio Code 확장프로그램 및 추천 코딩 폰트

Visual Studio Code 추천 확장프로그램 Vue Development Extension Pack 처음 프론트 입문을 vue로 시작해서 IDE를 atom에서 vscode로 넘어오고 vue에 관한 확장프로그램을 찾다가 위의 것을 찾게되었고 지금도 잘 사용하고 있습니다. 일단 위에 확장프로그램에서 vue에 관련된 것만 살펴보면 아래와 같습니다. Ve…

gatsby-starter-bee로 변경한 이야기

gatsby-starter-bee로 넘어간 이유 원래는 기본 gatsby 블로그 테마를 사용하였고 그것도 나쁘지 않았지만 좀 더 이쁘게 꾸밀 방법을 고민하다가 다크모드를 너무 좋아하다 보니 어떻게 하는지 찾다가 그 이후 일에 치이면서 잊어버리고 잠시 방치하게 되었습니다. 잠시라기엔 좀 긴거 같긴하지만요.. 오랜만에 지인이랑 이야기 하는 중 자기 블로그 쓰…

javascript 배열 내장함수 알아보기

1. forEach 는 for를 대체할 수 있는 내장함수입니다. 위의 console은 아래와 같이 출력되게 됩니다. forEach의 매개변수에는 현재 요소뿐만 아니라 index, array(호출한 배열)도 있습니다. 위의 console은 아래와 같이 출력되게 됩니다. 2. map 배열 안의 원소를 변환 할 때 사용되고 새로운 배열을 만듭니다. 위의 c…

fishshell 사용기

0. 왜 fishshell을 사용하였는가 먼저 맥에서 많이들 쓰고 계시는 zsh를 왜 버리고 fish를 사용하게 된 이유에 대해서 먼저 풀어보려고합니다. 당연하겠지만 저도 처음부터 zsh를 안 쓴건 아닙니다. 주변 mac os를 쓰시는 분들이 거의 대부분 zsh를 사용하기에 저도 설치 후 사용하였습니다. 하지만 저의 맥북에서는 zsh까지는 정상적으로 설치…

n으로 node버전 관리하기

1. n 설차하기 node.js를 사용하는 개발자면 (프론트엔드 개발자나 node.js를 사용하는 개발자 등) node.js의 버전관리에서 힘들때가 많습니다. 오늘은 node.js의 버전관리 중 n이라는 것을 설치하고 사용하는 방법을 적어보려고 합니다. 설치 방법에는 세가지의 방식이 있습니다. 먼저 npm이나 yarn을 통해서 gloabl로 설치하는 방법…

Vue 개발 시 참고사항

0. app의 특징에 따른 Vue 플러그인 조합 Vue Router와 Vuex 모두 사용할 필요 없는 app의 예 기존 전자상거래 사이트처럼 라우팅은 서버 사이드에서 수행하고 클라이언트 사이드도 컴포넌트로 구성되지않는 app 서비스 소개 사이트 등 일부 컴포넌트가 동적으로 동작하는 랜딩페이지 Vue Router만 적용하면 되는 app의 예 SPA 기반 관…

AWS Lambda에 golang 배포하기 (feat.serverless framework,gin)

해당 예제는 Serverless Framework을 사용하여서 aws lambda에 배포합니다. 0. Golang 설치 Mac, Linux Go페이지에서 tar.gz파일을 다운받아서 에 압축을 풉니다. 압축을 풀고 난 후에 에 PATH를 설정합니다. vi, nano 등으로 해당파일을 불러오고 아래 내용을 추가합니다. Windows Go페이지에서 윈도우에 …

Nuxt Cypress 적용기

0. cypress란 https://www.cypress.io cypress는 end to end test framework입니다 end to end test란 사용자 입장에서 테스트하는 것을 말합니다. 좀 더 자세한 것은 아래의 글을 읽어보시면 좋을거 같아서 링크 공유드립니다. https://medium.com/hbsmith/e2e-test-알아보기-3…

Nuxt Sentry 도입기

0. Sentry은 무엇인가 https://sentry.io/welcome/ sentry의 홈페이지를 보시면 아시겠지만 에러를 추적해주는 소프트웨어 입니다. 이게 왜 필요한가에 대해서는 애플리케이션을 만들고 출시하고 운영하다보면 애플리케이션을 사용하는 사용자가 에러난다고 피드백을 줄 때가 있다. 이런 피드백을 받을때 난감한 점은 유저가 어느때에 정확히 어…