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

얕은 복사(Shallow Copy), 깊은 복사(Deep Copy)

JavaScript에서 객체나 배열을 자주 복사한다. 내가 사용하는 복사가 얕은 복사인지 깊은 복사인지 자세하게 알기 위해 구글링을 통해 답변을 찾았다.내가 주로 자주 사용하는 복사 방법은 Object.assign({}, obj), {...obj} 이 두 방식이 있다.

2021년 12월 1일
·
0개의 댓글
post-thumbnail

API Versioning

운영을 하면서 서버의 API가 수정되거나 추가는 불가피하게 일어난다. 그때마다 클라이언트의 버전을 업데이트하라고 강제성을 띄우면 유저경험이 좋지 않다. 하위호환성 체크를 위해 API도 버전 관리가 필요하다.API Versioning 전략에는 여러 방법이 있다.요청하는

2021년 7월 22일
·
0개의 댓글
post-thumbnail

[React Native] Development, Staging, Production 설정

React Native에는 작업하고 있는 환경에 따라서 Development, Staging, Production이 있다. 매번 서버 주소를 하드코딩으로 변경하기에는 부적절하기에 react-native-config라이브러리를 이용해 환경변수를 변경하는 방법을 찾아보았다

2021년 7월 19일
·
0개의 댓글
post-thumbnail

전역 플래그와 test()

아래와 같이 휴대폰 번호가 맞는지 틀린지 판별하는 함수를 사용했다.정규식에 일치하는 값을 여러번 넣었음에도 true, false가 계속 찍혀서 무슨 문제가 싶어서 mdn에 있는 RegExp.test()를 좀 더 주의깊게 읽어보았다.정규 표현식에 전역 플래그를 설정한 경

2021년 7월 14일
·
0개의 댓글
post-thumbnail

Error : CompileSwift normal x86_64

iOS를 실행할 때 아래와 같은 이슈가 발생했다.해당 에러가 나왔을 때 React-native issues를 살펴봤다. 같은 문제였던 사람들이 많았다.찾아보니 lottie-react-naitve 4.0.2로 업그레이드 하고, lotties-ios를 3.1.8로 다운그레

2021년 7월 1일
·
0개의 댓글
post-thumbnail

vscode에 styled-component 문법 하이라이팅 하기

vscode에서 Styled Component를 사용하면 하이라이팅이 적용이 안되고 그냥 문자열 형태로만 입력된다.또한 스타일을 정의할 때에도 하나씩 적어야하는 불편함이 있었다. 찾아보니 생각보다 가까운 곳에 답이 있었다!vscode extenstion에서 vscode

2021년 6월 12일
·
0개의 댓글
post-thumbnail

[typeORM] Migration 이슈

typeORM은 곧바로 데이터 변경이 있는 sync 옵션이 있다. 개발할 때는 편하지만 운영할 때는 오히려 악영향을 미칠 수 있기에 Migration:create을 이용해야했다.

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

JWT 로그인 인증방식

개요 HTTP 기본 인증 방식이 모바일에서는 raw한 api키를 매 요청 때마다 사용해야 하는 문제가 있어 취약점 공격에 노출될 가능성이 높다. 또한 API 키가 내장된 채로 배포하면 리버싱을 통해 API 키를 알아내는 것이 가능하기에 서비스가 악용될 소지가 있다.

2021년 2월 7일
·
0개의 댓글
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일
·
1개의 댓글
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개의 댓글