profile
커피가 본체인 개발자 ☕️
post-thumbnail

Redis, Express setting

Radis는 NoSQL 데이터 베이스 중 하나로 In-memory라는 특징이 있다.메모리 스토어는 서버를 재시작 하는 순간 모두 날아간다. 그렇기에 우리는 데이터베이스를 사용한다. 다만, 데이터베이스는 접근 및 커넥션을 유지하는데 비용이 많이 든다. 심지어 간단한 데이

2020년 10월 14일
·
0개의 댓글
post-thumbnail

pymysql

DB에 값을 추가할 상황이 생겼다. 처음에는 bash로 mysql에 연결해 조작하다보니 결과 값을 파싱하기 어려웠다. 팀원에게 질문을 하니 python이 있는데 왜 bash로 하느냐라고 답변을 받아 python으로 작업하게 되었다.파이썬과 mysql 연결을 도와주는 라

2020년 10월 6일
·
0개의 댓글
post-thumbnail

Atomic Design

React 및 ReactNative 관련해서 폴더의 구조를 작업하는 일에 따라 명확하게 표현하고 싶었다.깃에서 다른 사람의 폴더구조를 찾아보다 Component 폴더에 atoms, molecules, organisms라는 폴더들이 보여 해당 폴더들에 대해 검색을 해보았

2020년 9월 17일
·
0개의 댓글

TypeScript + Express + typeORM + Jest 세팅 - 1

이번 프로젝트에서 Backend를 담당하게 되었다. 토이 프로젝트로 Express, Sequelize 를 사용했기에 금방 할 줄 알았으나, 너무 오래 걸렸다.. 나와 같은 사람들이 늪에 빠지지 않길 바라며 글을 작성한다.우선 npm으로 typescript를 설치한다.설

2020년 9월 11일
·
0개의 댓글
post-thumbnail

body-parser

body-parser는 클라이언트 POST 요청 데이터의 body로 부터 파라미터 값의 추출을 편리하게 도와주는 미들웨어이다.body-parser를 이용하여 아래 코드와 같이 작성했다.body-parser 사용하지 않을 경우에는 아래 코드와 같다.크게 달라 보이지 않지

2020년 9월 8일
·
0개의 댓글
post-thumbnail

border로 말풍선 꼬리 만들기

사이드 프로젝트 중 카카오톡 처럼 말풍선이 필요해 검색 중 border 속성을 많이 사용하는 것을 보았다. 또, ::before, ::after 를 사용하던데 이 요소들도 정확히 알지 못해 찾아보았다.border 속성은 블록의 테두리 형태나 두께, 색상을 정할 수 있다

2020년 7월 4일
·
0개의 댓글
post-thumbnail

ONLY_FULL_GROUP_BY = ?

회사에서 일을 하다가 GROUP BY 를 사용하는 Query에서 데이터를 가져올 때 아래와 같은 문제가 발생했다.Expression 검색을 해보니 mysql 5.7버전에서 sql_mode가 생겼고, 그 옵션 중 only_full_group_by 때문에 생긴 문제였다.이

2020년 7월 3일
·
0개의 댓글
post-thumbnail

srcset = ? sizes=?

이미지 반응형을 어떻게하면 좀 더 좋아질까 검색하던 중에 <img> 태그에서 srcset, sizes를 이용하면 반응형에 좋다는 글이 있어서 공부했다.<img> 태그에서 src 를 이용해 이미지를 불러왔다면 srcset 도 이미지를 불러온다는건 비슷하다.다른

2020년 7월 2일
·
0개의 댓글
post-thumbnail

CSS Selector

프로젝트를 진행할 때 전체적인 디자인을 bootstrap이나 ant-design와 같은 라이브러리를 이용해서 개발했습니다. 커스텀이 필요한 상황에 css를 사용해야 했었는데, 기초가 부족한 것 같아 css를 공부해야겠다고 다짐했습니다.선택자는 말 그대로 내가 스타일을

2020년 6월 21일
·
0개의 댓글
post-thumbnail

Macbook iTerm Setting

맥북을 처음 세팅하면서 터미널을 이쁘게 꾸밀 수 있다고하기에 iTerm2와 Oh my ZSH를 설치했습니다. 자세한 설치방법은 [해리의 유목코딩](https://medium.com/harrythegreat/oh-my-zsh-iterm2%EB%A1%9C-%ED%84%B0

2020년 6월 2일
·
0개의 댓글
post-thumbnail

Javascript Async Process

비동기처리방식 공부해야지 생각만하다가.. 오늘 공부합니다! 비동기 처리 비동기 처리란 특정 코드의 연산이 끝날 때까지 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미합니다. 사용 이유 위의 코드는 add()의 결과 값을 print()로 전달해 출력하는 일

2020년 5월 23일
·
0개의 댓글
post-thumbnail

CI / CD

회사를 지원할때 자주 보였던 단어입니다. 궁금해서 검색했습니다. CI/CD CI (Continuous Integration) 지속적인 통합이라는 의미로 Build, Test를 실시하는 프로세스를 말합니다. 우리는 개발을 할 때 git이라는 소프트웨어를 이용해 버전

2020년 5월 20일
·
0개의 댓글
post-thumbnail

Semantic tag

HTMl을 공부하다가 <article>, <section> 등 <div>를 주로 사용하던 저에겐 생소한 태그였습니다. 이러한 태그들은 HTML5에서 처음 도입이 되었습니다. Semantic은 의미의, 의미론의라고 번역됩니다. 즉, 의미있는 태그가 되겠네요.

2020년 5월 17일
·
0개의 댓글
post-thumbnail

[프로그래머스] 2019 카카오 개발자 겨울 인턴십 - 징검다리 건너기(JavaScript)

📚 문제 [본 문제는 정확성과 효율성 테스트 각각 점수가 있는 문제입니다.] 카카오 초등학교의 "니니즈 친구들"이 "라이언" 선생님과 함께 가을 소풍을 가는 중에 징검다리가 있는 개울을 만나서 건너편으로 건너려고 합니다. "라이언" 선생님은 "니니즈 친구들"이 무사히

2020년 5월 16일
·
0개의 댓글
post-thumbnail

면접 질문 복기-2

05/15 면접을 다녀왔습니다.제 블로그를 보고 기술면접보다 프로젝트에 관련해 질문을 주셨습니다.VDOM에 먼저 페이지를 그린 다음, React에서 DOM과 비교 후 다른 것이 있으면 그 부분만 변경이 되어 렌더링 속도가 훨씬 빠르다고 답변을 했습니다.면접이 끝난 후에

2020년 5월 16일
·
0개의 댓글

Javascript setInterval Cross-browser

순수 자바스크립트로 SPA 만드는 연습 중 시간 변경을 해야하는 문제가 있었습니다. 위 코드는 babel을 사용해 IE 10버전 이상에서도 사용할 수 있게 설정해줬습니다. Chrome IE 위의 이미지처럼 Chrome에서는 이상 없이 잘 돌아갔으나, IE에서는

2020년 5월 13일
·
0개의 댓글
post-thumbnail

[프로그래머스] 2019 카카오 개발자 겨울 인턴십 - 호텔 방 배정(JavaScript)

"스노우타운"에서 호텔을 운영하고 있는 "스카피"는 호텔에 투숙하려는 고객들에게 방을 배정하려 합니다. 호텔에는 방이 총 k개 있으며, 각각의 방은 1번부터 k번까지 번호로 구분하고 있습니다. 처음에는 모든 방이 비어 있으며 "스카피"는 다음과 같은 규칙에 따라 고객에

2020년 5월 7일
·
0개의 댓글
post-thumbnail

[프로그래머스] 2019 카카오 개발자 겨울 인턴십 - 불량 사용자(JavaScript)

📚 문제 이벤트에 비정상적인 방법으로 당첨을 시도한 응모자들을 발견했습니다. 이런 응모자들을 따로 모아 불량 사용자라는 이름으로 목록을 만들어서 당첨 처리 시 제외하려고 합니다. 이 때 개인정보 보호를 위해 사용자 아이디 중 일부 문자를 * 문자를 사용하였습니다. 불

2020년 5월 7일
·
0개의 댓글

Dynamic Programming

Dynamic Programming 큰 문제를 한번에 해결하기 힘들 때 작은 여러 개의 문제로 나누어서 푸는 것을 분할정복 기법이라고 합니다. 작은 문제들을 풀다보면 반복해서 푸는 경우가 생기는데 매번 재계산을 대신 값을 저장했다가 사용하는 것을 Dynamic Prog

2020년 5월 3일
·
2개의 댓글
post-thumbnail

[프로그래머스] 2019 카카오 개발자 겨울 인턴십 - 튜플(JavaScript)

셀수있는 수량의 순서있는 열거 또는 어떤 순서를 따르는 요소들의 모음을 튜플(tuple)이라고 합니다. n개의 요소를 가진 튜플을 n-튜플(n-tuple)이라고 하며, 다음과 같이 표현할 수 있습니다.(a1, a2, a3, ..., an)튜플은 다음과 같은 성질을 가지

2020년 5월 2일
·
0개의 댓글