아름다운 웹과 디자인 그리고 음악과 먹방을 사랑하는 Front-end 신입 개발자

CRA(Create React App)에 tslint, eslint, prettier 적용하기

September 21, 2019 Dev

지금 만드는 토이프로젝트에 tslint, eslint, prettier을 적용한 겸 세팅값을 블로그에도 적어둔다. CRA로 만든 프로젝트에 따로 webpack config를 eject 하지 않고 위에 3개를 적용할 수 있는 방법임. Refer: https://dev.to/benweiser/how-to-set-up-eslint-typescript-prettier-with-create-react-app-3675...

Github Pages로 배포할 폴더 변경하기

August 31, 2019 Dev

결론: subtree를 만들어서 gh-pages브랜치에 원하는 폴더만 올리면 된다. .gitignore에서 배포 원하는 폴더를 주석처리 (e.g. /public, /dist) 원하는 폴더를 add하고 commit한다: git add 폴더이름 && git commit -m "Initial...

[Git] 그림으로 배우는 Add, Commit의 원리

June 8, 2019 Dev

본 슬라이드는 Ch.1 Git과 버전 관리 Ch.2 Git&GitHub 익히기 feat.CLI Ch.3 Git&GitHub 다지기 feat.GUI 강의 챕터 3의 일부분입니다. 온라인 강의와 책으로 만들어질 예정이며, 출시하게 되면 링크도 올릴게요 ㅎㅎ

VS Code에 console.log shortcut 추가하기

January 10, 2019 Dev

Background 처음에는 emmet 방식처럼 간략한 텍스트를 입력하고 tab을 누르면 자동완성 되는 방향으로 했는데 반응이 너무 느려서 그냥 명령어 + 탭으로 보이는 경우가 왕왕 있었다. 그래서 스니펫 말고 키보드...

lodash fp로 함수형 프로그래밍 하기

December 15, 2018 Dev

왜 함수형으로 코드를 쓰는가 Explicit한 코드를 Implicit(암묵적)하게 바꾼다는 이점 Explicit하게 짠 제곱함수 function squareAll(numbers) { var squared = []; for (var i=0; i < numbers.length; i++) { squared.push(numbers[i]...

ZEPL(Apache Zeppelin) 노트북 Ultimate Chart Parameter별 안내

October 7, 2018 App

  Chart name Category Option Ultimate line chart Charts line(shared) dashed(shared) step(shared) no-group Available Columns xAxis yAxis Category Parameters bulletType bulletSize hideBulletsCount yAxisValueFormat yAxisValuePrecision yAxisValueInside showXAxisScroll showYAxisScroll chartMarginLeft...

[CSS] 반응형으로 정사각형 만들기

January 17, 2018 Code

결론: after요소에 padding-bottom을 100% 넣어주면 된다. 내부에 다양한 크기에 컨텐츠가 있다면, position: absolute인 width, height 100%인 div로 감싸준다. <div class="note"> <div class="inner"> <div class="title">{noteData.title}</div> </div> </div> .note {...

광광 울며 정리하는 Javascript의 this

January 12, 2018 Code

전역에서 함수를 할당하면 window로 들어가는구나. 그래서 그 속에서 this를 찍어보면 Window객체가 나온다. new Foo()로 초기화하면 예상했던 대로 Foo { }가 나오고. 면접에서 털리고 광광 울며 정리중 js에서 모든...

[일일코딩 #32] Two Sum

November 6, 2017 Code

[일일코딩 #32] Two Sum Question 링크 Given an array of integers, return indices of the two numbers such that they add up to a specific target. You may...

[Javascript]원하는 HTML 영역 프린트하기

March 28, 2017 Code

상황: 페이지의 일부만 프린트하고 싶다! 구글링 하면 2가지 방법이 나온다. 근데 둘다 내 상황에는 문제점이 있었다. 팝업으로 DOM을 복사해 프린트: 편하긴 한데 css, js가 떨어짐 전체 돔, 프린트...

[Django] settings 파일 & 비밀 변수 분리

September 5, 2016 Code

Two scoops of django 책의 5장, ‘settings와 requirements 파일’을 보고 개인 프로젝트에 두 가지를 리팩토링해야겠다는 생각이 들었다. 비밀 값(e.g. OAuth 토큰) 코드에서 분리 환경별로 settings 파일 분리 제일...

[Django] Admin Customizing하기

July 27, 2016 Code

Admin Form 커스터마이즈하기 class QuestionAdmin(admin.ModelAdmin): fields = ['pub_date', 'question_text'] # 필드 순서 조정 admin.site.register(Question, QuestionAdmin) # 두 번째 인자로 위에 만든 model admin class를 넘긴다. class QuestionAdmin(admin.ModelAdmin): fieldsets...

[Django]서버사이드 이미지 크롭/리사이징 하기

July 20, 2016 Code

프론트엔드에서 Javascript로 온갖 삽질을 하다가, 그냥 서버사이드에서 처리하기로 했다. 훨씬 깔끔하게 끝났다(물론 이것도 삽질했지만 ^^). HTML Canvas로 한 프론트 리사이징은 이미지 퀄리티도 안좋게 떨어진다. 웬만하면 파일 처리는 서버사이드에서...

[git] 커밋 되돌리기

July 12, 2016 Code

git reset HEAD^ git reset HEAD~2 # 2개 커밋 되돌리기 git push origin +master # +를 붙여주면 정보 손실 있어도 무시하고 푸쉬한다. Refer [Git] 아흑.. 커밋을 잘못했네;; 세상에...

[git] 이미 올렸던 파일 gitignore하기

July 12, 2016 Code

이미 add하고 올렸던 파일은 캐시가 남아 gitignore에 추가해도 사라지지 않는 경우가 있다. 그럴 땐 캐시를 삭제해주면 된다. git rm --cached name_of_file refer http://stackoverflow.com/questions/4308610/how-to-ignore-certain-files-in-git

[Django] Migration Conflict 해결하기

July 4, 2016 Code

상황 근 한 달 이상 Review브랜치에서 리뷰 개발을 하고 있다. 너무 옛날 코드라 Master의 최신 코드와 Rebase했다. 바뀐 쿼리들을 적용하려고 ./manage.py migrate를 치니 ./manage.py migrate CommandError: Conflicting migrations...

일일커밋(Daily Commit) – 1년 회고

July 2, 2016 Dev

일일커밋(Daily Commit) – 100일 회고 글을 적은 후로 시간이 흘러, 벌써 1년 회고를 쓰게 되었다. 1년동안 어떤 변화가 생겼는지 기록해두려 한다. 습관 하루에 한 번씩은 꼭 노트북 앞에...

[Django Models 뜯어보기 #2] Making Queries

June 23, 2016 Code

앞으로 예시들에 사용할 모델. 글 하나에 블로그 여러 개 중 하나가 연결되어있고, author는 m2m. class Blog(models.Model): # 블로그 name = models.CharField(max_length=100) tagline = models.TextField() def __str__(self): return self.name...

[Django] Models 뜯어보기

June 17, 2016 Code

필드(Fields) from django.db import models class Musician(models.Model): first_name = models.CharField(max_length=50) last_name = models.CharField(max_length=50) instrument = models.CharField(max_length=100) class Album(models.Model): artist = models.ForeignKey(Musician, on_delete=models.CASCADE) name = models.CharField(max_length=100) release_date = models.DateField()...

‘9x년생 개발자 모임’탄생 이야기

May 26, 2016 Dev

서서 들어도 좋으니 참석하고 싶어요 D2의 장소 후원이 결정된 다음 날 오전 11시. 온오프믹스와 페이스북에 ‘제3회 모임 공고’를 올린 지 2시간 만에 60명의 인원이 마감되었습니다. 참여 인원만큼의 대기자가...