전체 글

2024년이 끝나가면서, 지난 7월부터 시작된 대한상공회의소 팀메이트 멘토멘티단 1기 활동도 마무리되었습니다. 이번 활동은 제가 취업 후 회사 외에서 처음으로 참여한 공식적인 프로그램이었기에 설렘도 컸고, 그만큼 많은 기억에 남는 소중한 경험이었습니다.팀메이트 활동에서 얻은 경험들팔로워였던 내가 멘토로!?멘토멘티 활동에서 가장 인상 깊었던 점은 제가 멘토로서 멘티를 이끌어야 하는 역할을 맡게 되었다는 점이었습니다. 주니어 개발자로서 평소에는 주로 팔로워의 입장에서 리더의 의견을 따르거나 보조하는 역할에 익숙했지만, 이번에는 제 의견을 제시하고 방향을 제시해야 했습니다. 처음에는 제가 낸 의견이 상대방에게 어떻게 받아들여질지, 혹시 멘토링 활동이 멘티에게 큰 도움이 되지 못하면 어쩌나 하는 고민이 많았습니..

가상스크롤가상스크롤이란?가상스크롤은 유저의 입장에서 직접 보이는 요소들만 렌더링 하고, 스크롤에 가려지는 부분은 렌더링 하지 않는 프런트엔드 최적화기법입니다. 데이터 수가 많지 않다면 브라우저가 DOM을 그리는데 무리가 없지만, 그려야 하는 DOM의 개수가 수천, 수만단위를 넘어가게 된다면 점점 부하가 발생하게 됩니다. 이때, 가상스크롤을 활용해서 보이는 부분만 렌더링 하고 나머지 데이터는 유저의 스크롤에 맞춰 렌더링 한다면 DOM의 수가 많아져 브라우저의 부하가 발생하는 문제를 막을 수 있습니다.직접 개발 이유메신저 프로젝트를 개발하면서 하나의 채팅방에 수천, 수만단위에 데이터가 쌓일 수 있고, 메시지 양의 상한선이 없기 때문에 가상스크롤 사용이 필수적입니다. 오픈소스로 대표적인 가상스크롤 라이브러리는..

우아한 타입스크립트 스터디 회고스터디 시작 동기React, Vue, Next 등 어떤 프레임워크를 사용하더라도 자연스럽게 타입스크립트를 사용해왔습니다. 하지만 조금만 복잡한 타입을 작성하거나 읽어야 할 때마다 어려움을 겪으면서, 제가 타입스크립트를 자주 사용하면서도 제대로 이해하지 못하고 있다는 생각이 들었습니다.사실, 취업 준비를 하면서 자바스크립트나 리액트는 책을 읽고 인강을 보며 개념적인 부분을 공부했지만, 타입스크립트는 따로 학습한 적이 없었습니다. 그러던 중 타입스크립트 공부의 필요성을 절감했고, 회사 동기들에게 이 고민을 이야기했더니 모두 비슷한 고민을 하고 있었습니다. 그렇게 자연스럽게 스터디를 시작하게 되었습니다.스터디 진행 방식회사에서 처음으로 진행하는 스터디였기 때문에 어떻게 운영할지에..

배포 사이트 들어가며 저번 추상화강의에 이어서 비즈니스 로직과, Compound Componenet, 그리고 캡슐화에 대한 내용까지 들었습니다. 저도 프로젝트를 진행하면서 재사용성을 올릴 수 있는 방법에 대해 고민했었고, 비즈니스 로직까지 구분했던 경험이 있었습니다. 이런 경험을 바탕으로 내 프로젝트에 어떻게 적용할 수 있을까를 고민하며, 강의를 들었더니 '이거 조금 분리할 수 있겠는데?'라는 아이디어를 얻었고, 직접 리팩토링까지 해보게 되었습니다. 우선 저의 목표는 아래 컴포넌트의 비즈니스 로직을 분리하는 것입니다. 아래 컴포넌트는 이모지를 클릭시 바로 서버에 데이터를 전송하고, 이용자에게 평가가 반영되었다는 토스트 메시지를 이용자에게 보여주는 컴포넌트입니다. // FeedbackSele..