본문 바로가기

전체 글67

[회고] 1차 프로젝트 회고 회고와 회식.. 그 사이 어딘가.. 1차 프로젝트가 끝이 났다. html부터 css, javascript, react를 배웠고 1차 프로젝트가 끝이 났다. (가운데 혼자 봄을 즐기고 있는 청년이 바로 나) 먼저 팀원 구성으로는 front : 두현, 근휘 님, 경서님, 정수님 back : 광수님, 창환님 일단 전에 회사에서 팀장의 역할을 해봤던 경험이 있어서 PM은 내가 잡고 출발했다. 먼저 객관적으로 봤을 때 우리가 할 수 있고 해야만 하는 페이지를 페이지 플로우에 따라 선정을 했다. 메인, 회원가입, 로그인, 상품 리스트, 상품 디테일, 장바구니, 네비게이션바, 푸터 나는 메인과 내비게이션바, 상품 리스트 안에 상세 내용 정도로 작업을 분배했다. Ground Role 팀 규칙을 정하고 가고 싶었다. 팀.. 2023. 1. 17.
[React] Array.map() is a not function 오.. 류... 오히려 좋아.... 하려고 했던 것 백엔드분들이 정성스럽게 만들어주신 베스트 상품 API를 받아와서 내 메인에 뿌려주고 보여드릴 생각에 신이 많이 났다. 하지만... Objects, {} in JavaScript does not have the method. map(). It's only for Arrays, []. ㅋ... 그래 일단 생존형 영어 실력으로 해석을 해봤다. 오브젝트는 map함수를 가지고 있지 않아 사용이 불가능하다. 오직 배열에서만 가능하다. 그래서 백엔드분께 여쭤봤다. 혹시 데이터가 들어올때 어떻게 들어오나요? 🙋 하고 봤는데, 오류가 말해주셨던대로 (프런트단에선) 객체로 들어오고 있었다. { result: [ { id: 1, name: 'name', price: '11.. 2023. 1. 17.
[React] 스크롤에 따라 navagation fixed 백발백중하는 명사수... 부딪혔다. 프로젝트 중에. fix 죄송합니다. 다시 하겠습니다. 프로젝트를 진행하던 중 화면의 스크롤 값에 따라 고정 너비를 가진 header가 상단에 position:fixed로 붙는 인터랙션을 구현해야 했다. 대충 감은 오는데 jQuery에서나 오던 감으로는 React에서 적용하기에 힘들 것 같아서 또 참지 못하고 먼저 구글링으로 검색을 해봤다. 상대를 알고 나를 알면 백전백ㅅ... 오케이. 일단 지금까지 들여왔던 습관 중 하나를 꺼냈다. 해야 하는 일 리스트로 적어보기 스크롤 값 가져오기 원하는 스크롤 값에 나타날 css 만들어 놓기 크게 2가지로 생각을 하고 실행에 옮겼다. 1. 스크롤 값 얻어와서 저장하기 const [scrollY, setScrollY] = useSta.. 2023. 1. 17.
[React] slide API 없이 슬라이드 구현하기 이거 하다가 맥북 반대로 몇 번이나 접을 뻔했네 ^_^ ㅅ... 사랑해 내 맥북... slide API에게 언제까지나 의존할 수 없다. 라고 했지만 진짜 slide API의 중요성을 너무나도 느끼는 일주일이었다. (물론 작업기간 3일) 언제나 이론상으로 완벽한 코드지만 npm start와 새로고침 한번 한 번이 이렇게 무서웠던 적은 처음이다. 오류가 무서운 게 아니라 이 문제가 해결되면 다음엔 어떻게 로직을 연결시키지?라는 게 제일 컸던 것 같다. (쫄보) 갑자기 뜬금없지만 성장한 점이 꽤 있는 듯 하다. ? 일단 useRef를 사용해 보고 useState와 useEffect를 한 번에 사용해 본 점이 가장 크지 않나 싶다. 각각 hook들이 뭘 하는지 어떤 장점을 갖고 있고 어떻게 사용해야 하는지 확실.. 2023. 1. 17.
반응형