OCEAN-WARD BOUND

1. Web Vitals?Web Vitals는 웹에서 우수한 사용자 환경을 제공하기 위해 필수적인 품질 지표들의 통합 가이드를 제공하기 위한 Google의 이니셔티브(전략, 계획)입니다.Google의 검색 엔진은 다양한 웹 사이트의 성능을 측정하여, 이를 검색 엔진 순위 시스템에 반영합니다. 만약 성능을 측정하는 표준이 없으면, Google의 검색 엔진은 어떤 웹 사이트가 우수한 성능을 가지고 있는지 파악하기 어렵고, 개발자 또한 자신의 웹 사이트의 성능을 검색 엔진에 제공하기 어려워집니다. Web Vitals는 이러한 문제를 해결하기 위해, 개발자가 웹사이트의 성능을 체계적으로 측정하고 개선할 수 있도록 명확한 기준을 제시합니다. 이를 통해 웹사이트의 사용자 경험을 최적화할 수 있으며, 구글 검색 엔진..

tailwindcss의 사용법을 어느정도 익힌 후, 새로운 스타일링 라이브러리를 찾아보던 중 Vanilla Extract라는 것을 알게 되었어요.Vanilla Extract: Zero Runtime Stylesheets-in-TypeScriptVanilla Extract는 공식 Github에서 "Zero Runtime Stylesheet-in-typescript" 라고 소개합니다. 기본적으로 TypeScript 파일에서 스타일을 지정할 수 있는 CSS-in-JS 방식이지만, styled-components나 Emotion과는 다르게 런타임에 스타일을 생성하지 않고, Sass나 Less처럼 빌드 시에 스타일을 생성한다고 합니다.CSS-in-JS의 장점과 단점styled-components와 emotion은..

저는 프론트 엔드 파트에 입문하면서 고민했던 부분들이 많았던 것 같아요. 특히 부트캠프를 고를 때는 더.. 제가 쓰는 글은 광고도 아니고 순전히 제가 느꼈던 부분들을 사실적으로 기록하는 것이기 때문에 혹시 부트캠프를 고르거나 신입으로써 앞으로의 커리어를 고민하고 계신 분이 있다면 제 글을 읽고 미약하게라도 도움이 됐으면 좋겠습니다ㅎㅎ 다들 화이팅 입니다..! :)프론트엔드 개발에 입문하다..대학교 3학년 때 웹 프론트엔드 개발을 입문했어요.평소 영화나 그림, 패션과 같은 시각적인 것을 좋아하는 저에게 프로그래머라는 직업은 딱딱하고 정적이며, 엔지니어적인 성향이 강하다고 생각했어요. (한마디로....노잼..?)그러다가 웹 퍼블리셔라는 직업을 알게 되었고 CSS 강의를 들으면서 개발 쪽에도 이런 심미적인 부..

REST란? REST란 Representational State Transfer의 약어로, 로이 필딩의 2000년 박사학위 논문에서 소개되었으며, 월드 와이드 웹과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식입니다. 엄격히 말해 REST는 네트워크 아키텍처 원리의 모음이고, 여기서 '네트워크 아키텍처 원리'란 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 일컫습니다. 쉽게 말하면 '네트워크에서 통신을 구성할 때 이런 구조로 설계하라는 지침' 혹은 '설계 가이드'로 말할 수 있습니다. 이러한 가이드에 준수하여 설계한 API를 REST API 혹은 RESTful API라고 합니다. REST API의 구성 REST API는 자원(Resource), 행위(verb), 표현(Re..