EvanJin Blog

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

GitHub

kubernetes 개념 정리

Pods Pods는 Kubernetes 내부에서 컨테이너를 운영하는 기본 단위 Pod는 환경 변수를 설정하고, 스토리지를 마운트(mount)하고, 기타 정보를 컨테이너에 피드(feet)하는 방법을 제공 Kubernetes에서 Pods는 컨테이너의 작동을 담당 모든 Pod는 하나 이상의 컨테이너를 보유하고 해당 컨테이너의 실행을 제어 컨테이너의 수명이 다…

절망 드리븐 성장 발표를 듣고 느낀점

언제 ‘한 단계 성장 했다’라고 말할 수 있을까요? 발표자님께서 먼저 꺼낸 주제였다. 한 단계 성장? 개발자한테 성장이란 무엇일까? 이전보다 빠르게 개발? 같은 실수를 반복하지 않을때? 질문에 답을 많이 할 수 있을 때? 프로젝트를 많이하면? 나는 사실 처음 jQuery로 퍼블리셔 하던 시절에는 이전보다 빠르게 개발하면 장땡이라고 생각해왔고 프론트엔드 개…

도구 설치(kubernetes task)

0. Intro 본 블로그글은 k8s task들을 따라하면서 정리한 글입니다. 실습해보고 정리를 안 하면 잊어버려서 잊어버리지 않도록 정리해봅니다. 참고로 저는 mac을 사용하고 있어서 모든 실습 정리는 mac이 기준입니다. 1. kubectl 설치 맥에는 homebrew라는 편리한 패키지 매니저가 있습니다. 저는 homebrew를 통해서 설치하도록 하겠…

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

추천 크롬 확장프로그램 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 기반 관…