우리가 모노레포를 도입한다면?
1. 모노레포란? 모노레포(Monorepo)는 여러 프로젝트를 하나의 Git 저장소에서 관리하는 방식을 말합니다. 우리가 지금까지 흔히 사용했던 멀티레포(Multirepo), 즉 프로젝트나 서비스별로 각각 독립된 레포지토리에서 관리하는 방식과는 대조되는 방식입니다. 2. 모노레포는 왜 필요할까? 모노레포의 등장 배경에는* 현대 웹 개발의 복잡성이 그...
사용자의 마음을 읽는 UX 개발자 되기
0. 들어가며 > 기술은 어떻게 행동을 형성하는가? 최근 우리 주변을 살펴보면, 정말 셀 수 없을 정도로 많은 기술들이 우리를 둘러싸고 있습니다. 그리고 우리는 그 모든 것들이 사용자 경험으로 이어지는 시대에 살고 있습니다. 이제 기술은 단순히 기능을 구현하는 도구가 아니라, 사용자의 행동을 형성하기 시작했습니다. 사용자와 서비스의 접점에 서있는 프론...
컴포넌트 설계란?
1. 컴포넌트란? 우리가 개발을 하며 일상처럼 만나는 단어, 바로 '컴포넌트'입니다. 컴포넌트는 독립적이고 재사용 가능한 소프트웨어 모듈 또는 구성 요소를 의미합니다. 웹사이트 개발에서는 화면을 구현하는 기본적인 단위로 사용되며, 흔히 레고 블록에 비유하기도 합니다. 우리는 하나의 페이지를 다양한 컴포넌트를 조합하여 만들어냅니다. - 왜 컴포넌트를 사용...
CSS-in-JS란? (Emotion, Vanilla Extract)
1. 기존 CSS의 단점과 CSS-in-JS의 탄생 배경 프론트엔드 개발에서 CSS를 다루는 방식은 끊임없이 달라지고 있습니다. 최근에는 React와 같은 컴포넌트 기반 아키텍처를 활용하여 개발하는 것이 주류가 되면서, 기존의 단순 CSS 방식은 아래 작성한 것처럼 여러 문제점과 한계를 나타내기 시작했습니다. 전역 네임스페이스 오염 CSS의 모든 클래...
웹 페이지 렌더링 과정(DOM, CSSOM, Render Tree)
우리는 일상 속에서 정말 많은 웹사이트에 접속하며 살아가고 있다. 링크만 클릭하면, 어느 곳에서나 어떤 기기로든 접속이 가능하다. 사용자의 입장에서는 간단한 과정처럼 보이지만, 실제로 그 뒤에서는 어떠한 과정이 이루어지는지 이 글에서 간단하게나마 알아보고자 한다. 1. 웹 페이지 렌더링이란? 웹 브라우저가 HTML, CSS, JavaScript와 같은 소...
HTTP와 HTTPS 간단히 살펴보기
최근 간단한 웹사이트를 배포하며, HTTP에 대해 알아보고 싶다는 생각이 들었다. 항상 웹사이트에 접속할 때마다 사용하면서도, 한번도 제대로 공부해본 적은 없어서 정확히 무슨 역할을 하는지 몰랐다. 이 글에서는 HTTP가 무엇인지 간단하게나마 살펴보고 그 역할을 이해해보고자 한다. HTTP란? HTTP란 Hyper Text Transfer Protoco...