이번 프로젝트에서 배포 관련한 작업을 모두 도맡아 진행했다.아무래도 FE팀원분은 경력직이라 해당 경험이 있었지만, 나에게 부족한 지점 중 하나가 이 지점이라 생각했기 때문이다.직접 마주하며 시행착오를 겪어봐야 알 수 있는 부분이라 생각하여 담당하게 되었고, 덕분에 느낀

회원 가입 전, 서비스를 둘러보는 '게스트모드'에 대한 아이디어가 나왔다.전환율을 조금이라도 높이기 위해, 미리 체험시키는 것이다.게스트모드에선 서비스 핵심 기능인 '그룹 챗'을 제외한 다른 기능을 사용할 수 있도록 했다.즉, TODO를 작성하고 완료 시 Reactio

고도화 작업 중 하나로, SEO 작업을 꼭 해보고 싶었다.인턴 생활 때도 사이트맵이 어쩌구 하며 FE 팀원 분이 작업하실 때 무슨 소린지 못 알아들었던 것과 동아리 홈페이지 유지관리 팀에서 OpenGraph 처리 작업을 하려다 못했던 것이 아쉬웠기 때문이다.우리 서비스

사실, Motimo 서비스를 앱으로 배포하려고 했다.애초에 모바일용으로 디자인이 이뤄졌고, 타겟 사용자를 고려했을 때 모바일 앱일 때 활용도가 높을 것으로 예상했기 때문이다.그러나 팀 구성이 웹 FE들만 있었기 때문에, 우선 웹 개발 이후 앱으로 고도화할 예정이었다.결

이번에는, 이슈 처리 과정 중 있던, Focus Trap 문제인 줄 알았으나 다른 어이없는 것이 원인이었던 사건을 간단하게 이야기 해보려고 한다.이 후 Focus Trap에 대해서 조금 알아보며 정리했던 것들도 있기 때문에 글을 작성하게 되었다.서비스에 바텀 탭바가 존

시작하며 저번 낙관적 업데이트에 이어서, 이번에는 전역 디바운스 적용기이다. 살짝 언급되었지만, Motimo FE에서 API핸들링 관련 코드는 전역으로 관리되고 있다. 따라서 서비스 시연 시간에 동료 FE들에게 Debounce적용은 기본이라는 말을 들었을 때, '

9월달까지 정신없이 Prography 활동을 마치고, 또 11월 중순까지 취업 활동이 한바탕 휩쓸어서 이제서야 정리하게 되었다.요번년도 초부터 Prography라는 IT 커뮤니티, 흔히 말해 IT 동아리를 하게 되었는데 생각치 못 하게 얻은 점들이 많았다.이를 자소서

시작하면서 이전 OOP를 프론트에 적용하는 고민을 개인 프로젝트를 통해 경험하고, 여러 관련 문제들을 해결하려 했다. 제법 복잡한 상황을 맞게 되었는데, OOP적 관점만으로는 개인적으로 이를 정리하기 어려웠다. 이에 FP를 공부하고 이 관점에서 문제를 해결했기에

시작하며 이전 포스트에 이어서, 다양한 상태 관리 라이브러리들에 유연한 구조를 갖게 코드를 작성하는 방법을 고민해봤다. 준비중인 개인 프로젝트는 여러 컴포넌트에서 사용되는 상태들 중 일부를 멀리 떨어진 다른 컴포넌트에서도 사용해야 하기에, 또한 유연성을 증대시키

시작하면서 > 결국 프론트엔드에서 OOP를 적용에 사용된 DI, 생성자 주입을 사용하지 못하는 것, OOP관점이 알맞게 들어가지 않는 이유는 상태가 멀리 떨어져 있는 컴포넌트에 공유되기 때문임. 컴포넌트는 트리 구조를 이루고 있는데, 멀리 떨어진 컴포넌트에서도 같은

시작하면서 친구 '정'모씨와 9월부터 10월까지 OOP 스터디를 진행했다. 누군가는 취준할 때 SOLID원칙을 외웠었다 그러고, 막연하게 중요한 개념인 것 같으면서 선뜻 손이 안 갔던 개념이라 시작을 망설였다. 정모씨의 '비즈니스-UI 로직이 컴포넌트 안에서 뭉쳐

최근, 동아리에서 React기초 세미나를 개최하게 됐다. React를 사용하는데 있어, 여러가지 제약이나 규칙이 존재하는데,이들이 '왜 필요한가'에 대해서는 알려주지 못했다. 너무나도 자연스럽게 사용하고 있던 React의 비밀을 파헤치기 위해React의 동작을 ...

Authentication 찍먹하기 시리즈의 마지막이 될 OAuth이다.Google의 OAuth를 사용한 경험을 기록한 것이기 때문에, 다른 기업의 것들과 세세한 부분에서 차이가 있을 수 있음을 알린다.또한, OAuth로 얻은 사용자의 정보는 어플리케이션 서버가 갖기

json web token 방식은 사실 MERN 스택 강의를 들으며 적용해보았기에,찍먹하기 위해 따로 코드를 작성하지는 않았다.그러나, 깔끔한 시리즈 작성을 위해 즉석으로 글을 작성해보기로 했다.이래도 될 정도로 express환경에서 jwt를 사용하기 너무 간단했다.(

어떤 방법으로 인증이 활용되는지를 알아보고자 했다.가장 먼저 도전했던 것은 'MERN스택' 체험하기였는데,덕분에 회원가입이나 로그인 코드를 직접 만들어보고 JWT를 적용해볼 수 있었다.이 글에서는 이후, 간단하게 다른 인증 방식을 제작했던 경험을 기술하려 한다.모든 실