개발개발 블로그

This is Dev Blog

왜 커밋 단위를 작게 나누기로 했나

commit

1. Commit을 어떻게 나눌 것인가git을 처음 배웠을 때, 커밋을 어떻게 나눠야 할지 난감했다. 그런데 나만 그런게 아닌 모양이다. 커밋 단위에 대한 견해는 사람마다 다른것 같다. 소스 커밋 시점은 언제가 바람직하나요? 2. Commit 단위를 작게 나누기로 한 이유나는 커밋 단위를 최대한 작게 나누기로 마음먹고 실천하고 있다. 그 이유......

Bootpay로 결제기능을 만든 이유

bootpay

1. 읽기 쉬운 문서결제 기능을 구현할 때, 나는 사업자가 아니기 때문에 PG사에 신청하여 결제 테스트 모듈을 쓸 수 없었다. 따라서 부트페이나 아임포트같은 서비스를 이용해야 했다. 두 서비스 모두 문서화가 잘 돼있었다. 다만 결제기능은 BammPlayer를 만들 당시 예정되어있던 기능이 아니었다. 굉장히 빠르게 개발해야 했기 때문에 좀 더 읽기 쉬운......

왜 리액트를 선택했나

react

1. React vs Angular vs Vue현재 많은 웹이 JS 프레임워크를 이용하여 개발된다. SPA의 다양한 장점이 부각되면서 이러한 현상이 생겼는데, JS 프레임워크 3대장 중 어떠한 것을 학습할지 비교하며 고민해봤다. 1.1 표 요약 구분 React Angular Vue Learning Curve Middle High Low 사......

AWS를 선택한 이유

Algorithm

1. AWS vs Azure vs Google Cloud프로젝트의 끝은 배포! 배포를 하려면 서버를 사용해야 하는데, 요즘에는 클라우드 서비스를 많이 이용한다. 그래서 어떤 클라우드 서비스를 선택할지 비교해보았다. AWS 클라우드 플랫폼 3사 완벽 비교 구분 AWS Azure Google Cloud 무료 제공 서비스 12개월 프리티어 제......
AWS

알고리즘 - 음료수 얼려 먹기

Algorithm

문제 접근 방법모든 블럭을 체크하여 0인 경우 상하좌우 네 방향으로 재귀 함수를 돌려 1 값으로 만든다. 이렇게 처리한 후 결과 값을 하나씩 올린다. 단 없는 좌표일 경우와 이미 1인 경우 바로 리턴한다. 풀이 코드1234567891011121314151617181920212223242526272829303132333435input_data = lis......

useSelector 제대로 사용하기

react, redux

만약 아래 두 코드의 차이점을 답 할 수 있다면 제대로 useSelector를 사용하고 있는 것이다. 123456789101112131415161718import React from "react";import { useSelector } from "react-redux";const App = () => { const......

Semantic Tag는 SEO에 영향을 미칠까?

Semantic, SEO

SEO란대부분의 사람들은 자신이 만든 웹에 방문자가 많길 원할 것이다. 많은 방문자를 모으려면 접근하기 쉬워야 할 것이고, 따라서 검색을 했을 때 위에 표시될 수록 많은 사용자가 몰릴 것이다. 검색엔진에 검색이 잘 되도록 할 때 필요한 것이 SEO이다. SEO란 검색엔진 최적화(search engine optimization)를 말한다. 검색엔진이 ......

React 최적화 - 반응형과 throttle

React, throttle, optimization

업비트 클론 프로젝트 Downbit 배포 링크 Github Repo 링크 반응형 최적화반응형을 개발할 때 보통 media tag에 조건을 달아 display: none을 적용하는 방식으로 필요없는 요소를 감춘다. 갱신이 잦은 요소가 아니라면 그것으로 충분하겠지만 리랜더링이 빈번하게 일어나는 요소라면 어떨까? 당연히 DOM에 존재하지 않게 하는 것......

React 최적화 - buffer를 활용하여 상태 갱신 줄이기

React, Batch Update

업비트 클론 프로젝트 Downbit 배포 링크Github Repo 링크 최적화의 중요성업비트 클론 프로젝트를 진행하기 전엔 최적화에 쓰는 기술은 React.memo나 useCallback 정도를 많이 사용했다. 그리고 최적화를 하면서도 최적화를 하나 안하나 웹 성능 향상이 크게 체감되지 않아서 성능이 좋아졌겠거니 하며 사용했었다. 그런데 업비트 클론......

React의 setState가 비동기 처리되는 이유

React, Batch Update

React를 공부할 때 중요하게 배우는 개념 중 하나는 상태관리 입니다. React는 상태를 바탕으로 View를 그리기 때문에 일반 변수로 사용하지 않고 setState로 상태를 할당한다는 것을 배우죠. 하지만 JavaScript를 공부할 때 처럼 console.log로 상태 변화를 확인하려 하면 이상한 점을 느끼게 됩니다. 그 이상함(console......