최근에 프론트엔드 테스트에 대해서 고민이 많다. 그 동안 한번도 프론트엔드에서 테스트와 관련된 작업을 하지 않았던게 컸고, 막상 하려니 도대체 뭘 테스트 해야하지? 라는 생각이 들었기 때문이다. 이것저것 테스트 코드를 작성해보니 정말 이게 맞을까? 라는 의문도 …
2022년 05월 11일 · 4 min read
YewYew는 React와 같은 구조를 Rust 기반으로 개발하여 WASM으로 배포하는 프론트엔드 프레임워크다. Yew를 써봐야지 익혀봐야지 하면서도 미뤄두고 있다가 최근에서야 해보게 되었다. 개발 환경을 오래전에 만들어서 배포하는 워크플로우를 만들다가 계속 실패해서 난감했다. rustup target add wasm32-unknown-unknown 위 …
2022년 03월 02일 · 2 min read
예전에 장난삼아 훗날엔 파이썬으로 프론트 개발하는 날이 올거라서 자바스크립트를 깊게 하지 않겠다고 말했던 적이 있었다. 파이썬을 사랑하는 마음에 던진 말이었는데 정말 그런날이 올지도 모른다는 생각이 들었다. Brython이라는 존재가 그러한 확신을 심어주었다. Brython은 사실 꽤나 오래전부터 …
2021년 12월 25일 · 18 min read
결론부터 말하면 스태틱 파일이 포함된 디렉터리를 순회하며 자동으로 ts는 js로 scss는 css로 트랜스파일을 해주는 코드를 작성하였다. 왜 도입하게 되었나 블렉스에서 프론트엔드 기술은 순도 100% JS와 CSS다. JS의 경우 최대한 하위호환을 유지하기 위해서 ES5 문법으로 코딩하고 …
2020년 06월 09일 · 8 min read
일렉트론은 Web Stack을 이용하여 데스크톱 어플리케이션을 개발할 수 있는 도구이다. GitHub에서 Atom을 제작하기 위해서 만들었으며 일렉트론을 사용하여 만들어진 어플리케이션은 Slack, VS Code, Discord가 있다. 기본적으로 크로미움을 내장하고 있는 것으로 보인다. 프레임워크 구성 main.js 메인 프로세스 …
2020년 04월 24일 · 17 min read
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
