Responsive SVG

ViewBox 캔버스의 사이즈를 100px, 100px로 맞추고 path를 그린다. 그리고 내 앱에 쓸때 viewBox를 0 0 100 100으로 지정해 주면, 안에있는 path가 마치 100×100 사이즈의 캔버스에 그려지는것처럼 그려진다. 실제로 저 Svg는 100px이 아님에도 불구하고 예쁘게 그려진다. 캔버스를 200×200으로 해서 다시 그려도 viewBox만 0 0 200 200으로 맞춰주면 안에 path도 그 화면 안에서 잘 그려진다. Responsive하게 그려져서 […]

Aspect Ratio

가로길이를 세로길이와 똑같이 맞출때 가로길이를 100%로 하고 세로길이는 안주고 aspectratio: 1주면 세로길이가 가로길이랑 똑같아진다!!

Mac Terminal 한글 깨짐 현상

터미널을 켰는데 갑자기 한글이 ????로 표시됬다. 나는 일시적인 오류라고 생각해서 컴퓨터를 재부팅 했지만 문제는 여전히 그대로였다. 검색 결과 아래와 같은 3가지 해결안을 얻었다. 인코딩 변경 터미널 > 환경 설정 > 프로파일 > 고급 > 다국어 > 텍스트 인코딩 : 한국어(EUC) 언어 재설정 터미널 > sudo languagesetup한국어 선택(10번) 옵션 설정 내경우에는 옵션 설정을 해주는 방법으로 문제가 […]

Typescript 어려운 부분

Diff Partial DeepPartial DeepPartial은 단순히 Partial을 제귀적으로 사용해서 모든 요소를 optional로 만든것일 뿐이다. Typescript에 기본 내장되어 있지는 않고, Redux의 index.d.ts파일에 있어서 적어봤다. Required Pick Exclude Diff와 같은 기능을 한다. 하지만 Exclude는 Typescript 2.8버전부터 Built-in으로 지원된다. Omit Typescript에서 기본적으로 제공하는 기능은 아니지만 Pick과 Exclude를 활용해서 만들 수 있다. 어떤 타입의 특정 속성을 떨궈내는데 사용한다. Interface의 속성을 […]

Typescript 적용 실패 후기

요즘 타입스크립트가 인기라고 해서, 이번에 새로 제작하는 작은 프로젝트에 적용했다. 하지만 중도에 시간도 부족하고 지쳐서 포기했다. 하면서 뭐가 어려웠는지 대충 기록해 보았다. tsconfig.json moduleResolution / outDir / files / exclude 등의 속성이 이해가 잘 안갔다. 그리고 outDir로 분명 지정했는데 tsc src/index.ts 로 했더니 ourDir에 지정한 path에 파일이안갔다. 알고보니 그냥 tsc를 써야했었다. Webpack + Typescript ts-loader […]

Typescript + React 막무가내 Error Log

설정 tsconfig.json 안에 outDir이거 필요한거맞아? 어차피 ts-loader가 변환 하면서 bundling하는거 아니야?? import React from ‘react’요따구로 쓰면 안되고, import * as React from ‘react’ 이렇게 써야한다. JSON으로 서버에서 데이타를 받아왔는데, 구조가 좀 복잡하다. 배열을 string으로 감싼것도있고,,, 이거를 어떻게 type을 지정해 줘야할까?=> primitive type을 쓰면 된다. 그냥 string이나 number쓰고, 그 type을 UserJSON이라고 하면되지. JSON용 type. “{“admin”:”1234″,”assist”:”4321″}” 라는 […]