본문 바로가기
728x90

분류 전체보기114

[네이버 부스트캠프] OAuth 2.0 정리하기: 현대 웹 인증의 표준 들어가며"이 앱에서 GitHub 로그인하기 버튼을 클릭했더니, 내 모든 코드와 개인정보가 유출되면 어쩌지?" 많은 개발자와 사용자들이 이런 걱정을 한 번쯤은 해보셨을 것입니다. 하지만 OAuth 2.0을 제대로 이해하고 나면, 이런 걱정은 기우였다는 것을 알 수 있습니다.OAuth 2.0이란?OAuth 2.0은 사용자의 패스워드를 공유하지 않고도 특정 리소스에 대한 접근 권한을 부여할 수 있는 인증 프로토콜입니다. 쉽게 말해, 여러분의 GitHub 비밀번호를 모르더라도, 여러분이 허용한 범위 내에서만 다른 애플리케이션이 여러분의 GitHub 정보에 접근할 수 있도록 하는 방식입니다.OAuth 2.0의 핵심 요소1. 주요 참여자리소스 소유자: 보호된 리소스를 소유한 사용자 (예: GitHub 계정 소유자).. 2024. 11. 13.
[네이버 부스트캠프] 퍼널 적용하기 BooQuiz 프로젝트의 React Custom Hook을 활용한 퍼널 구현하기목차문제 상황구현 목표설계 및 구현상세 구현사용 예시최적화 및 개선결론문제 상황실시간 퀴즈 플랫폼인 BooQuiz를 개발하면서 가장 큰 도전 과제는 퀴즈 진행 과정의 복잡한 상태 관리였습니다. 퀴즈 참여자들이 대기실에서 시작하여 문제 풀이, 결과 확인까지 이어지는 일련의 과정(퍼널)을 자연스럽게 경험할 수 있도록 만드는 것이 중요했습니다. 특히 다음과 같은 문제들이 있었습니다:퀴즈 진행 단계별로 복잡한 상태 전이가 필요했습니다.실시간 타이머와 답안 제출이 동기화되어야 했습니다.여러 컴포넌트에서 퀴즈 상태를 일관되게 관리해야 했습니다.네트워크 지연이나 오류 상황에 대한 견고한 처리가 필요했습니다.구현 목표이러한 문제들을 해결하기.. 2024. 11. 12.
[네이버 부스트캠프] 토스의 퍼널 패턴 적용해보기 퀴즈 플랫폼에 퍼널 패턴 적용하기: 토스의 UX 디자인 패턴 차용들어가며부트캠프에서 실시간 퀴즈 플랫폼을 개발하면서 마주친 가장 큰 도전과제는 "어떻게 하면 사용자들이 끊김 없이 퀴즈에 참여할 수 있을까?"였습니다. 이 문제를 해결하기 위해 우리는 토스(Toss)의 퍼널 패턴을 도입했고, 놀라운 결과를 얻을 수 있었습니다.퍼널 패턴이란?퍼널(Funnel)은 '깔때기'라는 뜻으로, 사용자가 특정 목표를 달성하기까지의 단계를 위에서 아래로 시각화했을 때 깔때기 모양이 되는 것에서 유래했습니다. 예를 들어 일반적인 이커머스의 구매 과정은 다음과 같은 단계로 이루어집니다:쇼핑몰 방문상품 검색상품 선택장바구니에 담기결제 정보 입력최종 결제실제 토스의 컨퍼런스 영상에서의 토스의 송금 프로세스를 보면 이러한 퍼널 패.. 2024. 11. 11.
[네이버 부스트캠프] 그룹프로젝트 1,2주차 회고 유일한 프론트엔드 개발자로서의 첫 그룹 프로젝트 회고부스트캠프 그룹 프로젝트가 시작된 지 2주가 지났습니다. 4명의 백엔드 개발자와 함께하는 팀에서 유일한 프론트엔드 개발자로 참여하게 되면서, 많은 고민과 도전 과제들을 마주하게 되었습니다. 이번 회고에서는 프로젝트 초기 단계에서 제가 겪은 경험과 그 과정에서의 배움을 공유하고자 합니다.프론트엔드 개발자 1명, 그리고 협업에 대한 고민가장 큰 고민은 '혼자서 프론트엔드 개발을 진행할 것인가, 아니면 백엔드 개발자분들과 함께 할 것인가'였습니다. 팀원분들의 의견을 구했을 때, 두 분이 프론트엔드와 백엔드를 함께 해보고 싶다는 의견을 주셨습니다. 이를 계기로 페어 프로그래밍을 시도해보기로 했습니다.하지만 실제 진행 과정에서 몇 가지 어려움이 있었습니다. 실질.. 2024. 11. 10.
[서평] 비전공자를 위한 AWS 『비전공자를 위한 AWS』 서평: 클라우드의 세계로 가는 친절한 첫걸음Before: 진입장벽이 높은 클라우드 컴퓨팅의 세계클라우드 컴퓨팅은 현대 IT 인프라의 핵심이 되었지만, 많은 비전공자들에게는 여전히 높은 진입장벽으로 느껴집니다. "EC2", "S3", "Lambda"와 같은 용어들은 마치 외계어처럼 들리고, AWS 콘솔의 수많은 메뉴들은 미로처럼 복잡해 보입니다. 특히 프론트엔드 개발자로서, 주로 사용자 인터페이스와 클라이언트 측 로직에 집중하다 보니 클라우드 인프라는 더욱 멀게만 느껴졌습니다.After: 클라우드를 이해하고 활용하는 개발자의 모습히로코 니시무라의 『비전공자를 위한 AWS』는 이러한 어려움을 해소하는 탁월한 입문서입니다. 프론트엔드 개발에 주력하면서도 AWS의 세계를 탐험하고 싶었.. 2024. 11. 5.
2024 GDSC 건국대 컨퍼런스 후기: CS와 함께하는 백엔드 이야기 들어가며개인적으로 무협만화를 좋아하는 편이라 자주 나오는 말을 인용해보자면 "만류귀종(萬流歸宗)"이라는 말이 있습니다. 모든 물줄기가 결국 한 근원으로 돌아간다는 의미인데, 웹 개발도 이와 같다고 생각합니다. 프론트엔드, 백엔드라는 구분을 넘어서, 전체 시스템을 이해하고 통찰할 수 있을 때 더 나은 개발자가 될 수 있다고 믿습니다.최근 네이버 부스트캠프에서 새로운 프로젝트를 시작하게 되었는데요, 우리 팀은 저를 제외한 4분의 백엔드 개발자들로 구성되어 있습니다. 물론 다른 분들이 프론트엔드를 일부 협업 작업을 해주시겠지만, 저 또한 4분의 이야기에 참여하여 의견을 나눌려면 스스로의 이해도를 올려야 된다고 생각합니다.이러한 생각을 가지고 있던 중, 지난 4월 GDSC 건국대학교의 컨퍼런스에 참석했던게 생각.. 2024. 10. 30.
728x90

티스토리툴바