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

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

[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의 함수가 실행되길...