장고에 TypeScript와 SCSS 도입하기

결론부터 말하면 스태틱 파일이 포함된 디렉터리를 순회하며 자동으로 ts는 js로 scss는 css로 트랜스파일을 해주는 코드를 작성하였다. 왜 도입하게 되었나 블렉스에서 프론트엔드 기술은 순도 100% JS와 CSS다. JS의 경우 최대한 하위호환을 유지하기 위해서 ES5 문법으로 코딩하고 …

2020년 06월 09일 · 8 min read

Electron 시작하기 (With React)

일렉트론은 Web Stack을 이용하여 데스크톱 어플리케이션을 개발할 수 있는 도구이다. GitHub에서 Atom을 제작하기 위해서 만들었으며 일렉트론을 사용하여 만들어진 어플리케이션은 Slack, VS Code, Discord가 있다. 기본적으로 크로미움을 내장하고 있는 것으로 보인다. 프레임워크 구성 main.js 메인 프로세스 …

2020년 04월 24일 · 17 min read

오늘 알게된 내용 (React Router)

React-Router-Dom 기존 포트폴리오 페이지#가 단일 페이지로 생성되었는데 내가 만들었던 작업물을 좀 더 다양하게 보여주고 기존 블로그에 있었던 팔레트 페이지도 이쪽으로 옮겨오려 하였음. 여하간 페이지 분리가 필요하게 되었음 개요 SPA는 원래 단일 페이지의 어플리케이션을 의미하지만 실직적으로 …

2020년 04월 22일 · 5 min read

React로 Hello World 출력

Hello, React React로 Hello World를 출력해보자. 기본적인 설치 방법과 사용 방법을 기록하기 위해서 작성한다. How to install npm install -g create-react-app How to make application create-react-app hello-world 위 명령어를 이용하여 애플리케이션을 생성할 수

2020년 01월 05일 · 2 min read