Joonseok Hu님 글 목록 - mysetting

Joonseok Hu

백엔드 개발자@비브로스

Seoul, South Korea

Joined on 2021년 06월 16일

3:09 6/16

velog.io

mobile screenshot relative

3:09

velog.io

mobile screenshot

vraimentres.log
https://velog.io/@vraimentres

풀스택 집요정

저작도구: velog

최종 피드 수집: 2024-12-12 02:15

전체 (14)

2y

'타입스크립트 enum 을 사용하지 않는 방법' 을 사용하지 않는게 좋은 이유

타입스크립트에서 enum은 사용하지 않는게 좋다는 말이 있다. 실제로 근거가 있는 내용이며, (특정 조건에서) 의미가 있는 최적화라는 점에 동의한다.
TypeScript에서 enum을 사용하면 Tree-shaking이 되지 않습니

000

2y

타입스크립트에서 클래스의 타입을 표현하기

타입스크립트에서 클래스는 값이면서 동시에 타입으로 쓰일 수 있다.
class User {
constructor(
public name: string,
public age: number,
) {}
}
이렇게 만

000

3y

TS에서 숫자타입을 정수로 제한할 수 있나요?

타입스크립트에서 숫자타입에 대해서 정수로만 입력 가능하게, 또는 양수로만 입력 가능하게 하면 얼마나 좋을까 라는 생각은 다들 했겠지만, 불가능하다고 알고있었다.
그런데 트위터를 하다보니 그걸 구현하신 분이 있었다.
일단 당장은 크

000

3y

CORS 😫

주니어 프론트엔드 개발자에게 CORS는 어려운 문제 중에 하나라고 생각한다.
보안 관련된 어떤 이유때문에 에러를 낸다는것까진 알겠는데, 에러를 해결하는 방법이 막막하다.
풀스택 개발자로 개발자 커리어를 이어나가면서, 의외로 많은

002

4y

내가 좋아하는 자바스크립트 코드 스타일

홑따옴표를 쓰자
문자열 표기시 쌍따옴표 말고 홑따옴표를 쓰자.
칠때 양손으로 쳐야하는 불편함을 굳이 감수하며 쌍따옴표를 써야할 이유가 없다.
pretier 에서 쌍따옴표를 쓰기때문에 쌍따옴표를 쓰는 사람들이 많지만, 구글 이나 에

000

4y

자바스크립에서 쿼리스트링 포맷/파싱하기 - 2

이번엔 객체로 객체를 쿼리스트링으로 바꿔보자
const data = {
myId: 1,
myName: 'John Doe',
message: 'Hello, I\'m John Doe.'
}
이런 객체를 쿼리스트링으로 변환해

006

4y

자바스크립에서 쿼리스트링 포맷/파싱하기

쿼리스트링은 key-value 쌍으로 되어있는 일종의 토큰이다. 원리는 단순하지만 이걸 마음껏 조작하기는 불편하다.
때문에, 객체를 쿼리스트링으로, 다시 쿼리스트링을 객체로 바꿔주는 라이브러리들도 존재한다.
이 쿼리스트링 조작함수

000

4y

React.js vs Vue.js 자세한 비교 (2) - 차이점 (1) - HTML 표현 방법

이전 글에서 알아봤듯, React와 Vue는 서로 공통점이 많이 있다.
둘다 컴포넌트와 shadowDOM을 사용해 화면을 그린다.
Router를 통해 Single Page Application 개발이 가능하며
Server Side

009

4y

async 함수와 try-catch

TL;TR
async 함수를 쓸 때 습관적으로 무조건 try-catch 문을 쓰는 사람들이 많이 있다.
하지만 async 에서 try-catch 로 전체 코드를 묶고 catch 문에서 throw e 하는 것과 try-catch문을

000

4y

Promise 잘 사용하기 (2) - 반복문 돌리기

한번에 비동기 작업을 실행하고 결과 취합하기 (Promise.all)
const getInfoOfUsers = ids => {
const result = Promise.all( // [A]
ids.map((id) =

000

4y

Promise 잘 사용하기 (1) 기초개념

Promise는 비동기 작업 결과값이 아니다. 하지만 그렇게 취급 가능하다.
현실세계로 비유하자면, Promise는 바우처와 비슷한 개념이다.
재화를 구매했지만 지금 당장은 바우처만 받았고 아직은 내 손에 재화가 없는 상태가 비동

000

4y

setTimeout으로 setInterval 함수 구현하기

모 커뮤니티에서 이제 자바스크립트를 막 배우신듯한 분이 setTimeout을 가지고 주기적으로 반복되는 함수를 만드시려고 끙끙대시다 안풀려서 질문을 올린 글을 보게 되었다.
setInterval을 쓰면 된다고 알려드리는 글을 쓰

000

4y

React.js vs Vue.js 자세한 비교 (1) - 공통점

프론트엔드 개발자들 사이에서 "엄마가 좋아 아빠가 좋아?"와 같은 문제들 중 하나가 바로 프론트엔드 프레임워크 비교일것 같다.
당연히 다들 자기가 쓰고있는거에 만족하고 있는데에다가, 세대교체가 아닌이상 여러가지를 현업에서 쓰지 않

000

4y

React + ESLint + airbnb + vscode 세팅

시작하기 전에
npx create-react-app my-app 으로 React 프로젝트가 생성되어있는 상태를 전제로 한다.
prettier를 사용하지 않으므로, 관련 패키지 및 vscode 확장프로그램을 삭제한다.
eslint

000