본문 바로가기

전체보기244

생산성을 높여주는 VSCode 단축키 및 팁 정리 VSCode는 이제 거의 대세가 된 에디터죠. 많은 분들이 이미 각자의 입맛에 맞게 VSCode를 커스터마이징해서 사용하시고 계실텐데요. 이 포스트서에는 제가 VSCode를 사용하면서 생산성을 높여주는 몇가지 단축키와 VSCode 팁을 정리해봤습니다. 1. Show All Commands (Ctrl + Shift + P) VSCode에서 사용할 수 있는 모든 명령어를 입력할 수 있습니다. 가장 기초 중의 기초라고 할 수 있죠. 2. Keymaps Extensions 설치 VSCode에서는 keymaps Extension을 설치하여 본인이 기존에 사용하던 편집기의 단축키를 그대로 사용하거나 커스터마이징 할 수 있습니다. 3. Process Explorer VSCode를 사용하다보면 가끔 느려질 때가 있습니.. 2019. 7. 16.
README.md 10초만에 깔끔하게 만드는 법 GitHub을 보다보면 README 파일이 정말 깔끔하게 잘 만들어진 레파지토리가 있죠. 그래서 저도 그렇게 잘 만들어진 README 파일을 많이 따라하려고 하는데요. 근데 이게 익숙하지 않다면 생각보다 effort가 많이 들어갑니다. 그러다 오늘 우연히 오픈소스를 하나 발견했는데요. 이걸 쓰면 정말 간단하고 빠르게 깔끔한 README 파일을 만들 수 있더군요. 이 오픈소스는 readme-md-generator 입니다. 레파지토리 주소는 아래 링크로 들어가시면 되고요. 간단하게 소개 드리자면 질답 형식으로 readme 파일을 생성해주는 generatior입니다. readme-md-generator GitHub 링크 프로젝트 이름이랑 버전, 라이센스 등 정보를 입력하면 아래와 같이 깔끔하고 전형적인 REA.. 2019. 6. 15.
개발자 인터뷰 시 면접관에게 할 만한 질문 모음 개발자 인터뷰는 같이 일할 만한 사람인가를 알아보기 위한 자리입니다. 그래서 기술 면접에는 동료 개발자나 팀 리더가 참석하게 되죠. 이 때 그들이 우리를 판단하는 것처럼 우리도 그 회사가 일하기 적절한 회사인지 질문을 통해 판단할 수 있습니다. 면접관의 질문이 끝났다면, 이제 당신이 미래의 동료가 될 개발자들에게 물어볼 차례입니다. 이번 포스트에서는 개발자 인터뷰 또는 기술 면접에서 면접관에게 할 만한 질문 몇 가지를 정리해봤습니다. 1. 팀(프로젝트)에 몇 명의 개발자가 있는지 먼저 앞으로 일하게 될 팀에 개발자가 몇 명 있는지 물어봅니다. 이 질문은 면접관에게도 그다지 민감한 질문은 아닐텐데요. 만약 프로젝트 단위로 운영되는 팀이라면 본인이 투입될 프로젝트에 개발자가 몇 명인지 물어보면 되겠죠? 신입.. 2019. 5. 14.
프론트엔드 Framework을 공부하는 방법 이번 포스팅에서는 Dev.to의 How I learn any front-end framework 포스팅에 대한 번역을 바탕으로 React, Angular, Vue.js 같은 프론트엔드 Framework를 어떻게 공부해야하는지 알아봤습니다. 프론트엔드 Framework을 공부하기로 했다면, 보통 유튜브나 구글 검색 등을 통해서 튜토리얼을 찾아보죠. 그런데 생각보다 알아야 할 것도 많고 막막할 때가 있습니다. 프론트엔드 Framework은 종류도 많고 어느 세월에 다 배울 수 있을지도 걱정되기도 하는데요. 하지만 아래와 같은 방법으로 공부를 진행하면 더 효율적으로 빠르게 프레임워크를 배울 수 있습니다. 먼저 프론트엔드 Framework에서 공통적으로 나오는 개념 3가지에 대해 알아봅니다. 어떤 프론트엔드 F.. 2019. 3. 19.
Javascript Primitive Types - 자바스크립트 기초 공부 #2 이전 시간에 자바스크립트 기초 공부 첫 번째로 Javascript Call Stack의 개념에 대해서 알아봤습니다. 이번 시간에는 두 번째로 Javascript Primitive Types에 대해서 공부해보도록 하겠습니다.자바스크립트 Primitive Types 이란?Primitive Types는 우리말로 원시 자료형 또는 기본 자료형으로 해석할 수 있습니다. 다시 말해 자바스크립트의 기본이 되는 자료형을 의미하는데요. 그 종류에는 Boolean, Null, Undefined, Number, String, Symbol(ES6에서 추가됨)이 있습니다. 참고로 자바스크립트 Type은 typeof 연산자를 통해 확인할 수 있습니다. (참고 링크 : MDN 표현과 연산자)String자바스크립트 문자열을 의미하며.. 2019. 3. 13.
Javascript Call Stack - 자바스크립트 기초 공부 #1 자바스크립트 기초 내공을 쌓기 위해 자바스크립트 개발자라면 알아야 하는 기본 개념들을 정리하고 있습니다. 이번 글에서는 그 첫 번째로 Javascript Call Stack에 대해서 살펴보도록 하죠. 용어정리먼저 용어부터 정리하도록 하죠. 자바스크립트 콜스택은 영어로 Javascript Call Stack으로 쓰이고 우리말로 번역하여 자바스크립트 호출 스택이라고도 합니다. 이 글에서는 한글로 "자바스크립트 콜스택"이라고 표기하겠습니다. 자바스크립트 콜스택 이란?자바스크립트는 콜스택은 자바스크립트 함수를 호출하는 매커니즘을 말합니다. 스택이란 하나씩 쌓았다가 가장 위에 있는 것부터 차례대로 쓰는 방식(LIFO, Last In First Out)이죠. 따라서 자바스크립트 콜스택은 호출할 함수를 스택으로 쌓아.. 2019. 3. 12.
유튜브 구독 목록 관리 및 정렬 방법 (엄청 편함) 최근에 유튜브 구독하는 채널이 많아지면서 구독 목록을 한 번 정리해야겠다는 생각이 들었습니다. 그런데 유튜브에서 구독목록 관리 및 정렬 기능을 찾기가 어렵더라고요. 그래서 이리저리 알아보았고 결국 찾아낸 방법을 정리해봤습니다. ▼ 일단 예전에는 유튜브 구독 목록을 관리하는 기능이 있었습니다. 유튜브 컬렉션이라는 기능이었는데요. 이 기능을 사용하면 구독하고 있는 채널을 원하는 목록으로 묶어서 정리할 수 있었죠. 그런데 찾아보니 2015년 5월 20일부로 이 기능이 종료되었더군요. ▼ 그래서 방법을 찾아본 결과 크롬 브라우져에 해결 방법이 있더군요. 바로 유튜브 구독 매니저(Youtube Subscription(Collection) Manager)라는 크롬 익스텐션을 설치하는 것입니다. ▼ 이 크롬 확장 프.. 2019. 3. 9.
클릭투트윅 4.96 설치 및 다운로드 방법 안내 국내 최적화 프로그램 중에 제일 좋았던 프로그램이 바로 클릭투트윅입니다. 클릭투트윅 4.96 버전이 제일 마지막 버전이라고 알고 있는데요. 이 프로그램은 고클린 같은 최적화 프로그램인데 정말 다양한 기능을 가지고 있습니다. 1. 클릭투트윅 소개프로그램을 쓰면서 한가지 놀라웠던 사실은 이 프로그램을 개발한 사람이 권용휘라는 개인 개발자였다는 것입니다. 너무 궁금해서 이 분의 블로그에 들어가봤는데요. 미국에서 컴퓨터 공학 박사 과정을 마치고 버지니아 대학에 컴퓨터공학과 교수로 임용됐더라고요. 역시나 엄청난 실력자였습니다. 권 교수님이 만든 클릭투트윅 4.96의 주요 기능은 윈도우 최적화입니다. 레지스트리를 정리하고 윈도우 내부 설정을 조정하죠. 또한 불필요한 파일들을 삭제하고 인터넷 속도를 향상 시켜주는 역.. 2019. 2. 22.
문명 6 몰려드는 폭풍 (Gathering Storm) 스팀 구매 후기 프로젝트 하나를 마칠 때마다 스팀에서 게임을 지른다. 평소에는 짧은 시간에 자잘하게 할 수 있는 게임을 주로 하는데.. 이번에 문명 6 몰려드는 폭풍 확장이 나온다. 문명, 롤, 삼국지, 디아블로는 개인적으로 인생 게임들이라.. 새로운 버전이 나오는 족족 플레이 해보지 않고는 다른 일을 시작하지 못한다. 아무튼 이번에 스팀에서 문명6 몰려드는 폭풍을 구매했다. 가격은 39.99달러다. 이 정도면 평소 열심히 일한 나에 대한 보상 치고 굉장히 싼 편이다. PC 게임이나 보드게임 외에는 별다른 취미가 없어서 그런지 취미로 돈이 그렇게 많이 나가진 않는다. 이번 문명6 확장에서는 8명의 새로운 지도자가 추가 되었다. 마지막으로 추가된 엘레오노르 아키텐이 특이하게도 2개 국가의 지도자로 선택 가능하기 때문에 총.. 2019. 2. 13.
테트리스 무료게임 플레이 심심하면 GoGo! 일하다 보면 무료할 때가 있죠. 저도 가끔 심심하면 주로 게임을 하는데요. 최근까지 롤이나 배그 같은 조금 헤비한 게임을 하다가 요즘에는 잠깐 머리 식힐 용도로 테트리스 같은 게임을 하고 있습니다. 그래서 오늘은 제가 자주 하는 테트리스 무료게임 플레이 하는 곳을 알려드릴까 합니다. ▼ 우선 간단하게 실행할 수 있는 테트리스를 플레이 하려면 flash가 기본적으로 설치되어 있어야 합니다. 크롬에서 접속한다면 flash가 차단되어 있을 수 있습니다. 크롬이 flash에 대해 강력한 제재 정책을 쓰고 있어서 그런데요. ▼ 이럴 때는 브라우저 우측 상단에 있는 방패 모양의 아이콘을 눌러 안전하지 않은 스크립트 로드라는 글씨를 눌러줘야 합니다. 그러면 아래와 같이 Adobe Flash Player을(를) 사용려.. 2019. 2. 12.
Sass 문법 정리 (mixin, include, expend, partial, import, if문) Sass 문법 중에 1) mixin과 include, 2) %와 extend 그리고 3) partial과 import 문법에 대해서 알아보도록 하겠습니다. 참고로 Sass의 이 세 가지 문법은 코드 재사용 기능을 위한 문법이라고 할 수 있습니다. 1. @mixin 과 @includemixin은 자바스크립트의 function처럼 사용할 수 있는 Sass 문법입니다. 인자 값을 넘길 수도 있고, 각 인자마다 기본 값 줄 수도 있습니다. [선언] @mixin fontSizeBgColor($fontSize : 40px, $bgColor : #fff) { font-size : $fontSize; background-color : $bgColor;} [사용] #box { @include fontSizeBogColo.. 2019. 2. 8.
알집 다운 무료로 간단하게 설치하기 압축 파일을 풀려면 알집 같은 프로그램이 필요합니다. 비슷한 프로그램으로 윈집, 반디집 같은 것들이 있지만 국내에서는 거의 알집이 원탑이라고 볼 수 있죠. 오늘 포스팅에서는 알집 다운 무료로 간단하게 받는 방법을 알아보도록 하겠습니다. ** ▼ 먼저 알집의 버전 부터 확인해보죠. 알집은 그동안 꾸준히 버전 업데이트를 해왔는데요. 이번 버전에서는 버그 수정 및 안정성이 강화되어 왔습니다. 참고로 알집 다운로드 받을 때는 항상 최신 버전인지 확인해주세요. ▼ 그리고 알집은 현재 윈도우 10을 정식 지원하고 있습니다. 예전에는 윈도우 10에서 불안정한 모습을 보여주었는데 이제 그런 문제도 해결되었네요. ▼ 알집(Alzip)을 설치하면 EGG, ALZ, ZIP, TAR, TBZ, TGZ, LZH, JAR 파일로.. 2019. 2. 6.