CategoryTips (53)

[번역] Art of Clean Pull Requests - 클린한 Git PR의 기술

Art of Clean Pull Requests - 클린한 Git PR의 기술직장 동료인 소프트웨어 엔지니어 Alex의 프리젠테이션을 한국어로 번역한 포스트입니다. Git을 실무에서 사용함에 있어 공감하고 배울 내용이 많아 번역해보았습니다. 세팅이나 기초적인 사용법에 대해서가 아닌, 효율적인 실무를 위한 Branch 관리 및 PR 방법에 대하여 전반적으로 다루고 있습니다. 그 외에도 이해를 돕기 위한 추가적인 내용이 들어가 있습니다. Art of Clean Pull Requests - Presentation Alex Yeung 목차Art of Clean Pull Requests - 클린한 Git PR의 기술간략한 개요Git은 어떻게 동작하는가?원격 저장소별로 분리된 Branch팁과 트릭당신의 작업 사항을..

Module Bundler Parcel 그리고 Webpack 4

Module Bundler Parcel 그리고 Webpack 4들어가기 전작년 말 Parcel이 나와 엄청난 Star를 받으며 큰 인기를 얻었습니다.그리고 지난달 Webpack 4가 발표되었습니다!이런 상황에 떠오르는 생각을 포스트로 간단하게 정리해 봤습니다.ParcelParcel - Homepage Parcel - GithubParcel[파설, /parsəl/]은 개발 경험에서 차이를 느낄 수 있는 웹 애플리케이션 번들러 입니다. 멀티 코어 프로세싱으로 불꽃 튀게 빠른 성능을 제공하고 그 어떤 설정도 요구하지 않습니다. - Parcel 엄청나게 빠른 번들, 적은 설정과 기본적으로 제공하는 HMR! 등을 표방하며 나온 모듈번들러 Parcel.Webpack, gulp, grunt등의 복잡한 설정과 점점 느..

Spiklin - Exchange Language and culture with a native speaker

Spiklin - Exchange Language and culture with a native speaker언어교환 모임이란?한국어와 영어 각기 다른 언어를 사용하는 원어민이 모여서 각자의 언어를 알려주고 배우는 모임입니다.원어민과 언어 및 문화를 교류할 수 있습니다.대화 상대를 카페나 메신저 등을 이용해서 구할 수 있겠지마는, 좀 더 편하게 모임을 가질 수 있는 Spiklin 서비스를 소개해 드리려 합니다. Spiklin토론토에서 쉽게 언어 교환을 할 수 있는 모임 혹은 온라인 서비스명 입니다.아래 사이트를 이용해서 등록하실 수 있습니다.두 가지 버전으로 자체 사이트와 Meetup을 이용해서 모임에 참석할 수 있습니다.SpiklinMeetup - SpiklinMeetup을 이용할 수도 있지만, Spi..

OpenAPI Spec 3.0 버전으로 문서 작성하기

OpenAPI Specification 3(OAS 3)에 맞게 문서 작성하기회사에서 REST API 설계를 해야 해서 OSA 3 기준으로 문서를 작성하게 되었습니다.REST API 구조는 기본적으로 만들 수 있지만, OpenAPI Specification을 따라본 적은 없어서 이번에 처음 OAS3 문서를 작성해봤는데요.초반에 시간을 투자해서 만들어두면 확실히 좀 더 명확한 소통이 가능한 거로 보입니다.작성법과 각종 예제는 공식 문서에서도 충분히 제공되고 있기 때문에 공식 문서와 몇 가지 도움이 되는 홈페이지를 소개해드리려 합니다.공식 문서 보기역시 가장 좋은 방법은 공식문서 보기겠죠.OpenAPI Specification - 3.0.1Example과 사용 할 수 있는 문서 형식들에 대한 정보를 제공합니다..

피치트리에서 2달간 지내며.

코워킹 스페이스 Co-working Space퇴사 후, 평소에 자주 가던 카페를 다니며 공부를 했었는데요.그 당시 하루 소비 패턴이 오전에 커피 한잔, 나가서 점심 먹고 와서 오후에 한잔으로 고정되었습니다.북적북적한 카페도 아니고 안락한 분위기라 편하게 공부할 수 있었지만, 당장 돈 버는 입장도 아니고 날이 갈수록 금전적으로 부담스러워지던 와중에 바닐라코딩 인터뷰 장소인 피치트리가 눈에 띄었습니다.바닐라코딩의 Ken씨와의 인터뷰 당시 이런저런 질문을 하면서 코워킹 스페이스에 대해서 듣고 조사를 좀 했는데요.나라에서 지원하는 곳도 있고 창업지원센터의 경우 무료로 이용할 수 있는 공간이 있기도 했지만 피치트리가 가격대비 최적의 장소라고 생각해서 비교적 저렴한 역삼점으로 등록을 했습니다.자세한 사항은 여기로 ..

Progressive enhancement and Graceful degradation

점진..뭐? 우아한 뭐..?Progressive enhancement and Graceful degradation 점진적 향상법과 우아한 성능저하.. 라고들 합니다.개념 자체는 알고 보면 쉬운데 단어가 낯설게 느껴져서 그런지 뭔가 쉽게 느껴지지 않네요.프론트엔드 인터뷰 공부 중에 흥미롭게 본 내용이기에 정리해봤습니다.점진적 향상법(Progressive enhancement)웹 컨텐츠는 모든 브라우저에서 같게 보여야 한다는 개념이 있습니다. 하지만 그것을 위해서 구버전에 브라우저를 기준으로만 개발할 수 없습니다. 이 둘을 적절히 합의를 본 게 점진적 향상법입니다.최신 브라우저에서 더 나은 화면 효과와 추가된 부가기능을 사용할 수 있게 하면서 구버전에서도 컨텐츠 가독이 가능하게 하는 방법입니다.예를 들면 네..

뽀모도로 기법 - Pomodoro Technique

뽀모도로 기법 - Pomodoro Technique뽀모도로란 이탈리아어로 토마토를 뜻한다. 토마토가 들어간 파스타 요리로 우선 다음과 같은 재료를 준비한다.뽀모도로는 집중력 향상을 위한 시간 관리 방법론이다.프란체스코 시릴로(Francesco Cirillo)가 제안한 방법으로 개념은 간단하다.작업 흐름25분 동안 무언가에 집중한다. (절대 집중, 인터럽트는 없어야 한다!)이렇게 한 번 하면 1 Pomodoro이다.이후 5분 쉰다.4 Pomodoro를 채울 때 마다 30분 쉰다. 주의사항시간은 꼭 25분 고정적이지 않다. 유동적으로 설정할 수 있다.작업시간 전에 해당 작업을 마쳤더라도 남은 시간 동안 작업에 대해서 다시 점검하기를 권한다.만약 정해진 시간에 하나를 마치고 다른 작업으로 전환하고 싶다면 중간..

프로그래밍 언어들의 간단한 특징

프로그래밍 언어들의 간단한 특징개발자들은 많은 프로그래밍 언어를 마주하고 있다.당장 우리가 쓰는 언어만 해도 어려운데 영어, 중국어, 일본어, 스페인어를 배워야 한다면? 아니, 당장 학교 다닐 때를 생각해보라 제2 외국어 정하는데도 심사숙고하지 않는가?그렇다. 우리에게 닥친 이 선택은 너무나 가혹하다.정말 다행인 건 프로그래밍 언어의 경우 전체적인 개념은 다를지언정 기초적인 부분이 어느 정도 비슷하다는 것이다. (변수의 할당과 사용이라든지...)각설하고, 갑자기 막노동을 나가더라도 적어도 연장의 쓰임은 알아야 할 것 아닌가?앞으로 밥벌이할 때 사용 하게 될 언어들의 간단한 특징을 한번 살펴보도록 하자. Bash Bash(Bourne Again Shell)는 Shell 명령어를 자동화하는 데 가장 많이 사..

예제를 통해 보는 간단한 자바스크립트 정규표현식

목차목차간단한 예제를 통해 보는 자바스크립트 정규 표현식정규표현식이란?자바스크립트에서 정규표현식 사용하기.exec과 match의 차이반복?+*예외문자길이를 지정하기.[]^ (Negative)캡쳐링 그룹(?:그룹)대괄호의 축약형Flagg - Global Flagi - Ignore Casem - Multi Line마치며참고간단한 예제를 통해 보는 자바스크립트 정규 표현식제목에 자바스크립트는 이 포스트에서 자바스크립트를 사용해 예제를 만들었다는 의미다. 여기서 설명하는 정규표현식은 다른 언어에서도 똑같이 사용할 수 있다. 정규표현식이란?정규표현식(正規表現式, Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리할 수..

[ES6] ES6을 쉽게 익혀보자 - tower of babel

ES6을 쉽게 익혀보자 - tower of babel 일본 Node.js 유저 그룹 대표인 후루카와 요스케(Yosuke Furukawa)님이 만든 ES6 학습 도구입니다. Babel Setup부터 시작해서 ES6의 핵심기능들을 배우고 연습할 수 있습니다.바로 가기 - tower-of-babelReadMe 문서를 보시면 아시겠지만 아래와같이 설치 및 실행할 수 있습니다.$ npm install tower-of-babel -g$ tower-of-babel위 명령어를 실행하면 위 스크린샷과 같은 화면이 보이며, 처음에는 영어로 보이니 필요에 따라 언어 설정을 바꿔주시면 됩니다.사용법은 직접 설치해보면 매우 이해하기 쉽기 때문에 이 이상 자세한 설명은 생략하도록 하겠습니다. 바로 시작하세요! 최근 import에..

[ETC] 구글 크롬 개발자도구 속도개선

크롬 개발자 도구 느려짐 개선어느날 부터 크롬 개발자도구 속도가 진짜 심각하게 느려졌습니다.크롬에서 뭔가 개선하면서 잘못됐거나 현재 작업중인 페이지의 엘리먼트가 너무 많아서 생기는 문제라고 생각하고 대수롭지 않게 사용하고 있었습니다.그런데 저만이 아니고 옆 자리에 동료도 같은 문제를 얘기했고 해결책을 찾았습니다.문제는 바로 Ahnlab Safe Transaction 였습니다.네... 황당하지만 회사컴퓨터로 은행업무 할 때 깔린 것 같습니다.제어판으로 들어가서 제거 후, 크롬 종료 후 재시작 하니 다시 빨라졌네요..!저는 이걸 찾아볼 생각도 못하고 있었다보니.. 우연히 보신분들이 알아채서 이 문제를 해소할 수 있게 포스트로 작성해야겠다는 생각이 들었습니다.개선 방법프로그램 추가제거 - Ahnlab Safe..

[SQL] UPDATE문에서의 FROM, 별칭 사용

Update에 From을 써서 별칭 사용하기기본적인 것이지만 갑자기 가물가물 함에 한번 정리해 봅니다.최근에 관련 쿼리를 짜는데 업데이트에 별칭을 어떻게 쓰더라..? 하고 멍해있었습니다.또 까먹기 전에 바로 정리를 해봅니다.UPDATE TEMP_USET IsDelete = 'True'FROM tblUser AS TEMP_UWHERE CreateDate >= '2015-01-01'tblUser라는 테이블의 별칭을 TEMP_U로 주고 Update문에서 별칭으로 지정해서 업데이트를 할 수 있습니다. 좀더 응용해서 아래와 같이 사용 할 수도 있습니다.UPDATE TEMP_USET IsDelete = 'True'FROM tblUser AS TEMP_U, tblUserCategory AS TEMP_UCWHERE T..