/users
/posts
/slides
/apps
/books
mysetting
/users
/posts
/slides
/apps
/books
3:26 5/23
baek.dev
3:26
baek.dev
아웃풋 트레이닝
https://baek.dev
자바 둘 타세요-에서 자바 인력1을 맡고 있습니다.
저작도구: GatsbyJS
최종 피드 수집: 2024-10-08 09:46
전체 (56)
1y
기술 공식 문서에는 없는 현업 개발자의 실질적 문제 해결의 글쓰기
상반기 동안 나의 개발 블로그에 담긴 이야기를 다시 살펴보려 한다. 올해 초 다시 글쓰기를 시작했던 그 때로부터, 새롭게 배운 기술과 만난 사람들, 그리고 그 경험들이 어떻게 나의 글쓰기를 영향을 끼쳤는지를 고찰해보고자 한다.
0
0
0
읽기모드
1y
git stat를 이용하여 코드 리뷰 요청 전 커밋 사이즈 관리하기
회사에서 코드 리뷰를 진행하며, 동료의 커밋 크기가 상당히 큰 것을 확인했다.
커밋 크기란,
커밋이 크면, 변화가 크다는 내용이고, 즉 리뷰할 때 많은 내용을 봐야한다는 것을 의미한다.
커밋 사이즈를 미리 알 수 있다면, 작업
0
0
1
읽기모드
1y
TypeScript의 강력함: Discriminated Union과 as const 활용하기
TypeScript의 강력함: Discriminated Union과 'as const' 활용하기
TypeScript는 JavaScript의 상위 집합(super-set)으로서, JavaScript의 모든 기능을 포함하고 있음과 동
0
0
0
읽기모드
1y
설치된 라이브러리가 많은 프로젝트의 npm registry 변경하기 with package-lock.json 이해
최근 회사에서 N년 이상 성숙된 프로젝트의 npm registry를 사내 registry로 변경하는 업무를 진행했다.
regression test도 필요하고 부수효과가 어떻게 생길지 모르기때문에 큰 어려움이 생겼다.
그렇다고 라이
0
0
0
읽기모드
1y
Promise를 이용한 비동기 순차 처리와 병렬 처리 핸들하기
JavaScript에서 비동기 작업을 처리할 때, 다양한 처리 방식을 사용할 수 있다. 이 글에서는 JavaScript의 Array.prototype.reduce, Promise.all 그리고 Promise.allSettled 메
0
0
1
읽기모드
1y
Yarn PnP 사용시 IntelliJ에서 ESLint 적용하기
Yarn PnP는 ESLint 적용이 npm과 다르다.
Yarn PnP를 적용하여 개발중인 프로젝트에서 eslint 적용하려고 하니 다음과 같은 오류가 발생했다.
ESLint: Initialization error (ESLint
0
0
0
읽기모드
1y
백엔드 개발자에게 원하는 걸 말했는데, 왜 대화가 안될까?
얼마 전 팀 내 주니어 개발자가 겪었던 사례를 소개하며 같은 개발자끼리도 커뮤니케이션이 왜 쉽지 않은지 소개하고 싶다.
나의 언어로만 말하기: 고구마를 먹은 듯 목이 매이는 커뮤니케이션 시작
프론트엔드 주니어 개발자(이하 프론
0
0
0
읽기모드
1y
타입스크립트 예약어 중에 식별자(변수명, 함수명 등)로 사용할 수 있는 예약어가 있다?
예약어란 무엇인가?
예약어란 프로그래밍 언어에서 특별한 의미를 가지고 있어서, 식별자로 사용할 수 없는 단어를 말한다. 예를 들어, JavaScript에서 let, if, else, return 등은 모두 예약어이다. 따라서 이러
0
0
0
읽기모드
1y
다시 쓰는 글쓰기 with 제텔카스텐
블로그에 마지막 글을 쓴 지 1년이 되어간다. 현생이 바쁘단 핑계로 글쓰기는 어느 사이부터 잊고 살았다. 작년 말에는 바빠서 못쓰게 되었던 회고는 써보고 싶어, 2022년 12월에 노트북을 켰다. 그런데 쓸 말이 없었다. 바쁘게
0
0
0
읽기모드
2y
이펙티브 타입스크립트 - 6. 비동기 코드에는 콜백 대신 async 함수 사용하기
ES2015 이전
과거의 자바스크립트에서는 비동기 동작을 모델링하기 위해 콜백을 사용했고, 악명 높은 콜백 지옥을 필연적으로 마주할 수 밖에 없었다.
아래 예제에서 볼 수 있듯, 실행의 순서는 코드의 순서와 반대이다. 이러한 콜백
0
0
1
읽기모드
2y
이펙티브 타입스크립트 - 5. 추론 가능한 타입을 사용해 장황한 코드 방지하기
학술계로 분류되는 ML과 하스켈 같은 언어는 오래전부터 정교한 타입 추론 시스템을 가지고 있었다.
학술계 언어의 발전에 대응하여 10년전부터는 기존 산업계에의 언어에도 타입 추론 기능이 추가되기 시작했다.
C++는 auto를 추가
0
0
6
읽기모드
2y
이펙티브 타입스크립트 - 4. 타입과 인터페이스 차이점 알기
타입과 인터페이스의 차이점과 비슷한 점 이해
타입스크립트에서 명명된 타입(named type)을 정의하는 방법 두 가지가 있다.
방법1. 타입으로 선언
방법2. 인터페이스를 사용
// 방법1. 타입으로 선언
type TS
0
0
0
읽기모드
2y
이펙티브 타입스크립트 - 3. 타입 단언(as Type)보다는 타입 선언(: Type)을 사용하기 등
이번 글에서는 아이템9~아이템12를 살펴본다.
아이템9. 타입 단언(as Type)보다는 타입 선언(: Type)을 사용하기
아이템10. 객체 레터 타입 피하기
아이템11. 잉여 속성 체크의 한계 인지하기
아이템12. 함수 표현식
0
0
2
읽기모드
2y
알고리즘 - 선형 탐색 vs 이진 탐색
선형 탐색 알고리즘(Linear Search)
순차 검색 알고리즘이라고도 부르는 선형 탐색은 찾고자 하는 값을 리스트의 맨 앞부터 끝까지 차례대로 찾아 나가는 것
시간복잡도: O(n)
장점: 검색 방법 중 가장 단순하여 구현이
0
0
8
읽기모드
2y
자바스크립트/자료구조 - 트라이(Trie)
트라이(Trie)란?
Retireval(탐색)에서 나온 단어
Radix tree, Prefix Tree 라고도 함
문자열을 저장하고 효율적으로 탐색하기 위한 트리 형태의 자료구조
자동완성 검색에 주로 사용
트라이의 특징
장점
0
0
9
읽기모드
2y
Typescript/이펙티브 타입스크립트 - 2장 타입스크립트의 타입 시스템
아이템6. 편집기를 사용하여 타입 시스템 탐색하기
타입스크립트를 설치하면
타입스크립트 컴파일러(tsc)를 실행할 수 있음
단독으로 실행할 수 있는 타입스크립트 서버(tsserver)를 실행할 수 있음
언어 서비스에 포함된 항목
0
0
2
읽기모드
2y
Typescript/이펙티브 타입스크립트 - 1장 타입스크립트 알아보기
아이템1. 타입스크립트와 자바스크립트의 관계 이해하기
타입스크립트(이하 ts)는 자바스크립트(이하 js)의 상위집합
타입스크립트는 타입이 정의된 자바스크립트의 상위집합
ts는 js의 상위집합이기 때문에 .js에 있는 코드는 이미
0
0
0
읽기모드
2y
[React Basic] SASS의 세번째 버전 SCSS
SCSS
SCSS는 SASS의 3번째 버전에 추가
SASS의 모든 기능을 쓸 수 있음
CSS와 호환도 잘됨
특징 및 주요 문법
자세한 내용은 sass-lang.com/guide, sass-lang.com/documenta
0
0
0
읽기모드
2y
리액트 프로젝트 생성하기 / Create React App with npx
우리가 웹사이트를 만들기 위해 필요한 것들을 하나씩 설치할 수 있지만, 이미 필요한 것들을 모아놓은 패키지를 이용하면 손쉬울 것이다.
이게 바로 CRA(Create React App)이다.
CRA를 이용한 프로젝트 생성을
0
0
0
읽기모드
3y
아디오스 글또!
글또 5기를 시작한지 엊그제 같은데 벌써 이번이 글또로서 작성하는 마지막 글이되었다. 사실 5기에 참여할지 말지 고민을 많이 했었다. 4기에 참여하면서 글쓰는 것이 재밌기도 했지만 글을 쥐어짜며 쓴적도 있어 쉽지 않았기 때문이다.
0
0
1
읽기모드
About
Badge
Contact
Activity
Terms of service
Privacy Policy