Kendrick's Blog

소프트 스킬: 평범한 개발자의 비범한 인생 전략 71가지저자 존 손메즈가 은퇴하기까지의 성공과 실패를 통해 배운 것들을 보고 느낄 수 있는 책이다.그 주제는 다양함을 넘어 개발자의 건강부터 연애까지 실로 폭넓은 주제를 다룬다.말 그대로 건강한 개발자로의 인생에 대해서 논하는 셈.해당 사이트에서 26장까지 공개되어 있다. TheBook - 소프트스킬존 손메즈33세의 원하는 불로소득을 달성하고 은퇴한 개발자.20세 초반에 1억 대 연봉을 받고 -본인은 운이 좋았다고 설명한다.- 패션모델의 경력도 있고 참으로 신묘한 사람.로버트 기요사키의 열렬한 팬인듯하다.부자 아빠 가난한 아빠에서 많은 걸 느껴 부동산에 투자한 경험을 바탕으로 부동산 관련 주제 또한 다룬다.우리나라에도 한창 유행했을 때 인상 깊게 본 책이기..

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

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

클린 코더 & 클린 코드클린코더... 5개월 전쯤에 아는 개발자 형님따라 교보문고 갔다가 얼떨결에 선물 받은 책이다.그 전까지는 항상 서점에 목좋은 곳에 비치되어 있어서 유명한 건 알았지만, 목차가 지루해 보여서 포기하기 일쑤였다. 그런데 그 형님이 추천하면서 또 사준다고 하니 이게 웬 떡! 덥석 물었다.혼란스러운 제목밥 아저씨의 저서로 클린 코드와 클린 코더가 있다.적어도 내가 아는 개발자들은 이런 제목에 혼란스러워했다.심지어 나는 개정판이 나오면서 제목 실수 한 줄 알았다. 사실 표지 디자인도 너무 달라서 저자도 다른 사람인 줄 알았을 정도이다. 마치 농심 육개장과 삼양 육개장을 보는듯한... (지금 글을 작성하면서 발견했는데 두 책이 출판사가 다르다)클린 코더는 프로그래밍 코드보다는 시니어 개발자로..

English for developer - IT 트렌드로 배우는 개발자 영어 독해책 소개 지문원어민 MP3 파일개발자를 위한 영어 독해 책입니다.하나의 유닛에 IT분야에서 유명했던 혹은 유용한 아티클 소개하고 그 파트에 포함된 단어와 숙어 그리고 문장들에 대한 정보를 제공해주고 핵심문법을 파악해보고 손으로 써서 익히기까지!까막눈에서 회화 독학으로 영어 공부를 했더니 리딩에 갈증이 생겨서 구매한 책입니다. 다만 처음에는 유닛 1에 있는 파트들을 한번 훑어보고 책을 덮었습니다. 멘붕을 얻었고 자괴감은 덤.. ㅋ그 후 1년, 회화 위주로 독학했더니 리딩이 부족한 걸 다시금 느껴 이것저것 읽던 와중에 이 책이 생각나서 다시 읽게 되었습니다.책 구매로부터 1년이 지났기에 새로운 마음으로 다시 봤더니 어느 정도 내..

함수형 반응형 프로그래밍 (Functional Reactive Programming)FRP 프레임워크 소듐의 창시자가 알려주는 Functional Reactive ProgrammingSlideShare에서 책 미리보기도 지원하고 있다. 관심이 있다면 아래 링크에서 살펴보자.책 미리보기간단한 명령어를 통해서 데모를 Github을 통해서 받고 직접 실행시켜 볼 수 있으며, 책에서도 FRP에 대한 실제 데모를 통해서 이해를 돕는다.저자가 만든 소듐(Sodium)이라는 FRP 프레임워크를 이용하긴 하지만, 그 개념을 파악하는 데 있어서 어려움이 없을 것이다.그 외 게임이나 웹에서의 FRP 그리고 실전형 프로그래밍 예제를 통해서 FRP를 느껴볼 수 있다.책 자체의 난이도가 조금은 있는 편이므로 사기 전에 책 미리..

VANILLA CODING홈페이지 바로가기 페이스북 바로가기바닐라코딩에 대한 소개오랜만에 포스트를 하게 됐습니다.바닐라코딩 교육의 소개 세미나 내용을 요약을 하자면Q. 바닐라코딩(교육)을 하는 이유?A. 한국 개발자 환경에 기여를 하고싶어서, 수직적인 한국문화를 바꾸고 싶으므로그리고 일반적인 부트캠프 혹은 다른 온라인 강의에 대해서 살짝 민감한 내용도 있었습니다.한국과 미국 개발자의 격차에 대해서도 열변을 토해주셨습니다.메인 강사 코스 소개코스소개 바로가기사슴부터 호랑이까지 4개의 클래스로 구성되어있습니다.최종적으로 실제 클라이언트로부터 프로젝트를 수주하여 경력을 만들자! 라는 게 베이스 컨셉입니다.이두희 님의 멋쟁이 사자처럼 같은 느낌을 받았습니다.마무리다른 일로 몇 달간 개발에 손을 못 대고 있다가 ..

Vuetiful Korea Vol 1Vuetiful Korea MeetupVue.js 한국어 사용자 모임의 첫 번째 Meet up이 열렸습니다.Vue.js는 개인적으로 이름만 알고 있고 최근 핫하게 떠오르는 프론트엔드 프레임워크라 언제 한번 써봐야겠다는 생각을 항상 가지고 있었습니다.그러던 중 발견한 한국어 사용자 첫 번째 Meet up.진행 커리큘럼은 아래와 같았습니다. 회사 위치가 멀어서 두 번째 발표 때 끝날 때 쯤.. 참석하게 됐습니다.들어가자마자 세부 일정이 저를 맞이해 주네요.Part 1안타깝게도 늦게 도착했기 때문에 볼 수 없었습니다.Part 2차경묵님의 발표시간입니다.파마한 장발에 아디다스 트레이닝 자켓 입은 남자가 뒤에서 사진 찍고 있는걸 보셨다면.. 그게 접니다.이 파트가 끝나가는 시점..

이모콘? EMOCON이란?순서Day 1Day 2데이터 시각화 입문자를 위한 경험 공유!Graphql에서 n+1 problem 피하기REST API SDK GeneratorMachine learning debugging with TensorFlow examples마음이 편해지는 글로벌 서비스 인프라 만들기웬디에게 사랑을Three.js VR원목으로 키보드 손목 받침대 만들어 선물하기마치며이모콘? EMOCON이란?이상한 모임을 아시나요?저도 최근에 알게 된 곳입니다.좀 알아보니 모르는 사람들끼리 카페 등의 장소에 모여서 서로의 노트북을 지켜주자는 취지로 생겼다고 합니다.그리고 4회째를 맞이하는 이모콘이 시작되었습니다.올해 이모콘은 웨비나 형식으로 진행한다고 합니다.웨비나는 웹+세미나의 줄임말로 웹으로 보는 세..

이모콘? EMOCON이란?순서Day 1Day 2키노트Google analytics chatbot 만들기, Rookie bot!마케터/기획자에게 좋은 Microsoft Flow + Azure Functions마이크로소프트 FlowFlow 예제 소개Azure FunctionsAzure Functions 예제 소개개인적인 사용 후기try! Swift Tokyo 2017 후기텐서플로우 & 딥러닝 수박 겉핥기인공지능, 머신러닝, 딥러닝인공신경망이란?라이브 코딩도메인 주도 개발(DDD)의 처음과 끝, Value Object도메인 주도 개발이란?CSS 다시 파서 어디에 쓰나유니코드(Unicode)로 오픈소스에 기여하기스터디에마치며이모콘? EMOCON이란?이상한 모임을 아시나요?저도 최근에 알게 된 곳입니다.좀 알아보..

들어가기 전링크를 타고 오거나 중간부터 보셨다면 시작하기를 먼저 보시길 추천해 드립니다.fr?fr이란 유연한 크기를 갖는 단위입니다. 그리드 컨테이너 내의 공간 비율을 분수(fraction)로 나타냅니다.사용자가 계산해야 할 부분을 fr을 통해서 쉽고 유연하게 사용할 수 있습니다..grid { display: grid; grid-template-columns: auto 100px 1fr 2fr;}1번 열은 auto를 사용한다. 해당 Element 내부 콘텐츠에 맞게 사이즈가 조정된다.2번 열은 100px을 할당한다. 100픽셀 크기만큼의 폭을 차지한다.3번 열은 1fr 크기를 할당한다. 1fr이란 남은 자유 공간의 1/3(총fr)만큼의 크기를 할당한다.4번 열은 2fr 크기를 할당한다. 2fr이란 남은 ..

들어가기 전링크를 타고 오거나 중간부터 보셨다면 시작하기를 먼저 보시길 추천해 드립니다.Grid name을 이용한 Grid 나누기보기이번 예제에서는 grid css 중 grid-template-columns와 grid-template-rows를 사용합니다.여기에 Grid Name을 할당하여 레이아웃을 나눠보도록 하겠습니다.html element 설정아래와 같은 class를 가진 element를 생성해 줍시다. Menu Content Sidebar Footer Grid Name 설정.container { display: grid; height: 100vh; grid-template-columns: [left-navbar-start] 20% [left-navbar-end content-start] 60% [..