개발

과제가 아닌 실전, 파이널(기업연계) 프로젝트를 만나다!오늘은 제가 실전 프로젝트를 경험하며 느꼈던 성장과 배움을 공유하려고 해요.단순한 과제가 아닌 기업과 협업한 실전 프로젝트라서 더 뜻깊었던 경험이었답니다. 저희 팀이 맡은 프로젝트는 투자자와 트레이더를 연결하고 투자 전략을 공유하는 소셜 플랫폼이었어요.주요 목표는 초보 투자자도 쉽게 접근하고, 전문 트레이더의 전략을 효과적으로 전달하는 것이었답니다.    프론트엔드 개발자로서 나의 역할1️⃣ 서버 지연, MSW와 Axios로 효율적인 개발 환경 구축개발 초기, 서버 개발이 지연될 상황이었어요.이런 상황에서도 프론트엔드 개발을 멈출 수는 없었죠. 그래서 저는 MSW(Mock Service Worker)를 활용하자고 팀에 제안했어요.팀원이 MSW 설정을..

안녕하세요!오늘은 제가 네트리파이(Netlify) 배포를 진행하며 겪었던 문제들과 해결 방법을 공유하려고 해요. 특히, 깃허브 액션이나 CLI를 사용하면서 발생했던 환경 변수 문제를 중점적으로 다뤄보겠습니다.   1. 네트리파이 환경변수 undefined 문제깃허브 액션을 통해 네트리파이에 배포했을 때, API 주소를 환경 변수로 설정했는데 undefined로 출력되는 문제가 생겼어요. 코드를 직접 작성했을 땐 잘 작동했는데, 환경 변수로 설정하면 계속 문제가 발생하더라고요. 처음에는 오타 때문일 거라고 생각했어요. (배포 계정이 팀원 분 계정이었는데, 바쁘셔서 이것저것 요청드리기 어려운 상황이었답니다.) 깃허브 오가나이제이션 저장소에서 프로젝트를 포크한 뒤, 제 계정에서 NETLIFY_AUTH_TOKE..

제가 패스트캠퍼스 데브캠프에서 토이 프로젝트를 진행하면서 가장 어려움을 느꼈던 부분은 바로 '테스트'였어요. Cypress, Playwright, Jest 같은 테스트 도구의 이름만 들어도 머리가 아플 정도였죠. 하지만 얼마 전, 데브캠프에서 진행된 프론트엔드 테스트 특강을 듣고 나서 테스트의 종류와 과정에 대해 한층 더 깊이 이해할 수 있었어요. 그래서 기쁜 마음으로 특강에 참여했답니다. 1. 테스트는 무엇이며, 왜 중요한가요?테스트는 말 그대로 프로그램이 의도한 대로 동작하는지 확인하는 과정이에요. 특히 프론트엔드 개발은 사용자가 직접 상호작용하는 부분이기 때문에 작은 오류도 사용자 경험에 큰 영향을 미칠 수 있죠. 예를 들면, 회원가입할 때 "이메일 형식이 올바르지 않습니다"라는 오류 메시지가 제대..