TypeScript 18 [타입스크립트] enum과 enum의 리버스 맵핑에 대하여 들어가며이번에 회사에서 신입 개발자를 뽑게 되면서 드디어 함께 스터디를 할 가까운 사람이 생겼다. 그래서 서로 얘기를 나눠보다가 둘 다 "우아한 타입스크립트 with 리액트" 책을 가지고 있고, 읽지 않았다는 공통점을 발견하고 이 책으로 시작을 하기로 했다.각자 내용을 읽고 확인하고, 더 찾아볼 내용이 있으면 공유해보자라고 했다.2장 66p에서 enum과 유니온 타입에 관해 내용이 있었는데,그 중에서 "enum의 리버스 매핑 기능은 컴파일러에서 처리되면 안 되는 동작이라고 생각해요" 라는 내용을 보았다.옳다구나하고 이번엔 enum의 리버스 매핑 기능에 대해 알아보도록 하자.ENUM우선 나름 인터넷에서 글을 열심히 찾아 읽는 프론트 개발자들은 이런 얘기를 들어보았을 것이다."enum은 타입스크립트의 기능이.. 2024. 5. 8. [Web worker] 웹워커 간단 사용기 들어가며 이번 글은 web worker(이하 웹 워커)에서 postMessage에 대한 에러를 확인하고 이를 수정하는 방법론? 에 대한 글입니다. 이 글에선 웹 워커의 간단한 동작,worker와의 통신, react에서 사용할 때 주의해야 할 점을 다룹니다. Web worker란 web.dev 문서를 잡고하면 웹 워커는 웹 애플리케이션에서 백그라운드 스크립트를 생성하기 위한 API입니다. 이 말보다는 저는 웹 워커는 자바스크립트에 없는 동시성을 주는 브라우저의 기능이다라고 설명합니다. 자바스크립트의 한계 웹 워커는 자바스크립트의 언어 자체가 가진 문제점으로 인해 만들어졌습니다. 자바스크립트는 단일 스레드 환경으로 여러 가지 스크립트를 동시에 실행할 수 없습니다. 그래서 비동기 코드를 작성하거나 setTim.. 2023. 9. 4. [서평단] 러닝 타입스크립트 - 조지 골드버그, 고승원 들어가며 오랜만에 작성하는 한빛미디어 서평단 후기입니다. 다행스럽게도 2021, 2022년에도 이어 2023년에도 서평단에 선정되어 올해 열심히 읽어보겠습니다. 이번에 신청한 도서는 제가 좋아하는 "러닝" 시리즈인 "러닝 타입스크립트"입니다. 서평을 작성하는 2월 24일 기준으로 60%을 읽고 있는데, 읽으면 읽을수록 역시 러닝시리즈라는 감탄이 나오는 책입니다. 그럼 핸디의 서평 시작하겠습니다. 선택 이유 작년 중반 이직후에 여러 프로젝트에 적응하려 또 런칭, 데모하랴 코드의 퀄리티보다는 돌아가는 기능에 중점을 둔 개발을 하고 있었습니다. 올해 초가 되어 약간의 여유가 생긴때에 어떤것을 공부할까 고민하는 와중에 이 책이 눈에 들어왔습니다. 타입스크립트의 기초적인 기능만 쓰는 제게 이 책을 통해 깊게 사용.. 2023. 2. 24. [Next] Tailwind CSS 도입 및 세팅(feat.Next 12) Tailwind CSS 란? 공식홈페이지의 설명을 살펴보겠습니다. "HTML에서 떠나는 일 없이 빠르게 모던한 웹사이트를 빌드해줄수 있게 하는 프레임워크" 라는 설명으로 시작합니다. 어떤걸 보여주는가 | BEM 전통적인 방식의 CSS 중에 유명한 것으로는 BEM이 있습니다. BEM은 Block, Element, Modifier의 앞글자들을 합친것으로 각각 __와 --로 구분합니다. .header__navigation--navi-text { color: red; } 이렇게 class를 통해 스타일을 정의하고 각각의 HTML element에 입히게 되는 구조입니다. 따라서 어떻게 보이는가 보다는 "어떤걸 보여주는가" 에 초점을 맞춘 방법론입니다. 예를 들자면 위의 CSS는 header 블록의 navigati.. 2022. 1. 5. 이전 1 2 3 4 5 다음