-
TypeScript 2021‧11‧09
타입스크립트와 함께 React.lazy 사용하기
기존에 타입스크립트로 작성 전에는 아래처럼 작성했다. 그러나 타입스크립트로 작성하면 작동되지 않아 찾아본 결과 아래처럼 작성하여 해결되었다. 그리고 불러오는 대상 파일에 export default class { ... } 이렇게 되어 있는 부분에서 default를 삭제하고 내보냈다.
-
Javascript, jQuery, Reactjs 2017‧05‧18
Webpack + React 그리고 SCSS 컴파일해서 CSS 넣기
모듈 설치 npm install --save-dev style-loader css-loader sass-loader node-sass cmd를 실행해서 프로젝트 디렉토리로 이동하여 npm으로 모듈들을 설치하자. 이제 아래 두가지 방식 중 선택하여 작업한다. 1. .css 파일을 뽑아내지 않고 React에 담는 방식 2. .css 파일을 따로 만들어서 직접 html 안에 담는 방식 (<link rel="stylesheet" ... > 태그로 흔히 우리가 기본적으로 사용하는 그 방법) 1번 방식은 […]
-
Html, CSS 2014‧10‧24
CSS3 - 미디어쿼리 사이즈별로 임포트 방법
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) (screen and min-width:768px); 예제는 768px 이상일 경우 나눔글꼴 css 로딩 되도록 코딩함