본문 바로가기

프론트엔드

(2)
직장인이 되어 처음으로 끄적여보는 글 몇 년 전 우아한테크코스 과정을 들으면서 개설한 이 블로그에 정말 오랜만에 돌아왔습니다. 당시에 배우는 것도 느끼는 것도 많다 보니 조금씩 기록하고 싶어서, 주변 크루들이 열심히 글을 쓰는 모습을 보고 자극받아서 블로그를 개설했었는데요. 한동안(이라기에는 좀 긴 시간인 것 같지만) 블로그에 거의 신경을 못 썼습니다. 그런데 최근에 동료분의 블로그를 보고, 제 블로그가 생각나서 다시 둘러보다가 개발자 지망생에서 현업 개발자가 된 저에 대해서도 조금씩 다시 기록해보고자 합니다. 어떤 날은 기술적인 얘기를, 또 어떤 날은 두서없이 허심탄회한 얘기를 짧게라도 적으러 오겠습니다.우아한테크코스가 끝나고우아한테크코스가 끝나고(좀 더 정확하게는 우아한테크코스 수료 직전) 감사하게도 바로 첫 직장 합격 통보를 받았습니다..
snowpack으로 React 시작하기 이번 미션을 진행하며 Snowpack을 이용해 리액트 환경을 세팅해보았다. Snowpack이란? 스노우팩은 요즘 떠오르는 프론트엔드 빌드 툴이다. 번들러에 의존하지 않고(unbundle) 웹 어플리케이션을 빌드한다. Snowpack의 장점은? 언번들 개발을 해서 빌드 속도가 빠르다. 프로젝트 크기가 개발 속도에 영향을 주지 않는다. 번들러를 사용할 시, 작은 변경이 생길 때마다 전체 파일을 새로 번들해야한다. 그리고 이는 파일을 저장하고, 브라우저에 표시하기까지 몇 초의 지연을 발생시킨다. 하지만 snowpack은 번들을 하지 않기 때문에 파일의 일부를 변경하면 해당 파일만 새로 빌드한다. 1. snowpack 설치 (prettier까지 설치됨) npx create-snowpack-app [프로젝트 이름..