놀러와요 버그의 숲

알게된 점 1. 리액트에서 객체안에 이미지 불러오는 법 API를 불러오기 전에 임시로 데이터를 가짜로 만들어주었다. 그런데 리액트에서 이미지를 어떻게 객체안에 넣는지 감이 안왔다. 그냥 { }안에 넣으면 될 줄 알았는데, 불러와지지 않았다. 백틱안에 ${ }를 넣어줘서 해주었더니 되었다.

이 글은 팀 프로젝트 『판다콘』 의 UI 개선 제안을 위해 팀원들에게 발표하기 위해 작성된 글임을 알려드립니다. 참고 사이트 https://app.giftistar.net/home 기프티스타 - 모바일 상품권 개인간거래 1위 플랫폼 모바일상품권 전품목 평균 20~30% 할인 혜택. 사용하지 않는 기프티콘 빠르고 편리하게 지금 판매해 보세요. app.giftistar.net 1. 위시리스트(장바구니) 우선, 기프티스타라는 어플을 보았을 때, 맘에 들었던 점은 장바구니 탭안에도 상품추가와 구매하기 버튼이 있었다는 점이다. 상품추가 버튼을 통해서 또 새로운 상품을 장바구니에 담을 수 도 있고, 구매하기 버튼을 통해서 바로 구매창으로 넘어갈 수 있다. 또한 총 얼마를 결제해야하는지 총 금액도 표시되어있다. 우리..

작성일: 2022.2.5 (토) 문득, 원범 멘토님과 얘기를 나누던 중, 내가 왜 next.js를 쓰는지에 대한 인지도 하지 못한채, 감귤마켓 프로젝트를 진행하고 있다는 느낌이 들었다. 간단하게 Postman으로 get 요청을 보내봄으로 써, 둘의 차이를 알아보려고 한다. 클라이언트 사이드 렌더링(리액트) 리액트를 통해서 api get을 요청하니까, body안에 내용물이 div하나 밖에 보이지 않았다. 아마 브라우저에 입장에서는 body안의 내용을 제대로 인지하지 못할까 싶지 않다. 서버사이드 렌더링 이런식으로 Postman을 통해서 요청을 보내보니, body안의 모든 내용들이 나와있다. 이러한 성격 때문에 next가 SEO에 좋다고 한다는 것을 느꼈다. (body의 여러 태그들과 내용들을 알 수 있으니..