- 전체보기(103)
- typescript(42)
- ES6(19)
- JavaScript(18)
- js(15)
- basic types(13)
- React(11)
- class(5)
- compileOptions(4)
- input(3)
- type(2)
- text-shadow(2)
- CSS(2)
- tr(2)
- span(2)
- td(2)
- a(2)
- fieldset(2)
- ol(2)
- Table(2)
- Map(2)
- array(2)
- form(2)
- extends(2)
- classes(2)
- legend(2)
- li(2)
- ul(2)
- line height(2)
- Index Signatures in class(1)
- src(1)
- abstract classes(1)
- 객체메소드(1)
- Optimizing Performance(1)
- background속성(1)
- destructuring assignment(1)
- Readonly Interface Properties(1)
- component(1)
- forwardRef(1)
- react testing(1)
- datalist(1)
- position(1)
- Root(1)
- math(1)
- controllered component(1)
- function in interface(1)
- promise(1)
- radio button(1)
- absolute(1)
- text align(1)
- 링크(1)
- first-line(1)
- Generic&Any(1)
- relative(1)
- 가상클래스(1)
- push(1)
- 접근제어자(1)
- useHistory(1)
- radio(1)
- Symbol(1)
- bind(1)
- Box Model(1)
- PRE(1)
- files(1)
- list-style-image(1)
- Logical assignment Operators(1)
- Promise.any(1)
- 가상요소(1)
- react router dom(1)
- testing library(1)
- type alias(1)
- tsconfig schema(1)
- NOT(1)
- div속성(1)
- include(1)
- types(1)
- generator(1)
- function interface(1)
- rgb(1)
- type alias vs interface(1)
- 목록(1)
- arguments(1)
- create react app(1)
- strict(1)
- Spread Syntax(1)
- withHasMounted(1)
- initialize(1)
- float(1)
- exclude(1)
- Getters(1)
- class implements interface(1)
- text overflow(1)
- Prototype(1)
- await(1)
- Singletons(1)
- useState(1)
- nth-child(1)
- text-style(1)
- text-direction(1)
- img(1)
- interface extends interface(1)
- number(1)
- optgroup(1)
- lib(1)
- for(1)
- Sub type(1)
- web font(1)
- 웹폰트 파일변환(1)
- useParams(1)
- asunc(1)
- webpack(1)
- unshift(1)
- 생성자함수(1)
- br(1)
- p(1)
- div(1)
- selector(1)
- useHasMounted(1)
- inheritance(1)
- first letter(1)
- garadient(1)
- parcel(1)
- font family(1)
- JavaScript Unit Test(1)
- readonly properties(1)
- static properties(1)
- 목록만들기(1)
- box-sizing(1)
- text-justify(1)
- list-style-type(1)
- before(1)
- interface(1)
- div태그(1)
- String(1)
- select(1)
- option(1)
- oerriding(1)
- context(1)
- withRouter(1)
- ttf(1)
- react-router hooks(1)
- State(1)
- useMemo(1)
- useReducer(1)
- Sort(1)
- radial-gradient(1)
- WeakRef(1)
- setInterval(1)
- setTimeout(1)
- list-style(1)
- @Target(1)
- :tartget(1)
- initialization in constructor parameters(1)
- checkbox(1)
- Basic type(1)
- rootDir(1)
- first-child(1)
- background(1)
- Constructor(1)
- button(1)
- anchor(1)
- 구조분해할당(1)
- Compilation Context(1)
- hook(1)
- useCallback(1)
- rgba(1)
- shift(1)
- Context API(1)
- Setters(1)
- reduce(1)
- method overriding(1)
- Pop(1)
- Letter Spacing(1)
- linear-gradient(1)
- block(1)
- get started(1)
- inline(1)
- 앵커(1)
- clear(1)
- custom hook(1)
- hn(1)
- after(1)
- Type Compatibility(1)
- label(1)
- Nominal Type System(1)
- submit(1)
- compileOnSave(1)
- display(1)
- jest(1)
- v6(1)
- HoC(1)
- text-indent(1)
- render(1)
- font-face(1)
- 상속(1)
- outDir(1)
- JSX(1)
- typeRoots(1)
- Generics(1)
- text-transform(1)
- babel(1)
- usemap(1)
- outfile(1)
- line spacing(1)
- React Component Test(1)
- text-decoration(1)
- iframe(1)
- keyof(1)
- Props(1)
- methods(1)
- Type System(1)
- numeric separators(1)
- String.replaceAll(1)
- last-child(1)
- event handling(1)
- closure(1)
- type lookup system(1)
- component-lifecycle(1)
- tuple(1)
- set(1)
- area(1)
- Structural type system(1)
- createPortal(1)
- Uncontrolled Component(1)
- Super type(1)
- apply(1)
- call(1)
- textarea(1)
- optional property(1)
- tag(1)
- routing(1)
- function(1)
set & map
배열과 같은 데이터 집합으로, 중복에 대한 제한이 없는 배열과 달리 중복을 허용하지 않음new Set() 을 사용해 생성 add() 라는 함수를 사용해 새로운 값을 추가할 수 있음객체와 같이 키와 값을 연결하는 방식의 데이터 집합객체키값으로 문자, 심벌 타입만 허용정렬
parcel
npm init -y\`npm i -D parcel-bundler\`npm run devhttp://localhost:1234https://www.icoconverter.com/파일선택 ⇒ Sizes(32 pixels) ⇒ Bit depth(32 bi
webpack
npm init -ynpm i -D webpack webpack-cli webpack-dev-server@nextindex.html 파일생성https://www.jsdelivr.com/package/npm/reset-css (css 초기화)js/main.js
Generics
Generics, Any 차이점 Generics Basic Generics Array & Tuple Generics Function Generics Class Generics with extends keyof & type lookup system
classes (1)
object 를 만드는 blueprint(청사진, 설계도)클래스 이전에 object 를 만드는 기본적인 방법은 fucntionJavaScript 에도 class 는 es6 부터 사용 가능OOP 을 위한 초석TypeScript 에서는 클래스도 사용자가 만드는 타입의 하나
type alias vs interface
Function Array intersection union types Declaration Merging - interface Declaration Merging - type alias
compileOptions - strict
Enable all strict type checking options.—noImplicitAny—noImplicitThis—strictNullChecks—strictFunctionTypes—strictPropertyInitialization—strictBindCall
compileOptions - outDir, outFile, rootDir
npx tsc⇒ 최상위 경로에 test.js 생성!npx tsc⇒ dist/test.js 생성!npx tsc⇒ dist/src/hello.js 생성!
compileOptions - target & lib
target빌드의 결과물을 어떤 버전으로 할 것이냐지정을 안하면 es3lib기본 type definition 라이브러리를 어떤 것을 사용할 것이냐lib 를 지정하지 않았을 때,target 이 ‘es3’ 이고, default 로 lib.d.ts 를 사용target 이 ‘
compileOptions-typeRoots, types
npm i reactnpm i --save-dev @types/reactnode_modules/@types/react/index.d.tsTypeScript 2.0 부터 사용 가능해진 내장 type definition 시스템아무 설정을 안하면?node_modules/@t
files, include, exclude
셋 다 설정이 없으면, 전부 다 컴파일files상대 혹은 절대 경로의 리스트 배열exclude 보다 강함include, excludeglob 패턴(.gitignore)includeexclude 보다 약함같은 걸 사용하면, .ts / .tsx / .d.ts 만 inclu
extends
파일(상대)경로명: stringTypeScript 2.1 New Spechttps://github.com/tsconfig/bases