BAEKDEV님 글 목록 - mysetting

BAEKDEV

Software Engineer@🚀

Seoul

Joined on 2021년 05월 07일

3:26 5/23

baek.dev

mobile screenshot relative

3:26

baek.dev

mobile screenshot

아웃풋 트레이닝
https://baek.dev

자바 둘 타세요-에서 자바 인력1을 맡고 있습니다.

저작도구: GatsbyJS

최종 피드 수집: 2024-04-16 17:19

전체 (56)

9M

기술 공식 문서에는 없는 현업 개발자의 실질적 문제 해결의 글쓰기

상반기 동안 나의 개발 블로그에 담긴 이야기를 다시 살펴보려 한다. 올해 초 다시 글쓰기를 시작했던 그 때로부터, 새롭게 배운 기술과 만난 사람들, 그리고 그 경험들이 어떻게 나의 글쓰기를 영향을 끼쳤는지를 고찰해보고자 한다.

000

9M

git stat를 이용하여 코드 리뷰 요청 전 커밋 사이즈 관리하기

회사에서 코드 리뷰를 진행하며, 동료의 커밋 크기가 상당히 큰 것을 확인했다.
커밋 크기란,
커밋이 크면, 변화가 크다는 내용이고, 즉 리뷰할 때 많은 내용을 봐야한다는 것을 의미한다.
커밋 사이즈를 미리 알 수 있다면, 작업

001

10M

TypeScript의 강력함: Discriminated Union과 as const 활용하기

TypeScript의 강력함: Discriminated Union과 'as const' 활용하기
TypeScript는 JavaScript의 상위 집합(super-set)으로서, JavaScript의 모든 기능을 포함하고 있음과 동

000

10M

설치된 라이브러리가 많은 프로젝트의 npm registry 변경하기 with package-lock.json 이해

최근 회사에서 N년 이상 성숙된 프로젝트의 npm registry를 사내 registry로 변경하는 업무를 진행했다.
regression test도 필요하고 부수효과가 어떻게 생길지 모르기때문에 큰 어려움이 생겼다.
그렇다고 라이

000

11M

Promise를 이용한 비동기 순차 처리와 병렬 처리 핸들하기

JavaScript에서 비동기 작업을 처리할 때, 다양한 처리 방식을 사용할 수 있다. 이 글에서는 JavaScript의 Array.prototype.reduce, Promise.all 그리고 Promise.allSettled 메

001

11M

Yarn PnP 사용시 IntelliJ에서 ESLint 적용하기

Yarn PnP는 ESLint 적용이 npm과 다르다.
Yarn PnP를 적용하여 개발중인 프로젝트에서 eslint 적용하려고 하니 다음과 같은 오류가 발생했다.
ESLint: Initialization error (ESLint

000

1y

백엔드 개발자에게 원하는 걸 말했는데, 왜 대화가 안될까?

얼마 전 팀 내 주니어 개발자가 겪었던 사례를 소개하며 같은 개발자끼리도 커뮤니케이션이 왜 쉽지 않은지 소개하고 싶다.
나의 언어로만 말하기: 고구마를 먹은 듯 목이 매이는 커뮤니케이션 시작
프론트엔드 주니어 개발자(이하 프론

000

1y

타입스크립트 예약어 중에 식별자(변수명, 함수명 등)로 사용할 수 있는 예약어가 있다?

예약어란 무엇인가?
예약어란 프로그래밍 언어에서 특별한 의미를 가지고 있어서, 식별자로 사용할 수 없는 단어를 말한다. 예를 들어, JavaScript에서 let, if, else, return 등은 모두 예약어이다. 따라서 이러

000

1y

다시 쓰는 글쓰기 with 제텔카스텐

블로그에 마지막 글을 쓴 지 1년이 되어간다. 현생이 바쁘단 핑계로 글쓰기는 어느 사이부터 잊고 살았다. 작년 말에는 바빠서 못쓰게 되었던 회고는 써보고 싶어, 2022년 12월에 노트북을 켰다. 그런데 쓸 말이 없었다. 바쁘게

000

2y

이펙티브 타입스크립트 - 6. 비동기 코드에는 콜백 대신 async 함수 사용하기

ES2015 이전
과거의 자바스크립트에서는 비동기 동작을 모델링하기 위해 콜백을 사용했고, 악명 높은 콜백 지옥을 필연적으로 마주할 수 밖에 없었다.
아래 예제에서 볼 수 있듯, 실행의 순서는 코드의 순서와 반대이다. 이러한 콜백

001

2y

이펙티브 타입스크립트 - 5. 추론 가능한 타입을 사용해 장황한 코드 방지하기

학술계로 분류되는 ML과 하스켈 같은 언어는 오래전부터 정교한 타입 추론 시스템을 가지고 있었다.
학술계 언어의 발전에 대응하여 10년전부터는 기존 산업계에의 언어에도 타입 추론 기능이 추가되기 시작했다.
C++는 auto를 추가

006

2y

이펙티브 타입스크립트 - 4. 타입과 인터페이스 차이점 알기

타입과 인터페이스의 차이점과 비슷한 점 이해
타입스크립트에서 명명된 타입(named type)을 정의하는 방법 두 가지가 있다.
방법1. 타입으로 선언
방법2. 인터페이스를 사용
// 방법1. 타입으로 선언
type TS

000

2y

이펙티브 타입스크립트 - 3. 타입 단언(as Type)보다는 타입 선언(: Type)을 사용하기 등

이번 글에서는 아이템9~아이템12를 살펴본다.
아이템9. 타입 단언(as Type)보다는 타입 선언(: Type)을 사용하기
아이템10. 객체 레터 타입 피하기
아이템11. 잉여 속성 체크의 한계 인지하기
아이템12. 함수 표현식

002

2y

알고리즘 - 선형 탐색 vs 이진 탐색

선형 탐색 알고리즘(Linear Search)
순차 검색 알고리즘이라고도 부르는 선형 탐색은 찾고자 하는 값을 리스트의 맨 앞부터 끝까지 차례대로 찾아 나가는 것
시간복잡도: O(n)
장점: 검색 방법 중 가장 단순하여 구현이

002

2y

자바스크립트/자료구조 - 트라이(Trie)

트라이(Trie)란?
Retireval(탐색)에서 나온 단어
Radix tree, Prefix Tree 라고도 함
문자열을 저장하고 효율적으로 탐색하기 위한 트리 형태의 자료구조
자동완성 검색에 주로 사용
트라이의 특징
장점

009

2y

Typescript/이펙티브 타입스크립트 - 2장 타입스크립트의 타입 시스템

아이템6. 편집기를 사용하여 타입 시스템 탐색하기
타입스크립트를 설치하면
타입스크립트 컴파일러(tsc)를 실행할 수 있음
단독으로 실행할 수 있는 타입스크립트 서버(tsserver)를 실행할 수 있음
언어 서비스에 포함된 항목

002

2y

Typescript/이펙티브 타입스크립트 - 1장 타입스크립트 알아보기

아이템1. 타입스크립트와 자바스크립트의 관계 이해하기
타입스크립트(이하 ts)는 자바스크립트(이하 js)의 상위집합
타입스크립트는 타입이 정의된 자바스크립트의 상위집합
ts는 js의 상위집합이기 때문에 .js에 있는 코드는 이미

000

2y

[React Basic] SASS의 세번째 버전 SCSS

SCSS
SCSS는 SASS의 3번째 버전에 추가
SASS의 모든 기능을 쓸 수 있음
CSS와 호환도 잘됨
특징 및 주요 문법
자세한 내용은 sass-lang.com/guide, sass-lang.com/documenta

000

2y

리액트 프로젝트 생성하기 / Create React App with npx

우리가 웹사이트를 만들기 위해 필요한 것들을 하나씩 설치할 수 있지만, 이미 필요한 것들을 모아놓은 패키지를 이용하면 손쉬울 것이다.
이게 바로 CRA(Create React App)이다.
CRA를 이용한 프로젝트 생성을

000

2y

아디오스 글또!

글또 5기를 시작한지 엊그제 같은데 벌써 이번이 글또로서 작성하는 마지막 글이되었다. 사실 5기에 참여할지 말지 고민을 많이 했었다. 4기에 참여하면서 글쓰는 것이 재밌기도 했지만 글을 쥐어짜며 쓴적도 있어 쉽지 않았기 때문이다.

001

2y

아이들에게 코딩을 가르치지 않는 이유 - 일은 배신하지 않는다(2)

이전 글 - 1/2 일은 배신하지 않는다 - 포트폴리오 하나로 구글 입사 제의를 받은
실리콘밸리의 구글러
인터뷰
인터뷰 제안이 온 회사들 중 특정 회사는 전체적인 작업 프로세스나 유저 인터랙션에 대한 질문들보다 CSS와 J

002

3y

포트폴리오 하나로 구글 입사 제의를 받은 - 일은 배신하지 않는다(1)

1/2 일은 배신하지 않는다 - 포트폴리오 하나로 구글 입사 제의를 받은
2/2 일은 배신하지 않는다 - 아이들에게 코딩을 가르치지 않는 이유
혹시 김종민님을 아시나요?
고등학교를 졸업하고 친구 따라 국비 교육과정을 듣게 된

000

3y

CSS 사이즈 단위 - 절대 길이와 상대 길이

CSS에서는 길이를 표현하기 위한 단위들이 있다. 이 단위들은 두가지 유형으로 분류 할 수 있는데 항상 동일한 크기를 가지는 절대 길이 단위와 상대 길이 단위이다.
상대 길이 단위 / Relative length units
상대

000

3y

자바스크립의 실행 컨텍스트

실행 컨텍스트(execution context)
실행할 코드에 제공할 환경 정보들을 모아놓은 객체
동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성
이 구성을 call stack에 쌓아올렸다가, 가

000

3y

예제로 만나보는 자바스크립트 호이스팅(hoisting)

코드를 변경하지 않는 호이스팅
호이스팅은 ECMAScript 2015 및 그 이전 표준 명세에서 사용된 적이 없는 용어이다. hoist라는 영단어 뜻이 끌어올린다라는 의미에서 유추해볼 수 있듯 hoisting은 변수와 함수를 최상

000

3y

뉴노멀 중심에서 하는 2020 회고

코로나가 가져다준 기회
문서 정리
연초에 참여한 TF가 꽤 기억에 남는다. 정량화된 목표를 달성하는 것은 매우 재밌었고 스릴 넘쳤다. 하지만 그만큼 매우 힘들었던 것은 안 비밀. 그래도 이 프로젝트 덕분에 문서의 중요성을 알게 되

000

3y

둘리 & 도우너 어서오고 짤 생성기 회고

그간 해보고 싶었던 사이드 프로젝트 중 짤(Meme) 생성기를 만들었다. 짤 생성기는 적은 시간 투자 대비 만족도와 활용도가 높은 편이라 꼭 해보고 싶었던 사이드 프로젝트 중 하나다.
웹툰 중 '도우너 어서오고' 컷이 많은 베

0024

3y

다시 또 글또를 시작하게 된 2가지 이유

글또에 지난 4기에 이어 5기로 다시 참여한다.
첫번째 이유, 글을 단 1개도 쓰지 않았다.
지난 9월 초, 글또 4기가 마무리된 이후 단 1개의 글도 쓰지 않았다(!)
글또 4기가 마치면서 이제 글 쓰는 습관이 좀 잡혔을까 싶었

000

3y

개발자의 사이드 프로젝트 - 커리어 스킬(2)

경력을 발전시키고 싶다면 - 커리어 스킬(1)
개발자의 사이드 프로젝트 - 커리어 스킬(2)
인생의 변곡점
사이드 프로젝트를 해보겠다고 한 번도 생각하지 않은 소프트웨어 개발자는 본 적이 없다. 나만해도 사이드 프로젝트를 많이 해

000

3y

블로그를 하면 가장 좋은 점은

블로그를 하면 가장 좋은 점은
얼마 전 지인으로부터 도움받은 글이라며 링크 하나를 공유해 줬다. 개발자 이력서 작성하는 방법 - 99콘 이력서 후기라는 내가 지난해 작성한 글로, 조회 수 및 다른 블로그에 많이 링크된 글이지만 포

000

3y

경력을 발전 시키고 싶다면 - 커리어 스킬(1)

import ExternalLink from 'components/ExternalLink';
경력을 발전시키고 싶다면 - 커리어 스킬(1)
개발자의 사이드 프로젝트 - 커리어 스킬(2)
소프트 스킬에서는 경력을 비롯한 소프트웨어

000

3y

포스트 코로나 시대 재택근무의 상반기 회고

지난 2월에 시도했던 매월하는 회고는 1회로 그치고 말았다. 왜냐하면 정말 일밖에 한게 없어서.. 할 이야기가 없었다.
올 2월 중하순부터 본격적으로 코로나 사태가 심각해지면서 회사는 주 5일 온전한 재택근무로 전환했다.
커뮤니케

000

3y

비슷해보이지만 다른 두 친구를 소개합니다. Authentication vs Authorization

내외부 관련된 서비스를 런칭하거나 기능을 추가할때 같이 논의되는 Auth에 대해 들어보셨을텐데요,
각각을 한 단어로 바꿔 표현해보겠습니다.
Authentication : 로그인
Authorization : 권한
한 단어로 표현하니

000

3y

Apache Cassandra에 대해 알아보자

Apache Cassandra
Apache Cassandra는 대규모로 확장 가능한 분산 NoSQL DB로 Facebook 내부에서 시작하여 오픈소스로 출시되었습니다.
아파치 카산드라는 다운 타임 없이 지속적인 가용성과 고성능 및

000

3y

객체지향을 한 단어로 설명한다면 그것은 클래스가 아니라 메시지이다

의도는 "메시징"이다.
Alan Curtis Kay
자율적인 책임
객체지향 공동체를 구성하는 기본 단위는 자율적인 객체다.
요청을 처리하기 위해 객체가 수행하는 행동을 책임이라고 한다.
적절한 책임이 자율적인 객체를 낳고, 자율적

000

4y

Spring Framework에서 의존성을 주입받는 방법 3가지 - DI / Dependency Injection

Spring Framework Triangle이라 불리는 스프링 프레임워크 핵심 3요소 IoC(역전 제어), AOP(관심 지향 프로그래밍), PSA(서비스 추상화)를 다룰 예정입니다.
그 전에 DI(의존성 주입)라는 사전 개념이

0013

4y

Apache Kafka - 높은 처리량과 실시간으로 대량의 데이터를 취급하는 카프카

import ResizeImage from 'components/ResizeImage'
Apache Kafka는 여러 대의 분산 서버에서 대량의 데이터를 처리하는 분산 메시징 시스템입니다.
높은 처리량과 실시간으로 대량의 데이터를

000

4y

글쓰는 또라이가 세상을 바꾼다 - 글또 4기에 참여해요

글쓰기를 하는 이유
아직은 성장할 날이 더 많은 작은 키의 글쓰기 솜씨이지만, 글쓰기를 통해 많은 것을 배우고 있습니다.
우리는 누구나 다 열심히 살지만 돌이켜 보면 딱히 생각나는 것이 없는 경우가 종종 있습니다. 가까운 예로 회

000

4y

월말회고 - 2020년 01월

import ResizeImage from 'components/ResizeImage'
보통 1년 회고를 연말에 많이 하는데, 올해부터는 매월을 보내고 하는 월말 회고를 시작하려고 합니다. 얼마 전 우연히 '월말 회고' 포스팅을

000

4y

자동으로 스터디 모집 글을 모아 알림을 주는 파이썬 크롤러 만들기(with Github Actions)

이번 설 연휴 동안 다짐했던 목표가 있었습니다. 바로 파이썬 공부 시작과 함께 파이썬 크롤러 만들기! 파이썬 기본 문법과 자료구조를 빠르게 공부한 뒤, 바로 파이썬 크롤러 만들기에 들어갔습니다. 파이썬 크롤러 코드가 이해가 되고

001

4y

털어놓기 어려웠던 개발자로서 고민을 해결해준 책, 함께 자라기

고민의 굴레, 슬럼프
저는 작년 한 해 동안 많은 고민과 번뇌에 둘러싸여었습니다. 더 많이 공부하고 노력하는데 어찌 된 일인지 성장하고 있지 않다는 느낌은 점점 짙어져만 갔습니다. 제 능력이 부족한지 의심하기도 하고 환경을 탓하기

000

4y

찾기 힘든 버그를 유발하는 Java DTO 컨버팅 노가다, 리팩토링하기

자바에서 DTO 컨버팅을 할 때 멤버 필드를 하나하나 명시해서 변환을 많이 하곤 합니다.
github에서 확인 가능합니다.)
여기 BookDTO와 BookVO가 있습니다.
public class BookDTO {
priva

0012

4y

2019년 회고 - 처음 쓰는 한해 마무리 회고

import ExternalLink from 'components/ExternalLink';
2~3년 전부터 작성하고 싶었던 한해 마무리 회고를 드디어 처음으로 작성한다.
1 송년회 모임을 하면서 한해 회고를 가볍게 진행했다. 이

001

4y

마이크로서비스 아키텍처 구축(2) - 배포와 모니터링를 거쳐 대규모 마이크로서비스

import ExternalLink from 'components/ExternalLink';
6. 배포
지속적 통합(CI/Continuous Integration)
CI를 통한 핵심 목표는 모든 사람이 서로 동기를 맞추는 것
새롭

000

4y

마이크로서비스 아키텍처 구축(1) - MSA를 지탱하는 기본 개념

은총알은 없으니 경험이 많지 않거나 비즈니스 도메인에 대한 이해가 낮다면
마이크로서비스 아키텍쳐 구축
1. 마이크로서비스
Infrastructure automation
scale up/down
수직 확장
머신 리소스(CPU, Me

005

4y

99콘 연봉협상 후기 - 개발자 연봉협상을 똑똑하게 하는 방법

import ExternalLink from 'components/ExternalLink';
지난 12월 14일, 에서 주최한 99콘 제4회 연봉협상에 참석해 후기를 작성한다.
먼저 99콘에 대해 잠깐 설명하자면, 수습생활 - 성

007

4y

단기속성 4주완성 퀵퀵각코, 운영 회고록

import ResizeImage from 'components/ResizeImage'
import ExternalLink from 'components/ExternalLink'
지난 26일 토요일에 퀵퀵각코 마지막 모임인 발표&

000

4y

쿠버네티스 Controller 살펴보기1 Deployment - 기초(4)

쿠버네티스 기초 시리즈
쿠버네티스란 무엇인지 살펴보기 - 기초(1)
쿠버네티스 Object 살펴보기1 Pod/Service/Volume - 기초(2)
쿠버네티스 Object 살펴보기2 ConfigMap, Secret, Namesp

000

4y

쿠버네티스 Object 살펴보기2 ConfigMap, Secret, Namespace, ResourceQuota, LimitRanger - 기초(3)

쿠버네티스 기초 시리즈
쿠버네티스란 무엇인지 살펴보기 - 기초(1)
쿠버네티스 Object 살펴보기1 Pod/Service/Volume - 기초(2)
쿠버네티스 Object 살펴보기2 ConfigMap, Secret, Namesp

000

4y

[리뷰] 나는 LINE 개발자입니다 - 라인 개발자의 일상을 간접 경험해볼 수 있다

<나는 LINE 개발자입니다> 책은 라인의 여러 분야의 개발자들이 어떻게 커리어를 쌓았고 어떻게 라인에서 일하는지에 대한 책이다. 라인의 솔루션 아키텍트, 보안 서비스, 메시징 서비스, 커뮤니케이션 서버, 동영상 생중계 플랫폼,

000

4y

쿠버네티스 Object 살펴보기1 Pod/Service/Volume - 기초(2)

쿠버네티스 기초 시리즈
쿠버네티스란 무엇인지 살펴보기 - 기초(1)
쿠버네티스 Object 살펴보기1 Pod/Service/Volume - 기초(2)
쿠버네티스 Object 살펴보기2 ConfigMap, Secret, Namesp

000

4y

쿠버네티스란 무엇인지 살펴보기 - 기초(1)

쿠버네티스 기초 시리즈
쿠버네티스란 무엇인지 살펴보기 - 기초(1)
쿠버네티스 Object 살펴보기1 Pod/Service/Volume - 기초(2)
쿠버네티스 Object 살펴보기2 ConfigMap, Secret, Namesp

000

4y

utterances를 블로그 댓글로 적용하기

여러분은 블로그 댓글을 어떤 앱으로 운영하고 계신가요?
utterances 도입 계기
저는 그동안 블로그에 facebook comments 혹은 disqus를 이용하여 댓글을 운영했습니다. 티스토리 혹은 미디엄 등에서 블로그를 운

000

4y

쿠버네티스 - 퀵퀵각코 회고록

import ResizeImage from 'components/ResizeImage'
퀵퀵각코에 참여하며 진행하는 쿠버네티스 스터디 회고록입니다. 총 4회 모임과 마지막 발표로 마무리하기까지 계속 업데이트됩니다. ✍🏻
1주차

000

4y

개발자 이력서 작성 방법 - 99콘 이력서 후기

import ResizeImage from 'components/ResizeImage'
이력서는 가능하면 자주 업데이트해서 최대한 최신의 상태를 유지하라는 조언을 많이 들어 봤을 것입니다. 하지만 목전에 이직이 놓여 있지 않은 이

002

4y

Github 블로그에 개인 도메인 연결해보고 sub github pages 셋팅하기

Github는 정적 페이지 사이트를 제공하는데, 이를 활용하면 블로그 사이트를 운영할 수 있습니다..
인터넷 서핑을 하다 종종 만나게 되는 baekdev.github.io 와 같은 주소들이 모두 github pages 를 이용한

000