typescript

Avoid Export Default | TypeScript Deep Dive

TypeScript compile and keep comments

I like to have my comments intact in the resulting javascript file, by default the compiler removes them. Is there a tsc parameter for that? (The use case is to keep /// reference path's = ... for

wono | discuss |

it dev typescript tsconfig

📘 타입스크립트 컴파일 설정 - tsconfig 옵션 총정리

타입스크립트 컴파일 설정 tsconfig.json은 타입스크립트를 자바스크립트로 변환 시키는 컴파일 설정을 한꺼번에 정의 해놓는 파일이라고 보면 된다. 프로젝트를 컴파일 하는데 필요한 루트 파일, 컴파일러 옵션 등을 상세히 설정할 수 있다. 보통 tsconfig.json 파일은 TypeScript 프로젝트의 루트 디렉토리(Root Directory)에 위치된다. 그래서 tsconfig.json 파일이 프로젝트에 있다면 vscode는 우리가 타입스크립트로 개발한다는 것을 인식하게 되는 것이다. tsconfig에서 옵션들을 미리 정의해 놓으면, 더이상 컴파일 할때 명령어에 일일히 대상 파일이나 옵션을 지정하지 않아도 된다. 그래서 tsc 나 ts-node 명령어를 그냥 실행하게 되면, 현재 폴더에 있는 ts..

wono | discuss |

it dev typescript

Typescript tutorial

Black-belt your web development skills. Over 2000 free programming tutorial videos about:- Modern JavaScript (beginner to advanced)- Node.js- React- Vue.js- ...

wono | discuss |

it dev react typescript

React typescript tutorial for beginner

YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다.

wono | discuss |

it blog typescript

I've been writing TypeScript without understanding it

I admit, I don’t really understand TypeScript The other day, I was stuck with a bug in... Tagged with typescript, javascript, tutorial, learning.

wono | discuss |

it dev zustand typescript

TypeScript Guide - Zustand

wono | discuss |

it dev typescript

useRef, useImperativeHandle, forwardRef

useRef와 useImperativeHandle은 ref라는 속성에 적용하는 값을 만들어 주는 훅이다. 리액트와 리액트 네이티브가 제공하는 컴포넌트는 모두 ref라는 이름의 속성을 가지고 있다.ref 속성이란?Ref는 참조를 의미한다.ref 속성값은 사용자 코드에서 설정하는 것이 아니라, 특정 시점에 React 프레임워크 내부에서 설정해 준다. ref 속성은 초기에는 null이지만, 컴포넌트가 마운트 되는 시점에서 실제 DOM 객체의 값이 된다.HTML 요소들은 자바스크립트에서 DOM 타입 객체이다. 모든 요소는 HTMLElement 타입이며, click(), blur(), focus() 메서드를 제공한다. 이 메서드들은 가상 DOM 상태에서는 호출할 수 없고, 실제 DOM 상태에서만 호출할 수 있다...

wono | discuss |

it dev typescript htmlinputelement

Property 'value' does not exist on type 'never'. when use useRef hook in mui

wono | discuss |

it dev typescript unknown

[101] 타입스크립트의 unknown 타입

TypeScript에서 unknown 타입은 any와 혼동될 수 있지만, 코드 안전성에 있어 결정적인 차이를 만듭니다. unknown을 효과적으로 사용하면 React 애플리케이션의 안정성과 오류 방지를 크게 향상시킬 수 있습니다. 이 글에서는 unknown 타입을 활용한 안전한 타입 검사 기법을 React 애플리케이션을 중심으로 자세히 살펴봅니다.1. unknown 타입의 기본 개념unknown 타입은 말 그대로 "알 수 없는" 타입을 나타냅니다. 어떤 값이 올지 확실하지 않을 때 unknown을 사용할 수 있으며, 이는 값을 사용하기 전에 반드시 그 타입을 확인해야 한다는 특징이 있습니다.let unknownValue: unknown;unknownValue = 100; // 숫자 할당 가능unknow..

wono | discuss |

it dev typescript props

Next.js에서 타입스크립트와 함께하는 함수형 컴포넌트의 모든 것

함수형 컴포넌트는 리액트 개발에서 가독성 높고 간결한 코드 구조를 제공합니다. 이 글에서는 Next.js 환경에서 자바스크립트와 ES6 화살표 함수를 사용한 함수형 컴포넌트의 구조, 타입스크립트를 활용한 속성 정의 방법, 그리고 함수형 컴포넌트의 여러 구성 요소 및 방식에 대해 알아봅니다.

wono | discuss |

it qa jsdoc typescript

Discussion of What is JSDoc and why you may not need typescript for your next project?

It has been a couple of weeks since I started testing out this technology, JSDoc, for maintaining...

wono | discuss |

it dev typescript

type vs interface (TypeScript)

개요 typescript에서 타입을 만들때 type alias, interface 두가지 사용방식이 있다. 기본적인 사용 방법의 차이에 대한 글은 이미 인터넷에 많이 있다. 그 외 type alias와 interface를 선택할때 고려할 만한 부분들은 어떤게 있는지 대해 정리해보려고 한다. > typescript 위키나, 핸드북 문서를 보면 일단 ..

wono | discuss |

it dev typescript

타입스크립트에서 type 과 interface 더 알아보기

데보션 (DEVOCEAN) 기술 블로그 , 개발자 커뮤니티이자 내/외부 소통과 성장 플랫폼

wono | discuss |

it dev typescript

타입스크립트 type과 interface의 공통점과 차이점

https://yceffort.kr

wono | discuss |

it dev typescript

TypeScript - type과 interface의 차이

TypeScript에서 type과 interface는 비슷한 역할을 하는 것 같은데, 어떤 경우에는 type을 사용하는 게 좋고 어떤 경우에는 interface를 사용하는 게 좋은지 궁금해서 알아보았다.extends 키워드를 이용해서 확장할 수 있다.& 기호를 이용해서

wono | discuss |

it lang typescript

Documentation - Utility Types

Types which are globally included in TypeScript

wono | discuss |

it dev typescript

[TypeScript] 유틸리티 타입 (Pick, Omit, Partial, Record 등)

react-router 코드에서 갑자기 등장한 Pick! import에도 없고 대체 이게 뭐지…?

wono | discuss |

it dev typescript

[tsconfig의 모든 것] Compiler options / Emit

이번 포스팅에서는 지난 [tsconfig의 모든 것] Compiler options / Modules 포스팅에 이어 의 컴파일 옵션 중 출력 파일을 컨트롤 하는 옵션들을 소개할 예정이다.

wono | discuss |

it dev typescript convention

Naming Conventions

Naming conventions provide a consistant and expected style of usage across all namespaces used by MakeCode. This allows the coding user to make general assumptions about name forms used for functions, methods, properties, and enumerations. While writing code, a user can assume a certain order of name case and style for the names exposed by your extension. This eases the composition of code and saves the user from errors when they try to use a name as they might expect to.

wono | discuss |