Univdev
취소

서버와 클라이언트의 우아한(?) 대화 방법, Adapter Pattern (Feat. FSD)

들어가며 우리는 프로젝트를 수행하면서 다양한 케이스를 마주합니다. 그 중 가장 만나고 싶지 않은 케이스 중 하나는 Server가 제공하는 데이터의 Interface와 Client에서 사용할 수 있는 Interface가 너무나 상이한 경우일 것입니다. 프론트엔드 직군만의 문제가 아니라 프로젝트를 진행하다보면 언젠가 반드시 한 번은 마주하는 개발자...

프로그래밍 교육을 진행해보며 느낀점 (멘토 활동 중간 회고)

들어가며 저는 웹 개발 관련 교육 활동을 진행하고 있습니다. 물론 본업은 따로 있는지라 온전히 교육 활동에만 힘을 쓰고 있는 것은 아니기에 전업 강사분들과 비할 바는 못되지만 나름대로 교육 활동을 누적 2년 정도 진행하고 있는 주니어 강사라고 생각해주시면 감사할 것 같습니다. 제 교육 커리어의 시작은 제가 졸업한 모교에서 시작 되었습니다. 어쩌다...

사용자 경험 증대를 위한 낙관적 업데이트 (feat. React Query)

낙관적 업데이트 (Optimistic Update) 낙관적 업데이트는 서버 혹은 외부 디펜던시에 의존하는 업데이트 요청이 ‘반드시 성공할 것’ 이라는 믿음 하에 구현하는 업데이트 방식입니다. 비동기 요청의 문제점 주로 외부 디펜던시에 의존하는 업데이트 방식 (게시글의 작성 혹은 수정)은 비동기 요청으로 진행합니다. 이렇게 처리하는 요청의 경우 응...

2024 서울 코믹월드 부스 참여한 썰 풉니다

이 글은 프론트엔드에 관한 글이 아닐 수 있으며 다소의 오타쿠 문화가 첨가 되어 있습니다. 만약 이러한 글이 취향이 맞지 않으시다면 제 블로그에 다른 좋은 글들도 많으니 한번 쯤 읽고 가주시면 감사하겠습니다. 요즘 프론트엔드가 재밌지가 않아요 최근에 굉장히 새롭고 재밌는 경험을 하게 되어 이 경험을 공유하고자 합니다. 대충 요약하면 요즘 동...

Mac OS Unity에서 VSCode를 사용하기 위한 설정 방법

들어가며 Unity를 처음 설치하고나면 ‘Visual Studio for Mac’이라는 IDE가 함께 설치되어 기본 에디터로 사용됩니다. 해당 IDE는 Unity Script를 작성할 때 사용되는데, 상당히 많은 개발자들이 기본 IDE인 Visual Studio를 그대로 사용하기보다 상대적으로 친숙한 Visual Studio Code를 사용하는 편...

HOC와 UI 컴포넌트를 결합한 선언적인 비즈니스 컴포넌트

UI 컴포넌트와 비즈니스 컴포넌트를 서로 적절한 수준에서 분리하여 작업하는 것은 저에게 있어 가장 큰 숙제이자 난관이었습니다. 비교적 최근까지도 저는 여러가지 고민과 시도를 반복하며 보다 나은 코드와 파일 구조를 작성하는데 하루의 대부분의 시간을 보냈습니다. 동일한 UI 컴포넌트를 바라보는 수많은 Container 컴포넌트를 어떻게 관리해야...

우아한 나의 패키지, ww-timer 회고

npm에 ww-timer를 배포하다 저는 한 달 쯤 전에 npm에 ww-timer라는 라이브러리를 배포했습니다. 현재 개발하고 있는 서비스는 글로벌 시장을 목표로 하고 있는 생산성 앱인데, 이 앱의 기능 중 하나로 타이머가 들어갈 예정입니다. 웹에서 Timer를 개발하려면 필히 setTimeout이나 setInterval을 사용해야 하는데 이러한 ...

Swagger를 이용한 세상 간단한 API Mocking

API Mocking 프론트엔드와 백엔드의 관계에서 대부분의 경우 프론트엔드가 백엔드에 의존성을 띄고 있습니다. 프로젝트를 수행함에 있어서 프론트엔드가 API를 연동하려면 백엔드의 개발이 모두 끝나야 진행할 수 있게 되기 때문입니다. API의 개발이 모두 완료 되기 전 까지 대기할 필요가 없어지도록 가짜 API 서버를 개발하여 사용하는 방식이 ...