올해부터는 매달 말일 회고를 해볼까 한다.이번 달에는 무슨일이 있었고 좋았던 점은 무엇이고, 아쉬웠던 점은 무엇인지, 또 다음달은 어떤 일이 있을지 목표를 생각해보는 시간을 갖을 예정이다.

얼마전 프로젝트에서 서버를 통합하는 과정에서 API 요청을 보냈는데 CORS ERR 가 응답으로 떨어졌다.그간 회사 프로젝트를 하면서 프론트단에서 API 요청을 보냈을 때 CORS ERR 을 마주한적이 한번도 없었고 난생 처음보는 단어에 이게 뭐지? 라는 의문을 가졌다

웹 사이트를 개발할 때 스타일을 넣기 위해 css를 활용합니다. css 를 활용할때 브라우저 성능에 많은 영향을 미칠수 있기에 적절히 활용해야합니다.

이벤트 캡쳐링, 버블링, target, currentTarget 살펴보기

Hyper Text Transfer Protocol 의 약자로 웹 상에서 서버와 클라이언트 간에서 데이터를 요청, 응답 하기 위한 정형화된 약속(규약) 입니다.예시를 들어서 살펴보면, A(사람 = 클라이언트) 가 B(창고 = 서버)에게 창고 안에 있는 물건들의 무언가를

2022년이 어느새 끝나가고 있다.정신없이 지나갔던 해였고, 나에게 있어서 많은 중요한 사건들이 많았던 한해였다.

회사 내 프로젝트에서 사소하지만 생각해볼만 했던 트러블 슈팅 기록을 남겨본다.

요즘 선언적으로 작성하는 코드란 무엇인가에 대해서 생각해봤다

MUI v5 는 React v18 과 호환이 안되는 부분이 있습니다.

Common UI Component Package 에 Storybook 을 접목시켜 컴포넌트를 독립적으로 스토리를 짜서 테스트 및 개발 할 수 있는 환경을 구축해봤습니다.

테크블로그에 올린 기술 포스팅입니다.

회사에서 새로운 아키텍처를 설계하기 위해서 Frontend 미팅을 하던 중 새로운 아키텍처의 시드를 만드는 것 이외에 재활용 할 수 있는 UI 컴포넌트들을 패키지화 시켜서 관리하는 방안에 대해서 이야기가 나왔습니다.현

Icon-Font-Generator(feat. Fontello) 를 React 에서 활용하는 방법에 대해서 알아봤습니다.

React Query 를 활용할 때 WebSocket 와 함께 사용되는 케이스에 대한 탐구입니다.

React-Router v6 을 알아봅시다!

Parcel 에 대해서 간단하게 알아봅시다!!

모던 자바스크립트 Deep Dive Study 포스팅입니다.

Angular 를 간단하게 살펴보고 React 와의 비교를 통해 프론트엔드에서 어떤 기술을 사용할 지 고민해보는 시간을 가져봤습니다.

리액트에서 Custom Hook을 다루는건 코드의 가독성을 향상시키며 코드의 재사용성과 유지보수에 있어서 아주 효과적이라고 할 수 있다.먼저 React Hook이 무엇인지 살펴보자.React Hook은 16.8 버전에 새로 출시된 React의 요소로써 함수형 컴포넌트에

이번 포스팅에서는 React.js 훅 중에 하나인 useEffect에 대해서 간단하게 알아볼 것이다.useEffect 훅은 Side-Effect를 처리할 때 사용한다.함수가 실행되면서 함수 외부에 존재하는 값이나 상태를 변경시키는 등의 행위데이터 가져오기, 구독(sub