Programming Language 검색 결과

해당 글 113건

typescript에서 DOM 다루기

typescript-kr.github.io/pages/tutorials/dom-manipulation.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io 사실, 배울 필요 없이 MDN보면 다 나와있다. 프론트 프레임웤, 특히 React에서 직접 DOM을 다루는 것은 잘못된 방식이지만, 그 외의 상황에선 당연히 DOM을 다룰 수 있습니다. DOM과 Event에 대한 타입은 lib.dom.d.ts에 정의되어 있습니다. IDE 상에서 보고 싶으면 Element, HTMLElement 등을 검색하여 살펴봅시다. 솔직히, 외울 필요없이 MDN 문서를 뒤져보면, 타입에 대한 위계를 살펴볼 수 있습니다. developer.mozilla.org/e..
Programming Language/🟦 Typescript 2021. 3. 1. 23:46

Mapped Type

github.com/Microsoft/TypeScript/pull/12114 Mapped types by ahejlsberg · Pull Request #12114 · microsoft/TypeScript This PR introduces Mapped Types, a new kind of object type that maps a type representing property names over a property declaration template. In combination with index types and indexed access type... github.com * 캡틴 판교님의 글에 기반하여 작성되었습니다. 물론 그대로 베끼지는 않았죠 ㅋㅋ joshua1988.github.io/ts/u..
Programming Language/🟦 Typescript 2021. 3. 1. 18:52

Date 타입과 ISO, UNIX

# 결국 js에서는 타임존 문제로 라이브러리를 쓸 수 밖에 없다는 결론. + 편의성을 위해서라도 라이브러리를 쓰는게 좋다는 의견 https://meetup.toast.com/posts/125 https://meetup.toast.com/posts/130 # Date는 reference 객체라서 == 연산 해봐야 false를 뱉는다는 설명. 다만 비교 연산은 가능 https://www.delftstack.com/ko/howto/javascript/how-to-compare-two-dates-with-javascript/ # Date => ISO, UTC, UNIX ISO는 string 타입이고 UNIX는 number 타입이다. ISO와 UNIX 둘 중 어느 것도 Date 타입이 아니다. new Date()..
Programming Language/🟨 Javascript 2021. 2. 17. 04:57

아나콘다 말고 미니콘다 합시다.

docs.conda.io/en/latest/miniconda.html Miniconda — Conda documentation Miniconda Miniconda is a free minimal installer for conda. It is a small, bootstrap version of Anaconda that includes only conda, Python, the packages they depend on, and a small number of other useful packages, including pip, zlib and a few others. Use th docs.conda.io anaconda는 너무 무겁다. 미니콘다를 하자. 어차피 주피터 노트북만 쓸 거 다 안다... 물론 ..
Programming Language/🐍 Python 2021. 2. 13. 17:13

Intersection Observer를 활용한 이미지 동적 로딩

다른 포스트에서 옵저저 패턴 ~ Reactive Programming 패러다임 ~ RxJS으로 연결되는 프로그래밍 패러다임을 살펴본 바 있습니다. 여기서는 Intersection Observer(줄여서 io)를 활용하여 이미지를 동적으로 로딩해는 기능을 만들어보고자 합니다. 왜냐하면 Fuze에서 모델들의 사진을 뿌릴 때 이미지를 동적으로 로딩시켜야할 필요가 있기 때문입니다. intersection Observer는 또 뭐야 특정 DOM 객체가 우리가 보는 화면 영역(viewport)과 겹치는 교차 이벤트를 감시합니다. 쉬운 말로, dom이 우리가 보는 스크린에 노출이 되었냐? 아니냐?를 감지하는 겁니다. 기존에 scroll 이벤트를 감지하여 하용하는 방식은 스크롤이 내려가면 계속 트리거되기 때문에 성능에..
Programming Language/🟨 Javascript 2021. 2. 8. 09:06

모바일 감지를 위한 tip

css-tricks.com/touch-devices-not-judged-size/ Touch Devices Should Not Be Judged By Their Size | CSS-Tricks Front-end developers and web designers live in an insane multi-device reality. A few months ago, the Red Hat UXD team discussed how to design enterprise css-tricks.com 이 글을 읽고 생각하게 되었다. React에서는 이렇게 mobile을 감지했는데 브라우저 가로 폭의 길이에 따라 감지하는게 핵심이다. (순수 js라면 media query를 이용하면 된다) 그러나 모바일의 크기가 점차 ..
Programming Language/🟨 Javascript 2021. 1. 23. 02:24

@Decorator (3) : reflect-metadata

typescript-kr.github.io/pages/decorators.html - 메타데이터 (Metadata) 부분을 참고합시다. www.npmjs.com/package/reflect-metadata reflect metadata에 들어가기에 앞서... 왜 쓰냐?는 질문에 runtime reflection을 하게 해준다는 단순한 답을 얻을 수 있었다. reflecting이란 코드가 구동시(런타임) 자기 자신을 검사, 수정할 수 있는 능력을 말한다. reflection programming is the ability of a process to examine, introspect, and modify its own structure and behavior.[ 출처 : https://en.wikiped..
Programming Language/🟦 Typescript 2021. 1. 13. 06:32

@Decorator (2) : Decorator 예시 보며 활용 방법 익히기

www.notion.so/Decorators-ee9928ba4a0b4c5584ddaf478e3910ee Decorators Decorator 란 ? www.notion.so Mark Lee 님의 영상과 자료를 참고하였다. 데코레이터로 class에 메서드를 추가해줬는데 TS에서 Property 'print' does not exist on type 'Test1'. 라며 타이핑 에러를 낸다. 어쩔 수 없이 as any 로 타입 단언을 해줘야 한다. function classDecorator(constructorFn: T) { return class extends constructorFn { // 여기서 target은 decorator를 단 class를 의미함. constructor(...args: any[]..
Programming Language/🟦 Typescript 2021. 1. 13. 05:52

@Decorator (1) : setting, decorator signature, decorator factory

typescript-kr.github.io/pages/decorators.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io www.typescriptlang.org/docs/handbook/decorators.html Documentation - Decorators TypeScript Decorators overview www.typescriptlang.org Decorator 사용을 위한 settings Nest를 공부하다보면 Decorator를 자주 사용하는 것을 확인할 수 있다. 사실 decorator로 만들어졌다고 해도 과언은 아니다. Nest is built around a language feature called dec..
Programming Language/🟦 Typescript 2021. 1. 13. 03:41

C 언어 기초적인 표기법과 언어 전반에 대한 지식

C언어의 탄생 벨 연구소에서 Unix 운영체제를 만들고 있던 연구원 중 데니스 리치(dennis ritchie), 켄 톰슨(ken thompson)에 의해 1972 C언어가 탄생했다. 어셈블리 언어보다 간편한 언어를 직접 만들어야 했는데, BASIC, Fortran과 같은 언어보다 더 간편한 언어였다. C 언어의 대중화에 같이 Unix 운영체제를 개발하던 커닝햄(brian wilson kernighan)이 C 언어 교재를 집필하면서 C 언어가 대중화되었다. 초보자가 보기에는 무리가 있는 책이지만 아직까지도 참고되고 있다. C 언어의 특징 [장점] 프로그램의 효율성을 높일 수 있다. 강력하면서도 유연하다. 하드웨어를 제어하기에 좋다. 프로그래머 중심이다. (프로그래머가 GC도 알아서 해야한다) 다른 시스템..
Programming Language/C (Clang) 2021. 1. 4. 03:29