🥞 오늘 한 일

• 최종 프로젝트
  • 모바일 결제 기능 진행 (PC, 모바일 동일 로직으로 재설계)
  • UT 테스트 설문 제작 및 발송
  • 중간 발표 및 피드백
• 다면평가
• 기술면접 연습

최종 프로젝트

중간 발표 및 피드백

중간 발표를 했다. 발표는 부리더님이 진행하셨고, 우리 팀이 고난과 역경 속에서도 잘 했다는 것을 알 수 있었다.
튜터님의 피드백은 다음과 같다.

• 공구 재개라던지, 상세한 것까지 잘 구현을 해놨다는 생각이 들었다.
• Layout shift 문제. 상세 페이지의 이미지가 늦게 뜰 경우 텍스트가 아래로 내려가는 문제를 해결하면 좋겠다.
• 기술적 의사결정에 route handler는 next.js 안의 기능일 뿐이라 굳이 적지 않아도 될 것 같다.
• 사용자 경험에 좋도록 꼼꼼하게 잘 했다. 로딩, 스켈레톤 등
• getUser 함수에 프로필 정보를 추가하는 것까지 있었기 때문에, 분리를 하는 것이 좋을 것 같다. 소셜 로그인도 트리거를 쓰면 다른 정보를 추가할 수 있다.
• useSearchParams() 사용한 트러블 슈팅은 정확한 해결법이 아닌 것 같다.
• 우리가 제작한 웹 사이트가 사람들에게 흥미를 불러일으킬 요소가 뭘까 고민해봐라. 시간이 좀 있으니 잘 만들어보자.

따뜻한(?) 말씀을 많이 해주셔서 좋았다.

UT 테스트 설문 제작 및 발송

거두절미하고 우리가 제작한 설문 페이지를 캡쳐해서 이미지로 넣었다. 이미지가 좀 길다.

제작 후 바로 전체 잡담방에 뿌렸다! 이제 답변을 기다릴 예정... 벌써 여러 피드백이 오고 있다. 두렵다...ㅎㅎ

기술면접 연습

자바스크립트에서 동기와 비동기의 차이에 대해 설명해주세요.

자바스크립트에서 동기는 작업을 순서대로 실행하는 것을 뜻합니다. 반면에 비동기 처리는 한 작업이 완료되기까지 기다리지 않고 바로 다음 작업을 실행할 수 있습니다. 자바스크립트에서는 async, await을 사용하여 비동기 코드를 동기 코드처럼 작성할 수 있습니다.

이벤트 루프와 실행 컨텍스트에 대해서 설명해주세요.

이벤트 루프는 이벤트를 순서대로 돌아가며 처리하는 역할을 하는데, 큐에 담긴 이벤트를 하나하나 호출 스택으로 옮깁니다. 그리고 실행 컨텍스트는 이벤트가 실행되는 환경인데, 호출 스택에 이런 실행 컨텍스트를 쌓아두고 작업이 종료되면 스택에서 빠져나옵니다. 이 방법은 비동기 작업에서 효과적인 방법입니다.

🍴 돌아보기

중간 발표에 다면평가에 UT 테스트 제작에 정신없는 날이었다. 이제 유저 피드백도 많이 들어올 예정이니 정신 차리고 전부 해결하겠다는 마음으로 최종 발표 때까지 달려봐야겠다...!

🍳 내일 목표

• 최종 프로젝트
  • 유저 피드백 반영