공부/기타

프론트엔드 웹 성능 최적화 Pt. 0

프론트엔드 개발자로 일하게 된지 반 년이 넘었다. 서비스를 만들고 개발하고는 있지만, 돌아가게 하는 정도로 개발하는 것과 거기서 그치지 않고 빠르게 돌아가도록 하는 것은 보이는 것 이상의 차이가 있다고 생각한다. 지금까지 배운 최적화 방식에 대해 기록하기 전에, 프론트엔드 개발자가 왜 성능 최적화를 할 수 있어야 하는지에 대해 고찰해 보자. 웹 성능 최적화, 왜 해야 할까? 우리 회사에서는 MAU가 천만 단위인 서비스를 운영하고 있다(내가 개발하는 서비스는 다른 서비스지만). 물론 웹에서만 서비스되는 기능은 아니고 앱을 통해서도 접속할 수 있지만, 웹으로 이용하는 사람도 적지 않을 것이라고 생각한다. 회사에서 일하기 이전부터 해당 시스템에 가입해서 이용해 왔던 나도 역시 웹 버전으로 많이 이용한다. 그러..

TypeScript + ESLint + Prettier 설정하기

프로젝트에서 TS를 다뤄야 할 상황이 생겨서 TS 개발환경을 설정했다. VSCode에서 TS는 따로 이것저것 설정을 해 줘야 해서 조금은 번거로웠지만 비슷한 처지에 놓인 사람이 혹시 참고가 될 수 있도록 글을 쓴다. 또, 나는 평소에 스페이스바도 안 누르고 엔터도 제때제때 안 누르고 그냥 막 코딩해 놓고 Prettier의 Auto fix on save 기능에 모든 것을 맡긴다. TS는 이것도 따로 설정해 줘야 하길래 이것에 대한 설정도 다루고자 한다. TypeScript 설치하기 VSCode에서 설정 창을 열어서 npm을 통해 TypeScript를 설치해 주자. $ npm i -D typescript 참고로, npm install의 플래그 중 -P(--save-prod)는 프로젝트를 구동할 때 필요한 d..

macOS에서 VSCode로 C++ PS 환경 구축하기

맥북을 구입하게 되어서 개발 환경을 윈도우에서 맥으로 옮기는 중인데, 윈도우와 다른 점이 한두 가지가 아니다. 적응 단계에서 실패해 버리면 아마 이 친구는 중고로 팔려갈지도... 어쨌든, 나는 평소에 알고리즘 공부를 하면서 C++로 코딩을 하는데, 윈도우 노트북을 사용했을 때는 Visual Studio를 이용하여 코딩과 디버깅을 하였다. VSCode도 사용을 했지만 일반적으로는 js 등 다른 언어 상에서 작업을 할 때가 더욱 편했기 때문에, C++로 코딩을 할 때에는 항상 Visual Studio를 고수했다. 그래서 macOS에서도 평소처럼 Visual Studio를 설치했는데, C/C++ 개발을 지원하지 않는 것을 보고 찾아본 결과 macOS에서는 Visual Studio에서 C/C++ 개발을 할 수 ..

Ubuntu Server 20.04.1 한글 깨짐 현상

서버 관리를 하고 있는데 내부 페이지 소스의 내용을 살짝 건드릴 일이 있었는데, 내 콘솔에서는 한글이 제대로 출력되지 않아 제대로 수정을 못했다. 이전에 서버 관리를 하고 계셨던 선배님께서 대신 수정해 주셨고, 나는 내 콘솔 문제일 수 있어서 차후에 해결하겠다고 했다. 이번에 VM을 열어서 다시 설정해봤는데 한글이 깨지는건 매한가지였다. 1 2 $ sudo apt-get install language-pack-ko $ sudo apt-get install fonts-nanum* cs 한글 언어팩과 나눔 폰트를 설치했다. 1 2 3 4 5 $ sudo vi /etc/environment LANG="ko_KR.UTF-8" LANG="ko_KR.EUC-KR" LANGUAGE="ko_KR:ko:en_US:en"..