본문 바로가기

All or Nothing

백수 생활 연대기 1. 실컷 놀았던 나의 3개월 나의 블로그 마지막 글이 지난 5월. 퇴사 이후 글 하나만 쓰고 블로그를 하지 않았다. 그리고 5월부터 7월까지 무엇을 했느냐면, "놀았다!" 정말 마음놓고 놀았다. 지금껏 떠나지 못 했던 여행을 여기 저기 실컷 가보고, 읽고 싶은 책, 하고 싶었던 게임, 친구들과 만남 등 정말 오랜만에 원없이 놀았다. 불과 2주 전까지만 해도 말이다. 2. 공부, 다시 시작하자 8월 초, 많은 것이 바뀌었다. 그동안 즐기던 게임을 모조리 삭제했고, 친구들과의 만남 횟수도 줄였다. 그리고, 본격적으로 개인 공부를 시작했다. 개인 사이트 제작과 사이드 프로젝트를 진행하기 위해 많은 시간들을 확보했다. 그리고 8월 18일 현재까지 공부하면서 느낀 점은, 왜 더 빨리 하지 않았을까였다. (신나게..
하루의 방향키 첫 번째 한 시간은 하루의 방향키다. 만약 내가 잠에서 깬 후 첫 한 시간을 게으르고 무계획적으로 보낸다면, 무척 게으르고 멍하게 하루를 보내게 된다. 그러나 만약 내가 하루의 첫 한 시간을 생산적으로 쓰기 위해 노력한다면, 나머지 하루도 그렇게 따라가게 된다. - 스티브 파브리나
내가 이럴 줄 몰랐지. 백수가 되었습니다. 웹 디자이너가 되기 위해 시작한 여정이 많은 변화를 거쳐 서른이라는 나이와 함께 지금은 웹 프론트 개발자로 잠시 휴식기를 갖게 됐다. 이직 후 정확히 1년이라는 시간 동안 나에게 많은 것을 안겨준 회사에서 퇴사했다. 퇴사 이유는 간단했다. '번 아웃'이 왔기 때문. 번 아웃은 주로 생각대로 일이 풀리지 않거나 육체적ㆍ정신적 피로가 한계에 이르면 오는 것이 특징인데 내 경우엔 후자였다. 돌아보면 왜 그렇게 열심히 일 했는가에 대한 회의감도 살짝 있다. 그저 주어진 업무에만 충실하면 되는 것을. 어느 회사를 가든 감초처럼 이쪽 저쪽으로 오지랖을 부렸다. 그것이 큰 부작용으로 다가왔다. 퇴사를 결정 하면서 앞으로 주어진 일 이상은 하지 않으리라 다짐했다. (가능해?) 서른이라는 나이에 퇴사를 결정한다는 것은 ..
[install] Nuxt 설치 및 개발 환경 설정 1. Front-End Skill Stack - node 8.0+ - npm 5.0+ - vue - vue-cli - nuxt.js - scss - bootstrap 3 개인적으로 프론트엔드 개발 환경을 설정하기 위해 기술 스택을 적어두었는데 스택에 대한 간단한 설명을 기록한다. node와 npm은 앞 글에서 설치했으므로 넘어간다. ① vue현재 트렌드를 주도하고 있는 3대 프론트 프레임워크로 Angular, React, Vue가 있는데 셋 중 가장 늦게 출시되었다. 단순 HTML, CSS, javascript 정도만 알고 있어도 충분히 응용할 수 있을 정도로 진입 장벽이 낮다. ② vue-clivue 프로젝트를 간단히 스캐폴딩 해주는 커맨드 라인 인터페이스. ③ nuxt.jsvue 어플리케이션을 간단하..
[트리거] 행동의 방아쇠를 당기는 힘 인생에서 우리의 임무는 긍정적 차이를 만들어내는 것이지,자신이 얼마나 현명하고 옳은지를 입증하는 일이 아니다.지금까지 살면서 경험한가장 큰 변화는 무엇이었습니까? - p10 트리거trigger란, 우리의 생각과 행동을 바꾸는 '심리적 자극'을 말한다. 우리가 깨어있는 매 순간 우리를 바꿀 수 있는 사람, 사건, 환경들이 변화의 트리거를 만든다. 트리거는 갑자기, 또는 예기치 않게 나타난다. 예를 들어 시험을 봤는데 망쳤다면 다음엔 더 잘 보기 위해 공부를 하고자 마음 먹는다. 면접을 봤는데 아쉽게 합격하지 못했다면 면접에 대한 준비를 더 철저히 하고자 할 것이다. 이처럼 트리거는 단순하다. 그리고 어렵다. 변화를 원하는 사람들에게 가장 필요한 것, 그리고 수많은 자기계발 서적들이 강조하는 것은 바로 '행..
[Install] windows NVM 설치하기 1. 필요 개발 환경 - Windows 10 - NVM (Node Version Manager) - nodejs & npm NVM은 nodejs의 버전을 개발 상황에 따라 바꿀 필요가 있는데, 버전 별로 설치를 지원하여 개발자 입맛에 따라 사용할 버전을 선택할 수 있게 해준다. 2. NVM 설치 파일 다운로드 - https://github.com/coreybutler/nvm-windows/releases 위 주소에 접속하여 nvm-setup.zip 파일을 다운 받는다. 3. NVM 설치 방법 - 받은 압축 파일을 풀고 nvm을 install 한다. - windows 명령 프롬프트 cmd를 실행한다. - nvm version을 입력하여 설치된 것을 확인한다. 4. nodejs & npm 버전 확인 - ht..
동기와 비동기의 개념 1. 동기 방식(Synchronous)요청이 들어온 순서에 맞게 하나씩 처리하는 방식이다. 순서에 맞춰 진행되는 장점이 있지만, 여러 가지 요청을 동시에 처리할 수 없다. 위 그림의 (a)처럼 커피 주문을 받고 나올 때까지 기다리는 것이 동기 방식의 예시라고 할 수 있다. 2. 비동기 방식 (Asynchronous)하나의 요청에 따른 응답을 즉시 처리하지 않아도, 그 대기 시간동안 또 다른 요청에 대해 처리 가능한 방식이다. 여러 개의 요청을 동시에 처리할 수 있는 장점이 있지만 동기 방식보다 속도가 떨어질 수도 있다. 위 그림의 (b)처럼 점원 한명이 커피 주문을 받고 다른 점원이 커피를 건네주는 것이 비동기 방식의 예시다. 동기와 비동기의 차이는 어떤 요청이나 혹은 그와 관련된 작업을 처리하고자 하는..
HTTP Status Code 1. HTTP Status Code (상태 코드) 클라이언트가 서버에 HTTP 요청을 보냈을 때 정상적으로 처리되었는지 아니면 에러가 발생했는지 알려주는 것이다. 클래스의 정의만 지킨다면 RFC2616에서 정의된 상태 코드를 변경하거나, 서버 독자의 상태 코드를 만들 수 있다. HTTP 상태 코드는 60종류 이상이 있지만, 그 중에서 대표적으로 사용되는 상태 코드를 살펴본다. 2. 응답 상태 코드 2.1 2xx: 성공(Success)2xx 응답은 클라이언트의 요청이 정상적으로 처리되었음을 나타낸다. ① 200 OK클라이언트가 보낸 요청을 서버가 정상 처리하였음을 나타낸다. 응답할 때 상태 코드와 함께 되돌아 오는 정보는 메소드에 따라 다르다. ② 204 No Content이 응답은 서버가 요청을 받아서 ..