들어가며 리액트 실용주의 스터디 1회, 5회 두회차 동안 합성과 모달 UI에 대해 알아봤는데, 해당 스터디 회차 이후 따로 공부하면서 느낀 점을 기록해둔다. 헤드레스 UI 헤드레스 UI란 개념을 알게 되었다. 헤드리스 UI는 UI의 스타일을 제공하지…

세션 정보 바로가기(https://aitour.microsoft.com) 회사에서 진행하는 세션이 있어서 참석하게 됐다. 같은 회사이기는 해도 다른 계열사이고, 특히 나는 회사에서 AI와 전혀 상관없는 업무를 하고 있는데, 내부에서 AI를 업무에 녹일…

https://www.youtube.com/watch?v=HI0fPiZpniY&t=11s https://www.youtube.com/watch?v=fhNpjPr-f54 두 개의 영상을 시청한 후 각각의 영상에서 사용자 구간별로 다른 전략을 취하는…

재작년에 쓴 글이다. 무려! reflow에 대해 다시 찾아보려다가 기본개념에 대해 다시 알아보고…

바보같지만 늘 헷갈렸던 부분을 짚어본다. 쿠키는 서버단인가? 프론트인가? 쿠키는 브라우저에 저장된다. 하지만 서버가 브라우저에 상태를 저장하기 위해 사용할 수 있다. HTTP Cookie 헤더 또는 Set-Cookie 헤더를 통해…

tanstack query의 효용 server state에 대한 관리 책임에서 리액트 컴포넌트가 일정부분 해방된다. 기본적으로 state의 관리 책임은 리액트 컴포넌트가 가지고 있다고 생각한다. 만약 외부의 data를 fetching해서…

기본적으로 브라우저에서 링크 이동을 하려면 a tag의 href을 이용하여 이동할 수 있다. 그러나 SPA 어플리케이션의 경우 앱 내부에서 이동을 하려면 a href의 기본 기능을 사용할 수 없다. 따라서 history 관련 웹 api 중…

(작년 9월 25일에 사내용으로 작성한 글을 재가공하여 쓴 글입니다. 딱 1년만에 다시 보는 글! 신기하다) 모노레포란 두 개 이상의 프로젝트 코드가 버전관리 시스템 상에서 동일한 저장소에 저장되는 프로젝트 구성기법이다. 예를 들어 주문과 전시의…

FEConf 2024 [B1] 바퀴 대신 로켓 만들기를 보고 제 임의대로 요약한 내용입니다. 사견은 추가로 초록색으로 표기하였습니다. 30년 간 지속해온 업이 남긴 유산. 앞으로 나아가야하는 비즈니스에 레거시(jsp, euc-kr)가 발목을…

react-query를 쓸 때 staleTime과 cacheTime은 아주 중요하다. (+ 키값도) 클라이언트 브라우저에서 실제 바뀐 값이 업데이트가 되지 않으면 아주 곤란하기 때문이다. stale-time은 말 그대로 데이터가 얼마간 '신선한가'를…

출처 : 페이지 수명 주기 API unload 이벤트 주의 : 모던 브라우저에서 절대 사용하지 말것❗❗ 많은 개발자들이 unload 이벤트를 보장된 콜백으로 간주하고 이를 상태를 저장하고 분석데이터를 보낼 수 있는 세션의 종료 신호로 사용하고 있습니다…

기초를 중요히하자! javascript 기본의 중요성에 대해 더더욱 깨달은 최근 1~2주였다. 이슈 1 : stale closure issue 개발을 하던 중 무슨 짓을 해도 React에서 state 값을 읽으려고 할 때마다 state의 초기값을 읽는…

개발을 하다가 부모 컴포넌트에서 자식 컴포넌트에게 props로 전달해야하는 값이 생겼다. 어떻게 전달하면 좋을까? 처음 찾아본 스택 오버 플로우 는 (how to pass props to children?)로 검색해서 찾은 글이다. Context를…

이번주에 git fetch를 할 때 non-fastforward 하다며 fetch가 reject되었다. fetch는 무조건 fastforward하다고 생각했기 때문에 당황했다. 몇번이고 기존 로컬 브랜치까지 삭제하고 다시 fetch를 해보고 해당 원격…

올해 상반기 때부터 꼭 나만의 뭔가를 처음부터 끝까지 만들어보고 싶다는 생각이 커졌다. 1차적으로는 블로그를 직접 만들어보기로 했다. 특히 영환님의 블로그나, dan abramov의 블로그를 보면서, 나도 저렇게 심플한 블로그를 갖고 싶었다. 블로그를…