728x90 반응형 네이버 부스트캠프6 [why] 📚 테스트 코드는 왜 작성해야 할까요? 특히 프론트엔드에서는요? 들어가며테스트 코드. 올해 제가 가장 많이 마주한 단어이자, 그 필요성을 뼈저리게 느낀 개발 문화입니다. 이 깨달음은 두 가지 의미 있는 경험을 통해 얻게 되었습니다.첫 번째는 상반기 인턴 근무 중의 경험입니다. 당시 저는 혼자 개발을 진행해야 하는 상황이었습니다. 동료 개발자의 코드 리뷰나 피드백을 받을 수 없는 환경에서, 제가 작성한 코드의 신뢰성을 검증할 방법이 절실했습니다. 이때 테스트 코드의 부재가 얼마나 큰 리스크가 될 수 있는지 깨닫게 되었습니다.두 번째는 현재 참여 중인 네이버 부스트캠프에서의 경험입니다. 5명으로 구성된 팀에서 유일한 프론트엔드 개발자로 프로젝트를 진행하게 되었습니다. 웹 풀스택 과정이기에 팀원들이 제 코드를 리뷰할 수는 있지만, 복잡한 상태 관리나 사용자 인터랙션과 같은.. 2024. 11. 16. [네이버 부스트캠프] OAuth 2.0 정리하기: 현대 웹 인증의 표준 들어가며"이 앱에서 GitHub 로그인하기 버튼을 클릭했더니, 내 모든 코드와 개인정보가 유출되면 어쩌지?" 많은 개발자와 사용자들이 이런 걱정을 한 번쯤은 해보셨을 것입니다. 하지만 OAuth 2.0을 제대로 이해하고 나면, 이런 걱정은 기우였다는 것을 알 수 있습니다.OAuth 2.0이란?OAuth 2.0은 사용자의 패스워드를 공유하지 않고도 특정 리소스에 대한 접근 권한을 부여할 수 있는 인증 프로토콜입니다. 쉽게 말해, 여러분의 GitHub 비밀번호를 모르더라도, 여러분이 허용한 범위 내에서만 다른 애플리케이션이 여러분의 GitHub 정보에 접근할 수 있도록 하는 방식입니다.OAuth 2.0의 핵심 요소1. 주요 참여자리소스 소유자: 보호된 리소스를 소유한 사용자 (예: GitHub 계정 소유자).. 2024. 11. 13. [네이버 부스트캠프] 토스의 퍼널 패턴 적용해보기 퀴즈 플랫폼에 퍼널 패턴 적용하기: 토스의 UX 디자인 패턴 차용들어가며부트캠프에서 실시간 퀴즈 플랫폼을 개발하면서 마주친 가장 큰 도전과제는 "어떻게 하면 사용자들이 끊김 없이 퀴즈에 참여할 수 있을까?"였습니다. 이 문제를 해결하기 위해 우리는 토스(Toss)의 퍼널 패턴을 도입했고, 놀라운 결과를 얻을 수 있었습니다.퍼널 패턴이란?퍼널(Funnel)은 '깔때기'라는 뜻으로, 사용자가 특정 목표를 달성하기까지의 단계를 위에서 아래로 시각화했을 때 깔때기 모양이 되는 것에서 유래했습니다. 예를 들어 일반적인 이커머스의 구매 과정은 다음과 같은 단계로 이루어집니다:쇼핑몰 방문상품 검색상품 선택장바구니에 담기결제 정보 입력최종 결제실제 토스의 컨퍼런스 영상에서의 토스의 송금 프로세스를 보면 이러한 퍼널 패.. 2024. 11. 11. [네이버 부스트캠프] 5,6주차 회고 정말 즐거웠던 추석 인터미션 시간이 지나가고 빠르게 스프린트 후반부가 시작되었습니다. 하반기 서류를 쓰면서 인터미션을 보냈고, 스프린트 후반기 시작 후에도 서류도 쓰고 미션도 하는 시간을 2주간 보냈던 것 같습니다. 그 중 기억에 남는 것들 위주로 회고를 적어보려고 합니다.서류 탈락과 코딩테스트원래는 지난 상반기에 서류를 내고 취업 준비를 제대로 하는게 목표 였는데 인턴을 하다보니 생각보다 서류를 많이 내보진 못했던 것 같습니다. 그래서 네부캠을 하는 동안 꼼꼼하게 서류를 써보고, 이력서와 포트폴리오를 정리하는 시간을 틈틈히 가졌습니다. 10~20군데 정도 서류를 냈고, 서류 합 이상 간 곳이 많지는 않지만 4~5번의 코테 까지 볼 수 있었고 항상 문제가 코딩 테스트 였던 것 같습니다. 아무래도 프론트로.. 2024. 10. 6. [네이버 부스트캠프] 단일 레포지토리에서 스크립트 관리 하기 단일 레포지토리에서의 효율적인 스크립트 관리: 백엔드와 프론트엔드 통합들어가며최근 네이버 부스트캠프에서 진행한 프로젝트에서 백엔드와 프론트엔드를 하나의 레포지토리에서 관리하게 되었습니다. 이 과정에서 package.json의 스크립트 관리에 대한 고민이 생겼고, 이를 효율적으로 구성하는 방법에 대해 알아보았습니다. 이 글에서는 제가 찾은 해결책과 그 과정에서 얻은 인사이트를 공유하고자 합니다.프로젝트 구조먼저, 제 프로젝트의 폴더 구조는 다음과 같습니다:📦src ┣ 📂backend ┃ ┗ 📜app.js ┗ 📂frontend ┣ 📂core ┃ ┗ 📜framework.js ┣ 📜App.js ┣ 📜index.html ┗ 📜index.js이 구조는 백엔드와 프론트엔드 코드가 하.. 2024. 9. 24. [네이버 부스트 캠프] 멤버십 1,2주차 회고하기 ”네이버 부스트 캠프” = “네부캠”으로 작성하겠습니다.빡셌던 챌린지 과정을 거쳐서 8월 중순 부터 멤버십 과정에 정식으로 입과를 하게 되어서 벌써 2주를 보냈습니다. 졸업식과 개인 일정이 겹치면서 온전히 집중을 하지는 못했지만, 그래도 즐거웠던 1,2주차 멤버십 과정에 대해서 회고를 해보려고 합니다. 챌린지... 에서 못 벗어나는 중멤버십을 시작하고 2주가 지난 지금 멤버십을 돌아보면 챌린지에서 제 페이스를 찾아가는 과정이 오래 걸렸던 것 같습니다. 네이버 부스트캠프 챌린지에 대해서 접해 보시거나 들어보신 분이라면 어느 정도로 빡빡하게 진행이 되는 지에 대해서 아실 거라고 생각을 합니다. 제 체감 상 챌린지를 진행 할 때는 매일 무언가를 달성해내야만 하는 거에 맹목적으로 접근을 하게 되었던 것 같습니다.. 2024. 9. 1. 이전 1 다음 728x90 반응형
