들어가며 많은 이미지를 디스플레이하는 일이 생기면서 이미지에 대한 궁금증이생겨서 이 글에서는 웹개발에 있어 이미지 최적화의 필요성을 짚어보고, 다양한 이미지 포맷 (jpeg, png, webP 등), 웹에서 이미지를 다루는 방식 (blob, base64 등), 최적화 기법 등의 이미지를 효율적으로 관리하고 최적화하는 방법들에 대해 작성해보려고한다. ...

들어가며 최근에 회사에서 다국어를 처음 적용해 봤다. 우리 프로젝트는 특수하게도 react로 만든 프로젝트를 webpack으로 번들링하여 electron을 실행해 번들링된 파일을 watch하는 방식이다. 그래서 이 글에서는 react에서사용하는 language를 browser에서 detect하는 라이브러리 (i18next-browser-langu...

글을 시작하며… 부끄럽게도 2023년 1월 6일 이후로 포스팅을 하나도하지 않았다. 오늘은 그에 대한 반성과 올해를 마무리하며 있었던 일들을 정리하며 내년의 계획을 세우기 위해서 포스팅을 한다. 근황 9월 추석 연휴를 이용해 발리를 다녀왔다. 3일차 까지는 혼자 스쿠터를 빌려 우붓을 관광하였고, 나머지 4일은 회사 동료를 만나 같이 서핑을하고 ...

TDD (Test Driven Development) 한글로 하면 테스트 주도 개발 이라는 뜻이다. 보통 우리의 업무 프로세스는 개발을 하고 개발한 결과물에 관한 테스트를 진행하게된다. 유닛테스트, 통합테스트, 종단간 테스트 등.. 그런데 TDD는 개발하기 전에 실패하는 테스트를 만들고, 테스트의 오류를 해결해나가면서 성공적인 테스트를 완성하는데...

2022년 무슨 일이 있었나? 시간대 별 3대 470kg 달성 블로그 시작 석사 학위 취득 취직 / 전문연구요원 시작 영어 회화 공부 시작 3대 470kg 달성 나는 헬스와 독서 빼고는 딱히 취미가 있진 않다. 그래서 쉬는날이나 평일에 퇴근 후에도 헬스를 꾸준히 하는 편이다. 그런데 언젠가 ...

Atomic Design Pattern 우리가 학창시절에 배우는 화학에 영감을 얻어 만들어진 디자인 패턴이다. 고등학교 과정을 받으면 다 아는 정도에 화학 지식이면 충분하기 때문에 걱정할 필요는 없다…! 원자가 어떠한 물질을 이루는 가장 작은 단위이고, 원자가 결합해 분자를 형성한다 그리고 분자들이 모여 유기체를 만든다. 위와 같은 개념으...

RxJs 개요 RxJs의 용도는? Think of RxJS as Lodash for events. (RxJs를 이벤트용 Lodash로 생각하라) 처음에 RxJs의 공식 문서를 살펴보면 이게 정확히 무슨 용도로 쓰이고 어떤 효용성이 있는지 파악하기 힘들다. 작성자도 같은 생각이었는지 위와 같이 설명한다. 내가 생각하는 RxJs의 용도는 간단...

Graph Graph 는 정점(vertex)과 간선(edge)으로 이루어져 있는 자료구조이다. 데이터 항목 간의 관계를 나타내는데 사용되며 소셜 네트워크, 교통 네트워크 등과 같은 광범위한 데이터를 나타내는데 사용된다. 보통은 어떠한 목적지에 대한 최단 경로와 지도 등의 연결되어 있는 객채 간의 관계들을 표현할 때 사용한다. 아래는 Javas...

Storybook install storybook 설치 npm i @storybook/react storybook init npx storybook init Storybook setting stories/main.js module.exports = { addons: ["@storybook/addon-essentials"], ba...

시작 전에 이 후기는 굉장히 주관적이며 제 방식이 맞다고 생각하는 것도 아니고, 따라하라는 글이 아닙니다. 누군가 이 후기를 보고 조금이라도 도움이 되고 즐거운 시간이 됐으면 해서 작성하는 글입니다. (저는 취준 기간 동안 누군가 취직한 후기를 많이 보고 동기부여도 되고 실제로 팁도 얻었습니다.) 회사 리스트업 이번달 2022-08-19일자로 취...