Posts by Year

vue.js 약어 단축표기

v-bind

자바스크립트 toFixed() 0 없애기

자바스크립트에서 숫자를 정확한 자릿수로 표현하기 위해 toFixed() 를 사용한다. toFixed() 는 지정한 자릿수보다 짧은 수일 때 뒤를 0으로 채우는데, 경우에 따라서 0을 제거할 경우가 생긴다.

vscode javascript sort import 자동정렬

코드에 import 를 추가 할 때도, 어느 위치에 넣을지 은근히 신경쓰이기 때문에, 자동으로 정렬해주는 기능을 좋아한다. 여러 방법이 있겠지만, 플러그인을 사용하는 방법과 vscode 설정으로 처리하는 2가지 방법을 적어본다.

css flex 정리

기본 구조

전화번호 입력시 자동으로 하이픈(-) 삽입하는 자바스크립트 코드

정규식을 활용해서 전화번호 입력시에 자동으로 하이픈을 삽입하는 코드들이 많은데 실제 사용시에 내가 생각했던 순서로 하이픈이 삽입되지 않아서 간단히 작성해 보았다.

[책요약] 모던 자바스크립트 Deep Dive 45장 Promise

45장 Promise

[책요약] 코어 자바스크립트 3장 this

3장 this

2020년에 읽은 책들

매년 새해가 되면 독서를 올해의 목표로 세워왔다. 1주일에 한 권씩 52권 읽기!!

백 번 보는 것보다 한 번 행하는 것이 낫다

백문이 불여일견. 백 번 듣는 것이 한 번 보는 것보다 못하며, 백 번 보는 것이 한 번 생각하는 것보다 못하고, 백 번 생각하는 것이 한 번 행함만보다 못하다.

[책요약] 읽기 좋은 코드가 좋은 코드다 6장 명확하고 간결한 주석 달기

6장 명확하고 간결한 주석 달기

Vue.js 싱글 파일 컴포넌트(Single File Components) webpack 빌드 없이 사용하기

python django를 사용해서 간단한 사이드 프로젝트를 만들어 보고 있습니다. 프론트엔드는 장고 템플릿에 데이터 바인딩을 위해 간단히 vue.js 를 적용해서 쓰고 있습니다.

Django 어플리케이션 AWS Elastic Beanstalk 배포 삽질기

간단한 사이드 프로젝트를 시작했다. 로컬서버에서만 올려 테스트를 하다가, 실제로 반영을 해보기로 했다. aws의 여러가지 서비스를 고려해보았다. EC2, lightsail, elastic beanstalk 이렇게 3가지 중에 제일 간단해 보이는 beanstalk 으로 결정을 했다.

개발툴에 대한 생각

개발툴(및 플러그인)에 대한 관심이 많다. 생산성 향상을 위해 좋은 도구들의 힘을 빌려야 된다고 생각해 왔다. 특히 디버깅을 위해 좋은 툴이 꼭 필요하다고 생각한다.

[책요약] 읽기 좋은 코드가 좋은 코드다 5장 주석에 담아야 하는 대상

5장 주석에 담아야 하는 대상

[책요약] 읽기 좋은 코드가 좋은 코드다 4장 미학

4장 미학 좋은 코드는 ‘눈을 편하게’ 해야 한다. 빈칸, 정렬, 코드의 순서를 이용하여 읽기 편한 코드를 작성하는 방법을 살펴 볼 것이다. 특히 다음과 같은 세가지 원리가 이용된다. 코드를 읽는 사람이 이미 친숙한, 일관성 있는 레이아웃을 사용하라...

[책요약] 읽기 좋은 코드가 좋은 코드다 3장 오해할 수 없는 이름들

3장 오해할 수 없는 이름들

[책요약] 읽기 좋은 코드가 좋은 코드다 2장 이름에 정보 담기

2. 이름에 정보 담기 변수, 함수, 클래스 등의 이름을 결정할 때는 항상 같은 원리가 적용된다. 이름을 일종의 설명문으로 간주해야 한다. 충분한 공간은 아니지만, 좋은 이름을 선택하면 생각보다 많은 정보를 전달할 수 있다.

[책요약] 읽기 좋은 코드가 좋은 코드다 1장 코드는 이해하기 쉬워야 한다

1. 코드는 이해하기 쉬워야 한다 1.1 무엇이 코드를 ‘더 좋게’ 만드는가?

[책리뷰] 읽기 좋은 코드가 좋은 코드다

파이썬3 유니코드 인코딩 에러 UnicodeEncodeError: ‘ascii’ codec can’t encode character

유니코드 문제가 없다는 파이썬3를 쓰고 있지만 os에 따라서 아래와 같은 에러를 가끔 만날 수 있다.

[책리뷰] 새로운 CSS 레이아웃

[책리뷰] CSS 수퍼파워 Sass로 디자인하라

검색을 할 때 공식문서를 잘 활용하자

개발을 하다보면 검색을 많이 하게 된다. 정말 많이 한다. (구글이 없었으면 많은 개발자가 사라질 수도..)

[jekyll] jekyll 블로그에 사이드바 추가하기

블로그를 세팅하고 2가지를 수정했는데, 하나는 포스팅 작성시간을 표시한 것이고, 다른 하나는 이번에 적을 내용인 사이드바를 추가한 것이다.

[jekyll] jekyll 블로그에 google analytics 적용하기

1. google analytics 가입 https://analytics.google.com/ 사이트에서 가입을 하고 앱을 생성한다. 너무나 쉽게 잘 되어 있어서 과정은 생략한다. github에 jekyll 블로그 생성하는 것보다 200배는 쉽다.

[css] border: 0; 과 border: none; 차이점

Airbnb CSS / Sass 스타일 가이드 에서 Border 부분을 보다가 궁금한 부분이 생겼다.

[jekyll] jekyll 블로그 포스팅 시간 출력하기

minimal mistakes 테마에서는 기본적으로 포스팅을 읽을 때 예상되는 소요시간을 표시해준다.

개발 블로그 시작

이전부터 생각만 해오고 바쁘다는 핑계로 실행해 옮기지 못했던, 개발블로그를 시작해보려 한다.