HOME
[TS] 타입스크립트 - 제네릭, 프로미스
[TS] 타입스크립트 - 제네릭, 프로미스
2024.04.24제네릭 소개제네릭은 타입을 함수의 파라미터처럼 사용하는 것을 의미한다. 제네릭은 재사용성이 높은 컴포넌트를 만들 때 자주 사용한다. 한 가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성할 때 유용하다. 제네릭 기본 문법💡 T는 Type parameter의 약자로 관용적으로 사용한다. 꼭 T를 사용해야하는건 아니다. 아래 함수의 text파라미터엔 hi 10 true 등 어떤 타입의 값이 들어가더라도 그대로 반환한다. 이렇게 모든 타입을 받을 수 있는 이유는 타입을 따로 지정하지 않았기 때문에 암묵적으로 any 타입이 돼서 그런 것이다.function getText(text) { return text;} 아래 함수는 제네릭 기본 문법이 적용된 형태다. 위 함수와 비슷하게 어떤 타입이든 파라미터로..
[TS] 타입스크립트 - 기초 내용 정리
[TS] 타입스크립트 - 기초 내용 정리
2024.04.24타입스크립트란?타입스크립트는 자바스크립트에 타입을 부여한 언어다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트를 브라우저에서 실행하려면 파일을 한 번 변환해줘야 한다. 이 변환 과정을 컴파일(정확히는 트랜스파일링)이라고 부른다.참고로 Babel은 자바스크립트의 최신 문법을 최대한 많은 브라우저에서 호환할 수 있도록 변환해주는 도구다. 왜 써야 할까?아래 2가지 관점에서 JS 코드 품질과 개발 생산성을 높일 수 있다.에러 사전 방지코드 가이드 및 자동 완성(생산성 향상) 에러 사전 방지아래 두 코드 모두 두 숫자의 합을 구하는 함수다. 위는 자바스크립트, 아래는 타입스크립트로 작성했다. 함수 호출 시 숫자가 아닌 문자열을 넣으면 자바스크립트는 문자열을 결합해서 전혀 다른 결과를 반환한다. 아래..
[JS] location 객체의 href/assign, replace 차이점
[JS] location 객체의 href/assign, replace 차이점
2024.04.24차이점 요약window.location.assign(및 href) : 정보를 전송하지 않고 페이지만 이동 / 뒤로 가기 가능window.location.replace : 정보를 전송하지 않고 페이지만 교체 / 뒤로 가기 불가window.location.reload : 현재 페이지의 문서 다시 로드 window.location.assign (href)뒤로 가기 버튼을 눌러 이전 페이지로 이동할 수 있다주소 히스토리에 기록된다뒤로 가기 : location.assign 메서드를 호출한 페이지로 이동용도 : URL을 이동하는 대부분의 경우에 사용location.href``location.assign 이 둘은 사용법만 다를 뿐 기능은 동일하다 window.location.href = "url"; // locati..
[Mac OS] 맥 메뉴바에서 미세먼지 상태 확인하기 - Pollution Monitor
[Mac OS] 맥 메뉴바에서 미세먼지 상태 확인하기 - Pollution Monitor
2020.08.16Mac OS는 메뉴바 상단에서 배터리 잔량이나 시간 등을 확인할 수 있다. Windows로 따지면 우측 하단 작업표시줄에 위젯이 추가된 개념이다. 맥 메뉴바에서 개인적으로 가장 많이 보는 항목 중 하나가 날씨, 미세먼지다. 오른쪽 알림 센터에 위젯을 추가하여 확인할 수도 있지만 아무래도 직관적인 메뉴바가 더 편하다. 메뉴바에 미세먼지를 표시해주는 미세몬, 미세먼지 코리아 같은 앱이 있지만 모두 대기질 상태를 숫자로 보여주지 않은 점이 아쉬웠다. 오늘 소개할 Pollution Monitor는 한국은 물론 세계 주요 도시의 대기질 스코어를 숫자로 표시해준다. 또 대기질 상태에 따라 메뉴바 배경색이 변하기 때문에 훨씬 직관적이다. 다운로드 다운로드: Pollution Monitor (무료) 개발사: Seagu..
홍보 포스터에 사용하면 좋은 유료/무료 중국어 폰트(서체) 모음
홍보 포스터에 사용하면 좋은 유료/무료 중국어 폰트(서체) 모음
2020.08.16홍보 포스터, SNS 이미지 등을 제작할 때 어떤 폰트를 사용하냐에 따라 분위기가 확 달라진다. 전달하려는 메시지와 톤앤매너에 잘 맞는 폰트를 선정하는 건 그만큼 중요하다. 한글 폰트는 조금만 검색해보면 다양한 정보를 얻을 수 있지만 의외로 중국어 폰트 관련 정보는 별로 없다. 오늘은 중국 마케팅 등에 유용하게 쓸 수 있는 유료/무료 중국어 폰트를 소개하고자 한다. 1. 무게감 있는 중국어 폰트 📺 优设标题黑 (UISDC - 표제흑체) 폰트 이름: 优设标题黑 폰트 제작사: UISDC 폰트 키워드: 속도감, 무게감 라이선스: 무료, 상업적으로 사용 가능 글리프 개수: 7194 다운로드 : 링크 优设标题黑는 에너지를 발산하는 듯한 스타일의 폰트다. 중문 Simhei(黑体) 서체를 바탕으로 획에 굵기를 주고 ..
아이폰 원격 제어 프로그램 Wormhole 할인코드/리딤코드 배포
아이폰 원격 제어 프로그램 Wormhole 할인코드/리딤코드 배포
2020.08.12어제 PC(Mac/Windows)에서 아이폰과 아이패드를 원격 제어할 수 있는 Wormhole이라는 프로그램의 리뷰 포스팅을 올렸습니다. 안드로이드는 모든 기능을 무료로 사용할 수 있지만 iOS는 $8.99 달러로 살짝 부담되는 가격입니다. 트라이(체험판) 기간이 없기 때문에 내가 찾던 기능이 있는지 직접 사용해볼 수 없어서 조금 애매했죠. 🔍️ Wormhole 리뷰 글 보러 가기 Wormhole 개발사에 체험 기간이 없는 단점에 대해 피드백을 남겼는데, 뜻밖에 한국 유저들을 위한 무료 리딤코드와 20% 할인코드를 선물했습니다. 무료 리딤코드는 선착순 10명, 할인 코드는 무제한으로 사용할 수 있습니다. (저는 직접 돈 주고 구매해서 쓴 리뷰인데 조금 억울하네요 😥) 무료 리딤코드(선착순 10명) ..
맥, 윈도우 PC에서 아이폰, 아이패드 원격 제어하기 - Wormhole
맥, 윈도우 PC에서 아이폰, 아이패드 원격 제어하기 - Wormhole
2020.08.12시중엔 PC에서 안드로이드 스마트폰을 제어할 수 있는 수많은 툴이 있다. Scrcpy 같은 오픈소스 프로그램을 이용해 윈도우나 맥에서 안드로이드 기기를 제어할 수도 있다. 이렇게 안드로이드를 원격 제어할 수 있는 다양한 방법이 있지만 아쉽게도 아이폰(iOS)을 제어할 수 있는 툴은 딱히 없었다. 있다고 해도 아이폰을 탈옥해야 하는 조건이 붙는다. 하지만 최근 우연히 발견한 Wormhole이라는 프로그램을 이용하면 윈도우 PC나 Mac에서 아이폰을 제어할 수 있다. 아마 탈옥하지 않고 아이폰을 원격 제어할 수 있는 유일무이한 툴이 아닐까 싶다. 아래는 Wormhole 개발사 공식 홈페이지에 올라온 구동 영상이다. 영상 중간중간 중국어가 보이는 걸 보니 중국 개발사가 만든 것으로 보인다. Windows/..
알뜰한 중국 생활을 위한 돈 절약 방법 16가지
알뜰한 중국 생활을 위한 돈 절약 방법 16가지
2020.05.301. 기차표 환불 중국 철도국의 환불 수수료 규정은 아래와 같다. 24시간 내 환불, 20% 수수료 발생 48시간 내 환불, 10% 수수료 발생 15일 내 환불, 5% 수수료 발생 부득이하게 환불해야 할 경우 기차 시간을 48시간 이후로 변경한 뒤(무료) 다시 환불하면 5%의 수수료만 발생한다. 2. 대중교통 할인 알리페이(支付宝) 앱 → 交通出行(교통) → 出行优惠(모빌리티 혜택)에서 주간/월간 교통카드를 구매하여 할인된 가격으로 이용할 수 있다. 상해의 경우, 단 0.1위안(1마오)으로 20% 할인되는 버스 주간권(周卡) 혹은 30% 할인되는 지하철 주간권을 구매할 수 있다. 지역별로 할인 정책이 조금씩 다르니 出行优惠 메뉴에서 잘 살펴보자. 3. 1위안 미만으로 구매 가능한 생필품 오프라인 슈퍼에서..
노코드(No-Code), 자동화로 개발자 일자리가 줄어들까?
노코드(No-Code), 자동화로 개발자 일자리가 줄어들까?
2020.05.29범용 소프트웨어의 비대화 최근 소프트웨어가 소프트웨어를 잠식하고 있다는 내용의 재밌는 글을 발견했다. 원문 제목은 . 글쓴이는 대형/범용적인 소프트웨어는 한층 더 비대해지고 있으며, 이 비대한 소프트웨어가 비교적 작거나 전문 영역의 소프트웨어를 통합하는 추세라고 말한다. 그는 자신의 경험에 빗대어 클라우드 서비스가 수많은 소규모 소프트웨어를 대신하고 있으며, 프레임워크의 발전으로 처음부터 코드를 다시 써야 하는 일이 점점 줄어들 것이라고 주장한다. 나는 이런 현상이 얼마나 빠르게 일어나고 있는지 목격했다. 나의 첫 번째 직업은 작은 스타트업에서 엔지니어로 시작했는데, 그때 우리는 많은 양의 물리적 서버를 가지고 있었다. 이제 테크 스타트업에서 직접 서버를 관리한다는 건 상상하기 힘들다. 사람들은 모두 아..
생각을 위한 도구, 노션(Notion) 뒤에 숨겨진 선구자들
생각을 위한 도구, 노션(Notion) 뒤에 숨겨진 선구자들
2020.05.25All-in-one workspace를 지향하는 노션은 단순한 노트 작성부터 할 일, 위키, 칸반 보드, 데이터베이스 등을 총망라했다. 이런 다양한 기능 때문에 한 문장만으론 노션을 설명하기 참 어렵다. "풍부한 표현 능력을 블록(Block)으로 포장하여 프로그래밍을 모르는 사람들도 레고처럼 자유롭게 조립하여 사용할 수 있는 공간"이라고 하면 좀 더 이해하기 쉽지 않을까. 필자가 생각하는 노션의 정의는 3단계 과정을 거친다. 하지만 각 단계의 핵심 비전인 '생각을 위한 도구'는 변하지 않는다. 'tools for thought'는 Ivan Zhao(노션 창업자)의 트위터 프로필 메시지기도 하다. 1단계. 아이디어 구현 2단계. 구체화 : a unified tool for notes, tasks, wiki..
[시놀로지 NAS] 텔레그램으로 나스 다운로드 스테이션 알림, 다운 받기
[시놀로지 NAS] 텔레그램으로 나스 다운로드 스테이션 알림, 다운 받기
2020.05.20시놀로지 나스(Synology NAS)에선 다운로드 스테이션(Download Station)의 내려받기 완료 알림을 이메일로 받아볼 수 있다. 하지만 이렇게 사용하면 수신함이 온통 알림 메일로 가득차기 때문에 etlgr이라는 이메일 서비스를 통해 텔레그램으로 알림을 수신했었다. 무료로 제공하던 이 서비스는 얼마 전 유료로 전환되면서 한 달 $1.99를 지불해야 사용할 수 있게 됐다. 무료 사용자가 etlgr 알림 메시지를 확인하려면 웹 버전으로 접속하는 번거로움을 감수해야 한다. 결국 돈 내라는 소리다. 다른 대안을 찾아보던 중 acidpop님이 개발한 Synobot이라는 도커를 발견했다. Synobot을 이용하면 다운로드 스테이션의 작업 상태 변경 알림과 다운로드 스테이션 작업(다운로드..
원하는 페이지의 웹브라우저 목업 생성하기 - BrowserFrame
원하는 페이지의 웹브라우저 목업 생성하기 - BrowserFrame
2020.05.19자신의 웹페이지나 블로그를 다른 곳에 소개할 때 단순히 페이지를 스크린샷 하는 것보다 브라우저 프레임을 씌워서 공유하면 미관상 더 보기 좋다. BrowserFrame 이라는 사이트에서 크롬, 사파리 같은 웹브라우저의 목업(프레임) 생성 서비스를 제공한다. 다크 모드, 라이트 모드를 선택하거나 백그라운드 색상 등도 직접 변경할 수 있다. 프레임(목업) 생성 방식 : URL 입력 후 페이지 로드, 이미지 직접 업로드 프레임 종류 : 일반(Mac), 크롬(Mac/Win), 사파리, 파이어폭스(Mac/Win), 엣지, IE, 오페라 프레임 DPI : Retina DPI 다크, 라이트 모드 옵션 배경/그림자/스크린 색상 변경, 가로/세로 크기 변경, 비율 조절 사용 방법 🔎 BrowserFrame 메인 화면 접속..