항해 31

항해 13주차 WIL

드디어 프로젝트의 끝에 왔다.우리 조원들이 6주간 다들 너무 열심히 하신 탓일까 안 아프신 분들이 없다.기본 MVP 구현이 끝난 후 리팩토링을 잘 해보려고 했는데 체력적, 정신적으로 지쳐서 많이 해이해졌던 것 같다.일주일 간은 유저테스트로 피드백 받은 부분을 반영하려 버그 수정과 개선작업에 우선순위를 두었고,그 후에 컴포넌트 분리와 렌더링 최적화 작업을 진행하였다. 컴포넌트 분리 하는 겸 렌더링 최적화를 같이 작업하려고 했는데 생각만큼 쉽지가 않았다.기능구현 같은 경우에는 내가 어떤 작업을 했고 성공을 했다면 눈에 바로 띄여서 알 수가 있었는데,렌더링같은 경우에는 횟수 차이가 눈에 보이지만 정확히 확인할 수 있는 건 lighthouse로 점수로 확인하면 되지 않을까 싶었다.근데 렌더링을 줄여도... 점수..

항해/WIL 2024.05.05

항해 12주차 WIL

프로젝트 5주차! 유저테스트 이후 첫 주간이었다 그간 다른 조 조원들과 많은 소통을 하진 않았었는데,유저테스트를 하며 결과물들을 보니 '다들 열심히 진행하셨구나 '가 절실히 느껴졌던 것 같다.다들 프로젝트에 진심이셨고 최선을 다하셨던 것 같다. 예상했던 버그와 상황들도 있었지만 예상못한 버그들과 상황들도 많았다.매니저님이 좋은 리뷰가 많지 않을 수도 있으니 상처받지 않았으면 좋겠다고 하셨는데오히려 상처보다는 이런 에러들도 있었구나 하면서 에러처리를 하며 조금은 재밌게 보냈던 주간이었던 것 같다. 처음에 프로젝트 안내를 들었을 때는, 유저테스트 하는 의미를 못 느꼈었던 것 같은데우리 조원들은 익숙한 프로젝트를 진행하며 자주보고, 익숙한 서비스다보니 새로운 시점으로 바라본 관점들이 필요했었던 것 같다.굉장히..

항해/WIL 2024.04.28

항해99 11주차 WIL

벌써 프로젝트 한 지 4주가 지났다! 기본 MVP 기능 구현 후에 중간발표 끝나고 이번 주엔 디자인이 다 나와서 UI 작업에 들어갔다. 확실히 디자인이 들어가니 사이트 같아 보이고 신기하고 뿌듯했다! css 작업하면서 하 뭔가 더 효율적으로 할 수 있을 것 같다라는 생각이 드는데 어떻게 해야할 지 아직은 감이 덜 잡힌다. 목요일 정도까지 UI작업을 마무리하고 유저테스트에 들어가기 전에 버그 수정을 하려고 했는데 어찌나 할 일이 많은지, 이 정도면 다 했다! 라고 생각하고 보면 예상 못한 곳에서 한 두개씩 계속 나온다. 팀원들끼리 사이트를 사용해보면서 프론트에서 놓쳤던 부분들이 또 계속 나와서 막막했지만 그래도 유저테스트 시작 전에 알게돼서 다행이란 느낌도 들었다. 다음 주는 테스트 결과 바탕으로 리팩토링..

항해/WIL 2024.04.21

항해99 9주차 WIL

본격적인 작업이 들어간 지 일주일이 지났다. 다들 고민하고 고민해서 최대한 수정 할 일이 없이 api 세팅을 했다고 생각했는데 실전에 적용해보니 결국엔 또 수정해야할 일은 있었다. 그래도 팀 분위기가 좋아서 어떤 일이든 긍정적으로 생각하고 웃으면서 잘 해결이 되는 것 같다. 각자 맡은 몫을 책임감 있게 잘 해주시기도 하고 다른 조원이 도움이 필요할 때 열심히 도와주시려고 한다. 나는 모르는 문제를 잘 물어보는 편인데 또 대답 잘 해주시는 분들만 계셔서 너무 좋다 :) 6주간에 작업을 해야하는지라 시작 전에는 걱정이 좀 많고 많이 두려웠는데, 현재는 나름 즐기며 하고 있고 앞으로의 4주는 결과물이 잘 나오지 않을까?하며 기대가 된다. 지금은 기본 MVP 구현을 빨리 해내야될 것 같아서 클린하지 않은 코드를..

항해/WIL 2024.04.07

항해99 8주차 WIL

마지막 관문인!!! 실전 프로젝트 기간이 드디어 도달했다. 다행히 팀원분들이 너무너무 좋으신 분들이어서 소통 문제는 걱정 안 해도 될 것 같다. 다들 소통에 진심이시고 배려해주셔서 마음상하며 협업하지는 않을 것 같다. 하지만 실전 주차도 주제는 자유이니만큼 6명이 한 주제를 명확하게 집기란 쉽지 않았다. 긴 의견 끝에 서로의 관심사가 무엇인지 어떤 쪽을 만들고 싶은 지 추리고 추려, 개발자들을 위한 번개모임 어플을 기획하기로 했다. 지도api사용과 채팅기능이 중점이 될 것 같은데, 모두가 해본 적이 없는 기능들이라 api명세서 작업부터 쉽지 않았다. 두 조로 나눠 지도, 채팅 분담해서 얼추 api 명세서 작업을 마쳤지만 유저플로우를 생각해봤을 때 자꾸 부족한 부분이 생겨 수정을 많이했다. 기획 단계에 이..

항해/WIL 2024.03.31

항해99 7주차 WIL

이번 주차는 클론코딩하는 주차였다. 주특기 프로젝트로 백엔드와 어떻게 소통을 해야할지 감도 잡아보았고, 프론트/백 협업을 잘 해와서 클론코딩 주차에는 기본 crud가 아닌 다른 기술들도 적용해볼 수 있겠다라는 기대감으로 시작했다. 팀원 한 분이 하차하시게 되었는데 그 충격이 너무 컸다. 주특기주차에서 이미 체력적으로 많이 지쳐 정신적으로도 약간은 지쳐있었는데, 갑자기 생긴 의문의 불화로 인원도 줄어들고 더 발전해보고 싶었던 나에게는 너무 속상했다. 곧장 다음 주부터 실전 프로젝트에 들어가게 되니 하루하루가 나에게는 너무 귀중한 시간이라 항해 시작하고 지금껏 열심히 해왔다고 생각한다. 개인의 일이 아닌 타인의 일로 타격을 입게 되니 정신적으로 많이 무너져 내렸었나보다. 이미 일어난 일, 지나간 일은 잊어버..

항해/WIL 2024.03.24

항해99 6주차 WIL

처음으로 백엔드와 협업해서 프로젝트를 만들었던 주간이다. 주제는 뉴스레터였고, 간단한 crud를 구현하면 되는 줄 알았으나 2가지의 기능을 더 추가했는데 1. 관리자만 글을 작성할 수 있음(일반 유저는 조회만 가능) 2. 이미지 파일 업로드 생각보다 관리자를 분리하는 로직짜기가 어려웠다. 팀원들이 각자 다양한 의견을 내보았고 매니저님들의 의견도 들어보고 나는 지인한테까지 물어 어떤 방법이 좋을까 찾아봤다. 수많은 의견 끝에 서버측에서 어드민 계정을 만들어 우리에게 알려주고, 유저 정보 조회 API를 추가했다. 결론만 놓고보면 쉬운 로직이지만 이 결론까지 도달하기가 참 어려웠던 것 같다. 이미지 파일 업로드도 formData 형식으로 보내야했는데, 보내본 적이 없어 알맞게 보내고 있는가도 헷갈렸다. 500..

항해/WIL 2024.03.17

항해99 5주차 WIL

이번 한 주는 좀 어려운 주간이었다. JWT토큰을 받아 어디서 저장하는 가, 만료 구현 하는 부분에 있어 큰 애를 먹고 토큰 다루느라 진이 다 빠졌는지 한 글자 오타때문에 3시간을 날리기도 했던...주간이었다. 레벨4과제를 다 끝내고 레벨5는 crud구현하는 과제였는데 또 스스로 api명세서를 만들며 작업하려니 쉽지 않았다. 확실히 백과의 협업이 필요하다는 것을 깨닫고 백에게 어떤 요청을 해야할지도 감이 잡혔던 과제였다. 공부할 양은 방대하고 난이도는 어려워서 잘 하고 있는 게 맞나 회의감에 빠지기도 했는데, 레벨4과제 모범답안으로 채택됐다는 연락을 받고 뿌듯했다. 벌써 한 달이 훌쩍 지났고 2달밖에 안 남았다. 체력관리 잘 하며 2달 후에 뿌듯한 마음으로 수료했으면 좋겠다.

항해/WIL 2024.03.10

TIL(3/7) / level5 과제 중 에러들

첫 번째 input에 minlength, maxlength, pattern이 안 먹혀서 따로 함수 구현해야함 => 추후 구현 예정 두 번째 useEffect에 async await 적용하기 useEffect(async () => { const data = await fetchUser(userId); setUser(data); }, [userId]); 이런 식으로 하면 부수 효과 때문에 에러가 난다 에러 해결 useEffect(() => { async function fetchAndSetUser() { 1 const data = await fetchUser(userId); setUser(data); } fetchAndSetUser(); 2 },[userId]); useEffect 내에서 async awai..

항해/TIL 2024.03.07

TIL(3/6) / aws s3 액세스 키 발급

aws에서 IAM 사용자 등록을 할 때 액세스 키 발급을 받아야 하는데 나는 이런 식으로 나오지 않고 이런 식으로 나와서 액세스 키 발급을 받을 수가 없었다. 찾아본 결과 액세스 키 발급을 받으려면 일단 IAM 사용자 등록 후 사용자 이름을 클릭해보면 오른쪽에 액세스 키 만드는 부분이 있다! .csv파일 다운받아서 사용하면 된다 터미널에 aws configure하고 액세스키, 비밀번호 등록하면 완료 :)

항해/TIL 2024.03.07