profile
주니어 웹 프론트엔드/백엔드 개발자 입니다. 서브 프로젝트를 굉장히 좋아하고, velog에 기록으로 남기고 있습니다.
post-thumbnail

3000 커밋을 달성하고 쓰는 1일 1커밋 회고

다른 분들은 어떠실지 모르겠지만, 저는 깃허브 커밋을 통해 제가 얼마나 성실하게 공부해 왔는지 판단하는 편입니다.조금씩이라도 매일 공부하고, 커밋하려고 약 반년 정도 노력하면서 느낀 것들을 정리해 보려고 합니다.일반적으로(아닐 수도 있지만) 저와 같은 주니어 개발자 분

4일 전
·
0개의 댓글

프로그래머스 문제풀이 - 124 나라의 숫자

https://programmers.co.kr/learn/courses/30/lessons/128993진법을 응용하면 풀 수 있는 문제이다.10진법 -> 3진법으로 변환할 때와 똑같이 풀되, 규칙을 파악해보면 3진법이 124나라의 숫자표기보다 자리올림이 한 차

4일 전
·
0개의 댓글
post-thumbnail

커서 기반 페이지네이션 구현하기

저는 학교다닐 시절 친구들과 프로젝트를 할 때, 항상 SQL에서 페이지네이션에 offset을 사용했었습니다.하지만, offset 값이 커질 수록 성능 저하가 심해진다는 문제점이 있다고 합니다.공부 차원에서 진행한 매우 작은 프로젝트다 보니 저런 문제를 느껴볼 일이 없었

5일 전
·
0개의 댓글

LocalStorage/SessionStorage에 직접 접근하는 방식이 위험한 이유

여기서 더 많은 예외 상황들을 확인할 수 있네요.

2021년 1월 13일
·
0개의 댓글

Github Actions와 env-cmd 패키지로 React에서 현재 커밋의 해쉬값 접근하기

회사에서 변동이 (거의) 없는 응답 데이터에 대해 client-side caching을 적용하기로 하였습니다.cache key의 포맷은 아래와 같이 정했습니다.RELEASE_VERSION: 프로덕션에 배포될 때마다 부여되는 키 -> 새롭게 배포된 버전에서는 이전 버전에

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

개인 블로그 데이터 모델링 하기

ERD란 ERD는 Entity Relationship Diagram의 약자로, 데이터들의 관계를 그림으로 표현한 것입니다. ERD를 통해서 RDB의 데이터들을 모델링할 수 있습니다. 고유 표기법을 통해서 1:1, 1:n, n:n 관계를 깔끔하게 표현할 수 있습니다.

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

Javascript에서 정규표현식 group name으로 string replace하기

회사에서 github 웹훅과 관련된걸 만들다가 string replace할 때 정말 유용한 부분을 알아냈네요.저는 개인적으로 문자열의 일부분을 정규표현식과 match된 특정 부분과 치환하고 싶은 경우가 많았습니다.예를들어서이거를이렇게 마크다운 문법으로 바꾸고 싶다고 가

2021년 1월 5일
·
0개의 댓글

브라우저 팝업차단 문제 해결하기

일주일 전에 기능을 개선했던 걸 크롬에서 잘 되는지 확인하고 난 후 다른 브라우저를 제대로 확인하지 않았었는데, 팝업 차단 문제 때문에 고객들에게 문의가 들어와서(모바일 사파리의 경우 팝업 차단 관련된 문제가 참 복잡하더군요) 오늘 빠르게 고쳤었습니다..확인해보니, w

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

4개월차 신입 개발자 2020년 회고

2020년의 일상 2020년은 뭐랄까.. 정말.. 위에 그림 같은 해였다고 생각합니다. 대충 끝날줄 알았던 망할 코로나 녀석이 전세계를 실시간으로 강타중이네요. 사실 저는 2021년 새해에 막 20살이 된 어린이(?)입니다. 마지막 10대인 만큼 2020년을 신나게

2021년 1월 2일
·
6개의 댓글
post-thumbnail

AWS Lambda에서 Express 사용하기

기존에 express같은 웹 프레임워크를 쓰다가 Lambda로 넘어오게 되니 많은 문제점을 만났습니다.그 중에서 가장 크게 불편했던 점이 라우팅과 관련된 코드를 다 짜줘야 한다는 것이었습니다.예를 들면,이런 코드들을 계속 만들어야 합니다.각 path 별로 람다 함수를

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

Serverless framework로 AWS Lambda 배포자동화 하기

serverless는 서버리스 애플리케이션을 위한 인프라를 매우 빠르고 편리하게 구축할 수 있게 도와주는 프레임워크입니다.Lambda, IAM, API Gateway, VPC 등 아주 많은 AWS 서비스들을 지원합니다. 원하는 서비스를 골라 설정파일에 내용을 적어주면,

2020년 12월 29일
·
0개의 댓글
post-thumbnail

MSA 기반 백엔드 설계해보기

MSA는 MicroService Architecture의 약자로, 독립적으로 자신의 기능을 수행하는 여러 서비스들을 조합하여 하나의 애플리케이션을 이루는 개념입니다.MSA는 모놀리식 아키텍처와 반대되는 개념이라고 볼 수 있습니다. 아래 두 사진을 보시면 이해가 빠르실

2020년 12월 28일
·
0개의 댓글
post-thumbnail

블로그 개발 시작

예전부터 개인 블로그를 하나 갖고싶었습니다. 티스토리, velog, medium 같은 이미 잘 만들어진 서비스들도 있지만, 어딘가 하나씩 부족하다고 느끼는 부분이 있었습니다.그래서 제 마음대로 커스터마이징하고, 확장하고.. 놀 수 있는 개인 블로그를 만들기로 결정했습니

2020년 12월 28일
·
0개의 댓글
post-thumbnail

React Context로 모달 인터페이스 구현하기

기존에 작성했던 코드의 불편했던 점 저는 이전에 진행했던 Referring이라는 프로젝트에서 모달을 아래와 같은 방식으로 구현했었습니다. 모달을 사용하는 컴포넌트에서 state를 하나 만들어 모달을 사용하는 방식인데, 저는 이런 방식으로 모달을 구현했을 때 문제점을

2020년 12월 20일
·
0개의 댓글

React에서 이미지 preload 하기

회사에서 UX 개선을 위해서 이미지를 preload 하는 작업을 했었습니다.슬라이드가 사용자의 viewport에 들어오면, 다음 슬라이드의 이미지를 preload 하자는 내용이었습니다.처음에는 두 개의 슬라이드를 동시에 렌더링 해야하는 것인지 생각했습니다.그런데 아무리

2020년 12월 11일
·
0개의 댓글

신중한 커밋의 중요성

회사에 입사하기 전에는 커밋에 대해서 크게 가치를 둔 적이 없던 것 같습니다.적절한 핑계거리를 찾아보자면, 저는 되게 커다란 학교 차원의 프로젝트(기숙사 앱, 신입생 원서접수 웹 등..)에도 껴본적이 없었고, 동아리에서도 2년간 저 혼자 백엔드 개발을 맡아왔기 때문에.

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

Warning: componentWillMount has been renamed

회사에 처음 들어왔을 때 부터 계속 신경쓰이던 경고가 하나 있었습니다. 아래 사진에 보이는 경고인데, componentWillMount가 renamed 되었고, 안쓰는게 좋다는 말입니다.componentDidMount로 변경하거나, 앞에 UNSAFE\_를 붙이던가..

2020년 12월 1일
·
2개의 댓글

webpack-dev-server 문제

구글에 나와있는 대로 webpack-dev-server를 사용하려고 명령어를 입력했는데, 정체모를 오류에 직면했습니다.저걸 그대로 복사해서 구글을 탐색해보니, 옛날부터 같은 이슈가 굉장히 많았었네요.처음에는 stackoverflow에서 webpack-cli를 설치하라는

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

CRA 없이 React 개발환경 구축해보기

CRA를 안쓰게된 이유 저번 글에 이미 적었던 내용이지만, 저는 리액트를 시작한 이래로 3개월 동안 CRA로만 프로젝트를 만들었습니다. 명령어 한 줄이면 필요한 설정을 끝마칠 수 있다는 점이 정말 편하고 좋았지만, 나름 프론트엔드 개발을 한다는 사람이 개발환경도 혼

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

AWS, Travis CI, NginX, Docker로 무중단 CI/CD 자동화 구축하기

고등학교 1~2학년 시절, 코로나 솔루션을 시작하기 전에 진행했었던 프로젝트들은 지금 생각하면 매우 끔찍할 정도로(사실 그때도 그랬습니다) 정말 막장이었습니다.배포할 때 딱히 자동화란 없었고 직접 EC2 인스턴스에 접속해서 돌아가던 서버를 중단시킨 후, github 저

2020년 11월 26일
·
0개의 댓글