💻 들어가며 벌서 프로젝트 마감까지 약 2주정도 남았다 멘토님께서 마지막 1주일은 배포, 버그수정에 힘을 써야 하니 앞으로 1주일 뒤인 10월 4일까지는 기획한 기능을 구현을 마칠 것을 권장하셨다 전체 게시글 조회에서 상태관리할 게 꽤 있어서 골칫거리가 될 것 같은데 이제는 기능 구현할 수 있는 시간이 얼마 남지않아 서비스와 사용자 경험에 끼치는 영향, 투입되는 공수를 따져 우선순위를 잘 매겨 순서대로 처리해야할 필요성을 느꼈다. ⚒️ 구현 기능 context API 로그인 구현 로그인 처리시 백엔드에서 넘어오는 jwt 토큰을 전역상태에 저장해주기 위해서 redux toolkit 대신 context API 를 이용하기로했다 이유는 프로젝트에서 필요한 상태를 관리하는데 context로도 충분히 구현 가능할..

📚 오늘 한 것 stack 이미지 적용 json dummy data 작성 Board 전체 틀 css 작성 Stack 이미지 적용 stack을 array 형태로 저장한 다음 map 메소드를 사용하고 리터럴 문법을 이용해 서버에서 가져오는 string형태의 스택을 기준으로 적절한 이미지가 나오도록 작성함 json dummy data 작성 멘토님께서 백엔드측에서 API 구현해주는 것을 기다리는 것이 아니라 구성된 API 명세서를 기반으로 dummmy data를 작성해서 빨리빨리 페이지에 디자인된 화면을 퍼블리싱하는 것이 우선이라고 하셔서 적극 반영해서 API처럼 작동하는 json server에 더미를 작성해주고 페이지에 띄우는 것을 시작했다 API가 완성되기 전에 백에서 오는 Json 형태의 데이터를 어떻게 ..

들어가며 메인 프로젝트를 들어가며 1주마다 개발일지를 작성하려고했는데 며칠만 지나도 뭐 했는지 어떤 고민을 했는지 잊게 되는 경우가 많아 그날 바로바로 기록하는 것이 더 기억에 남고 좋은 기록을 할 수 있을 것 같아 매일매일 작성을 하기로 했다 멘토링 메인프로젝트를 진행하면서 1주일에 한 번씩 현업을 하고계신 멘토님께 멘토링을 받을 수 있는 기회가 있는데 프로젝트를 진행하면서 궁금한 점 또 취업, 개발 정보에 대한 질문을 드리고 받은 답변을 정리해봤다. 컴포넌트 나누는 팁 명확한 기준이 있는 건 아니지만 한 번이라도 재활용하는 컴포넌트는 분리를 할 것 eslint 설정에 까다로운 부분이 많았는데 꼭 필요한가? 너무 많은 시간을 잡는 경우 버려라, prettier만 써도 충분함 객체에서 id를 new Da..

맨날 구글링하기 귀찮아서 포스팅 🎯 정규표현식 테스트 사이트 참고하면서 작성 📚 정규표현식(Regular Expression) 규칙을 슬래시 '/ ' 로 감싸 사용 컴퓨터에게 '/ ' 사이에 있는 문자열 찾고싶다고 명령 내리는 것 📗 내장 RegExp 객체 메소드 exec execution의 줄임말로 원하는 정보 뽑아내고자 할 때 사용 찾고자하는 문자열에 정보가 있다면 배열로 반환, 없으면 null로 반환 let reg = /c/; reg.exec('code'); // expect \[ 'c', index: 0, input: 'code', groups: undefined \] test 찾고자 하는 문자열이 대상에 있는지 boolean 으로 리턴 let reg = /c/; reg.test('code'); ..

💻 컴포넌트 추가 버튼 구현 각 컴포넌트 데이터 목록 ❌ 추가버튼 실행 Error 변경된 state 컴포넌트 데이터 목록 ⚠️ ID 값은 임의로 추가되도록 설정해놓은 상태 컴포넌트 title과 amount 순서에서 오류 발생 콘솔창에서 컴포넌트에서 props로 받아오는 데이터를 출력해보니 정상적으로 배열에 추가된 것을 확인할 수 있었지만 바뀐 상태의 배열을 새로 화면에 렌더링하는 과정에서 오류가 발생한 것으로 보임 오류 목록 Amount와 Date 반영되었지만 Title: '새로운 제품'은 반영되지 않았고 기존의 0번째 인덱스 값의 title: 휴지 가 그대로 들어가있는 상태 Amount의 값이 하나씩 뒤로 밀려남 마지막 인덱스 값의 Tilte : '컵' 에 대한 컴포넌트가 하나 더 생성되었다 📝 오류 ..