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

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명의 인원이 마감되었습니다. 참여 인원만큼의 대기자가...

[Google Analytics] 소셜 세그먼트, 판단 방식 TIP

May 13, 2016 Code

SMARTSTUDY 마케팅팀 보노보님이 알려주신 한국형 꿀팁! 감사합니다 (- -)(_ _) 경로별 매출 – 세그먼트 사용 경로별 매출을 볼 때 세그먼트를 사용하게 되는데 설정할 때 소스에 “다음과 정확하게 일치”가...

SSH Tunneling

April 14, 2016 Code

SSH란? Secure Shell 네트워크 보안을 위해 만들어진 프로토콜 인증/암호화/무결성/압축 터널링 a.k.a Forwarding A에 SSH클라이언트 설치하고, B에도 설치하고, A의 SSH클라이언트를 통해 SSH서버에 접속. 이 연결 통로를 터널이라 한다. 암호화...

[javascript] 함수 할당시 실행 없이 인자 넘기기

March 24, 2016 Code

Problem var apiCRUD = { downloadExcel: function($http) { //랄랄랄 } } rc.downloadExcel = apiCRUD.downloadExcel($http); apiCRUD.downloadExcel함수를 저렇게 rc.downloadExcel에 할당하면 바로 실행이 되는데, 나는 rc.downloadExcel이 호출되었을 때 apiCRUD의 함수가 실행되길...

[javascript] GET으로 파일 다운로드 하기

March 24, 2016 Code

window.location.assign('your_url'); 이렇게 하면 새창이 뜸과 동시에 다운로드 된다. 굳이 ajax get안하고 가능. refer http://stackoverflow.com/questions/16514509/how-do-you-serve-a-file-for-download-with-angularjs-or-javascript