아웃풋 트레이닝 - mysetting

3:26 5/23

baek.dev

mobile screenshot relative

3:26

baek.dev

mobile screenshot

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

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

저작도구: GatsbyJS

최종 피드 수집: 2024-10-08 09:46

전체 (56)

1y

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

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

000

1y

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

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

001

1y

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

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

000

1y

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

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

000

1y

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

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

001

1y

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)
장점: 검색 방법 중 가장 단순하여 구현이

008

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

3y

아디오스 글또!

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

001