요약 : 혹시 이후에 보고 있을 후배 기수는 꼭 배포 먼저 하시오!! KEEP 상대방과 소통하려고 노력하였다. 재사용성을 생각하며 코드 작성을 하여 styled-components는 따로 common style을 만들었고, 일반 컴포넌트도 작게 분리하였다. 백엔드분과의 협업은 처음인 지라 백엔드에 대해 이해하려고 많은 검색.. 구글 oauth를 테스트를 위해 내 컴퓨터에 서버를 켰다(ㅋㅋ) Problem&Try 사실 우리 팀은 그렇게 빠른 속도로 작업이 된 편은 아니라 우당탕탕탕의 연속이었는데 오늘 배포 환경을 구축하면서 많은 오류가 났다.. ㅠㅠ.. 아직 고치지 못 하였고 타입 에러도 해결하지 못하여서 build에 tsc를 빼고 진행하였는데 그 점이 너무 아쉽다. 해결하고 싶은 오류 회원가입 Post ..
🌊 상태관리 라이브러리 팀원분들과 메인 프로젝트를 함께 하기로 결심하고 🔥 메인프로젝트 진입 전 스택을 미리 정하기로 하였는데 고민해야하는 부분이 상태관리 라이브러리, CSS, 번들러, 패키지 매니저 등 굉장히 많아 각자 나누어서 알아보기로 하였다. 나는 전역 상태 관리 라이브러리와 비동기 상태 관리 라이브러리에 대해 알아보고자 한다. 오늘은 우선 전역 상태 관리 라이브러리~ 전역 상태관리 라이브러리 전역 상태 관리 라이브러리로는 Redux-toolkit과 Jotai를 고려 하고 있다. Redux-toolkit은 현업에서도 굉장히 많이 쓰이고 있고 많은 자료가 있고 Jotai는 아직은 Redux에 비해 사용량이 부족하지만 간편하게 사용할 수 있어 주목 받고 있는 라이브러리다. Redux-toolkit J..
🌊 CORS 에러 해결하는 방법 CORS 에러란? 교차 출처 리소스 공유 (Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에서 알려주는 체제. 🌱 [Web Server] CORS, SOP 🌊 CORS, SOP SOP (Same-Origin Policy) : Same-Origin Policy의 줄임말로, 동일 출처 정책을 의미한다. 한 마디로 '같은 출처의 리소스만 공유가 가능하다'라는 정책이다. 출처 : 아래 세 구성요소가 하나라도 dreamogu59.tistory.com CORS 에러를 해결하기 위해선 백엔드에 프론트엔드 개발 서버 도메인을 허용..
🌊 CI/CD,Github Action, YAML CI/CD 지속적 통합 (Continuous Integration, CI) 개발자를 위한 자동화 프로세스. Code : 개발자가 코드를 원격 저장소에 push 하는 단계 Build : 원격 코드 저장소로부터 코드를 가져와 유닛 테스트 후 빌드하는 단계 Test : 코드 빌드의 결과물이 다른 컴포넌트와 잘 통합되는 지 확인 하는 과정 CI의 장점 CI 과정에서 개발자는 코드를 잦게 원격 코드 저장소에 push 하여 테스트 및 빌드를 하며 빌드 성공/.실패 여부를 확인할 수 있다. 통합 테스트 결과를 통해 개선 방안을 찾을 수 있다. 지속적인 통합 과정을 통해 개발자는 버그를 일찍 발견할 수 있다. 테스트가 완료된 코드를 빠르게 전달이 가능하며, 지속적인 배..
🌊 멘토님의 조언 우리 44기부터 생긴 건데, 우리 부트캠프에 Q&A 세션이라는 것이 생겨 현업 개발자분께 질문을 할 수 있는 시간이 생겼는데, 개인적인 질문은 메일로 받아주신다는 글을 보고 부랴부랴 내가 겪고 있는 학습에 대한 어려움에 대해 말씀드리며 조언을 구하였는데 너무너무 훌륭한 대답들을 해주셨다. 수진 멘토님 처럼 현업에서 훌륭하게 개발자 일을 하고 계신 분이 직접 조언해주셔서 너무 귀한 시간이었다. 정말 감사합니다 ㅠㅠ 😭 나의 고민 솔루션 강의를 보고 클론코딩을 한 후 다시 처음부터 스스로 공부하는 것이 실력 향상에 도움이 될까요? 코드 작성을 할 때 구글링이나 GPT에 검색을 많이 하게 됩니다. 제 실력이 아니라는 생각 때문에 죄책감이 많이 듭니다. 어떤 식으로 접근하여 코드 작성하는 것이..
🌊 5월 그로잉데이 코드스테이츠 5월 그로잉데이에 참가하였습니다. 4월 그로잉데이도 너무 즐겁게 보냈기 때문에 5월 그로잉데이 소식만을 기다리고 있었는데 5월 그로잉데이 소식을 듣고 정말 기절할 뻔했습니다. 저는 사실 부트캠프를 시작하기 전에 퍼블리셔로 1년 2개월간 근무한 이력이 있는데요. 웹디자인을 배우며 코딩을 처음 접하였고, 그때가 바로 21년도였습니다. 그러다 '내 트리를 꾸며줘!'가 친구들 사이에서 유행하기 시작하였고 저도 정말 재밌게 롤링페이퍼를 작성했었어요. 그때 개발자들이 모여서 이런 프로젝트를 만들어 사람들한테 기쁨을 줄 수 있구나..하고 알게 됐고 그때부터 저도 개발자의 꿈을 키워왔던 것 같아요. 이건 제 트리 사진인데요 ㅎ 2021년 트리 사진은 없지만 2022년 사진이 남아있어 들..
🌊 [Code States] Section3 회고 벌써 Section 3 회고일 리 없어. 거짓말 하지 마.. 🌊 KEEP 내가 좋아하는 공부 말고 다양하게 공부하려고 노력 HTTP에 좌절을 느끼고 HTTP 관련 도서를 구매해서 공부 중 마참내 해내다.. 사실 저희 mini project가 todo 인줄 몰라서 이미 만들어 봤었습니다.. 제가 리액트로 완성을 했다는 것 자체를 큰 의미를 두고 싶습니다. 🌊 PROBLEM 강의 구매 해놓고 안 봄... 보긴 보는데 진도가 안 나가네요.. 브라우저 관련 강의와 리액트 강의를 빨리 완강하고 구매해둔 TS, Next.js 강의를 듣고 싶은데 왜 이렇게 속도가 안 나는지 모르겠네요 ㅠ_ㅠ 실습 위주의 강의라 만들다 보면 시간이 훌쩍훌쩍 지나가고 있습니다. 시간을 ..