일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 팀프로젝트
- ToyProject
- useEffect
- project
- JS
- wecode
- mini
- next.js
- React-native
- Tanstack Query
- 리액트네이티브
- css
- TIL
- React
- 일본 우편번호 api
- 다음은 메인페이지
- teamproject
- wescanner
- html
- javascript
- 구조분해할당
- 이중map
- react-hook-form
- toy project
- 문제
- 다중map
- Threppa
- miniproject
- 처음부터 배포까지
- useForm
- Today
- Total
목록처음부터 배포까지 (4)
블로그 이름을 입력해주세요

공유 오피스 오피스 페이지 생성 React-router , 쿼리 파라미터 사용 지점 데이터 및 주소 데이터 바인딩 준비 중 params를 통해 데이터의 id값을 가져오는 데 성공했다 이번에 다시 구현해보면서 복습 차원에서 한 번 더 params에 대해 상기할 수 있었다 알게된 점 쿼리 파라미터를 사용했을 때 image 불러오기 실패 img 태그의 경로를 잘 확인해봐야 한다 보통 src의 경로는 "./images/office01.jpg"라고 한다면 쿼리 파라미터를 사용했을 시 쿼리 스트링에 대한 정보는 useParams를 사용한 id값을 받아 detail/6 슬래쉬 하나가 더 생기고 뒤에 id에 해당 하는 number 따라오게 된다 그래서 src 경로의 ./ 아닌 ../ 으로 해줘야 올바른 이미지가 나오게..

공유 오피스 20개의 데이터 코딩 완료 공유 오피스 배열을 반복문 map()을 통해 데이터 바인딩 완료 css overflow : scroll 속성으로 스크롤 기능 구현 완료 HOME LIST office_data.json 추후 예정 사항 공유오피스공유 오피스 리스트에서 상세보기 클릭 시 해당 공유 오피스의 맞는 상세보기 페이지가 구현될 예정 쿼리 파라미터에 대한 공부가 좀 더 필요하다고 판단된다(쿼리 스트링을 활용해야 하기 때문에)

테스트 코멘트 추가 mac 메시지 앱을 통한 미모티콘 생성 반응형 웹을 계속 생각 중 이긴 하나 지금 사용한 슬릭 라이브러리와 부트스트랩 캐러셀로 인해 고민이 필요 할거 같다 원래 부트스트랩 같은 경우 반응형에 탁월한 효과를 보여주는 라이브러리인데 커스텀 css(sass)와 같이 사용하려 하니 쉽지 않은 거 같다 추후 예정 사항 다음 주 중 퍼블리싱 단계 구현 완료 기능에 대한 기획 구상 정보구조에 대해 리서치