저녁밥

Front-end Developer

Posts by Year

2022 2
2021 3
2020 51
2019 11

2022

Dev Tips | 깃 브랜치 관리에 유용한 명령어 모음

7 minute read

git checkout –track, rebase –onto, cherry-pick

JavaScript | reduce와 spread operator를 함께 사용하면 안되는 이유

4 minute read

얼마 전, Array.prototype.reduce와 spread operator를 함께 사용하는 코드에 대해 지적하는 글을 보았습니다.

2021

Apollo Client의 mutation 이후 refetch 간단 정리

2 minute read

개발 중 자주 마주치는 mutation 후 refetch 동작을 apollo client에서 어떤 식으로 제공하고 있는지 간단하게 알아보겠습니다.

React와 Canvas를 이용한 간단 이미지 편집 도구

15 minute read

얼마전 회사에서 내부 운영툴에 사용하기 위한 이미지 편집 도구를 개발했습니다.

Dev Tips | 개인적인 개발 세팅 메뉴얼

9 minute read

본 글은 제가 새로운 기기로 개발 환경을 세팅할 때 이전에 사용해오던 설정을 기억하기 위한 기록입니다.

2020

웹팩을 활용한 리액트 개발 환경 세팅 1

7 minute read

웹팩 설치 및 babel-loader를 통한 리액트 개발 환경 구축

Algorithm | Tree에서의 BFS와 DFS

1 minute read

Tree 자료구조에서의 깊이우선탐색과 너비우선탐색 코드를 JavaScript로 정리해봤습니다.

Dev Tip | 가끔 사용하는 깃 명령어 모음

6 minute read

git clone –mirror, reset, revert

Algorithm | Burst Balloons

5 minute read

본 글은 leetCode의 Burst Balloons 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Decode Ways

5 minute read

본 글은 leetCode의 Decode Ways 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Word Break

1 minute read

본 글은 leetCode의 Word Break와 Word Break II 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Best Time to Buy and Sell Stock with Cooldown

1 minute read

본 글은 leetCode의 Best Time to Buy and Sell Stock with Cooldown 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Generate Parentheses

1 minute read

본 글은 leetCode의 Generate Parentheses 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Find Peak Element, Search in Rotated Sorted Array

1 minute read

본 글은 leetCode의 Find Peak Element / Search in Rotated Sorted Array 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Jump Game, Unique Paths, Coin Change

1 minute read

본 글은 leetCode의 Jump Game / Unique Paths / Coin Change 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | 3Sum

3 minute read

본 글은 leetCode의 3Sum 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Longest Substring Without Repeating Characters

1 minute read

본 글은 leetCode의 Longest Substring Without Repeating Characters 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Group Anagrams

1 minute read

본 글은 leetCode의 Group Anagrams 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Two Sum

less than 1 minute read

본 글은 leetCode의 Two Sum 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Rotate Array

1 minute read

본 글은 leetCode의 Rotate Array 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Number of 1 Bits

1 minute read

본 글은 leetCode의 Number of 1 Bits 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Power of Three

2 minute read

본 글은 leetCode의 Power of Three 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | Fizz Buzz

3 minute read

본 글은 leetCode의 Fizz Buzz 문제 솔루션을 JavaScript 코드로 정리한 글입니다.

Algorithm | 완전 탐색: 소수 찾기

2 minute read

프로그래머스의 <소수 찾기> 라는 문제를 통해 소수 여부를 판단하는 코드와 permutation을 구하는 코드를 알아보겠습니다.

Redux의 Ducks pattern

5 minute read

청소년 쉼터 지도에 Redux Ducks Pattern을 적용해봤습니다

Dev Log | 미세톡톡 개발 일지 6

1 minute read

Error Boundary 설정 및 Fallback UI 적용

Dev Log | 미세톡톡 개발 일지 5

1 minute read

Toast 메세지 호출 방식 통일화

Dev Log | 미세톡톡 개발 일지 4

1 minute read

redux-saga 상태관리 로직 개선

Dev Log | 미세톡톡 개발 일지 3

less than 1 minute read

위치 접근 비활성화 시 잘못된 안내문구가 나타나는 오류 수정

Dev Log | 미세톡톡 개발 일지 2

3 minute read

클래스형 컴포넌트를 함수형 컴포넌트로 리팩토링

Dev Log | 미세톡톡 개발 일지 1

2 minute read

README 문서 개선

Dev Log | 청소년 쉼터 지도 개발 일지 9

1 minute read

프로젝트 회고

Dev Log | 청소년 쉼터 지도 개발 일지 8

less than 1 minute read

반응형 웹 디자인

Dev Log | 청소년 쉼터 지도 개발 일지 7

2 minute read

시작 위치 설정

Dev Log | 청소년 쉼터 지도 개발 일지 6

2 minute read

FilterList와 ShelterMarker 상태 공유

Dev Log | 청소년 쉼터 지도 개발 일지 5

1 minute read

Filter 컴포넌트 스타일 설정

Dev Tip | MySQL의 character set과 collation 설정

1 minute read

MySQL을 사용하다가 생성해놓은 database와 저장되는 데이터의 character set이나 collation 이 달라서 에러가 발생하는 경우를 다들 한번쯤 겪어봤을겁니다.

Dev Log | 청소년 쉼터 지도 개발 일지 4

1 minute read

Filter 컴포넌트 구현

Dev Log | 청소년 쉼터 지도 개발 일지 3

1 minute read

서버 및 클라이언트 기본 구조 설정

Dev Log | 청소년 쉼터 지도 개발 일지 2

2 minute read

기능 정의 / 요구사항 분석 / UI 디자인 / server api 정의 / database scheam 정의

Dev Log | 청소년 쉼터 지도 개발 일지 1

2 minute read

Sotfware Requirements 정의 / 역할 분배 / 기능 리스트업

Dev Log | 청소년 쉼터 지도 개발 일지

2 minute read

간단한 기획 및 구상

JavaScript | Modules

9 minute read

ES6에 새로 추가된 JavaScript 내장 모듈 시스템을 알아보겠습니다.

JavaScript | 객체와 프로토타입 그리고 상속

15 minute read

프로토타입 기반 언어(prototype-based language)인 JavaScript에서 객체를 어떻게 생성하고 상속은 어떻게 받는지, 그리고 프로토타입이란 무엇인지를 알아보았습니다.

Ubuntu | Surface 전용 커널 설치

2 minute read

Ubuntu에 Surface 전용 커널을 설치해보겠습니다.

JavaScript | Array Methods 3

4 minute read

Array Methods 1과 Array Methods 2에 이어 이번엔 Array 객체의 iteration methods를 알아보겠습니다.

JavaScript | Array Methods 2

3 minute read

Array객체의 static methods와 mutator methods를 알아봤던 Array Methods 1에 이어서 이번에는 accessor methods에 대해 알아보겠습니다.

JavaScript | Array Methods 1

3 minute read

JavaScript에서 Array 객체의 static methods와 mutator methods에 대해 알아보겠습니다.

JavaScript | String Methods

6 minute read

String intstances의 methods를 정리하였습니다.

JavaScript | JS에서 점점점(…)은 무엇일까?

9 minute read

Rest Paramenter와 Spread Operator에 대해 알아보겠습니다.

JavaScript | 문자열과 템플릿 리터럴

2 minute read

MDN 웹 문서를 참조하여 JavaScript의 문자열과 템플릿 리터럴에 대해서 정리하였습니다.

윈도우10 파티션 만들기

5 minute read

윈도우10 파티션 만드는 법

JavaScript | 참거짓 값과 Boolean객체

1 minute read

JavaScript에서 참거짓을 나타내는 값을 정리하였습니다.

8장 동적계획법 2

1 minute read

8.4 전통적 최적화 문제들

8장 동적 계획법

3 minute read

8.1 도입

7장 분할 정복 2

1 minute read

7.4 문제: 울타리 잘라내기(문제 ID: FENCE, 난이도: 중)

2019

7장 분할 정복

less than 1 minute read

7.2 문제: 쿼드 트리 뒤집기 (문제ID: QUADTREE, 난이도: 하)

6장 무식하게 풀기 2

1 minute read

6.5 문제: 게임판 덮기 (문제ID: BOARDCOVER, 난이도: 하)

6장 무식하게 풀기 3

1 minute read

6.8 문제: 시계 맞추기 (문제ID: CLOCKSYNC, 난이도: 중)

6장 무식하게 풀기

1 minute read

6.3 문제: 소풍 (문제ID: PICNIC, 난이도: 하)

5장 알고리즘의 정당성 증명

5 minute read

5.1 도입 / 5.2 수학적 귀납법과 반복문 불변식 / 5.3 귀류법 / 5.4 다른 기술들

4장 알고리즘 분석

1 minute read

4.7 계산 복잡도 클래스

3장 코딩과 디버깅에 관하여 3

2 minute read

3.6 실수 자료형의 이해

3장 코딩과 디버깅에 관하여 2

1 minute read

3.5 변수 범위의 이해

3장 코딩과 디버깅에 관하여

less than 1 minute read

3.4 디버깅과 테스팅

정보처리기사 실기 데이터베이스 요약

18 minute read

정보처리기사 2019년 3회차를 응시하기 위해 데이터베이스 과목을 공부하며 기록한 요약본입니다.

Dev Tip | 마크다운 사용법 / Markdown Tutorial

3 minute read

Headers, Emphasis, Lists, Links, Images, Blockquotes, Code, Table, Horizontal Rules, Task Lists, Footnotes, Definition Lists, Backslash Escapes