본문 바로가기

처음부터 배포까지

처음부터 배포까지 Day10 공유 오피스 오피스 페이지 생성 React-router , 쿼리 파라미터 사용 지점 데이터 및 주소 데이터 바인딩 준비 중 params를 통해 데이터의 id값을 가져오는 데 성공했다 이번에 다시 구현해보면서 복습 차원에서 한 번 더 params에 대해 상기할 수 있었다 알게된 점 쿼리 파라미터를 사용했을 때 image 불러오기 실패 img 태그의 경로를 잘 확인해봐야 한다 보통 src의 경로는 "./images/office01.jpg"라고 한다면 쿼리 파라미터를 사용했을 시 쿼리 스트링에 대한 정보는 useParams를 사용한 id값을 받아 detail/6 슬래쉬 하나가 더 생기고 뒤에 id에 해당 하는 number 따라오게 된다 그래서 src 경로의 ./ 아닌 ../ 으로 해줘야 올바른 이미지가 나오게.. 더보기
처음부터 배포까지 Day9 공유 오피스 20개의 데이터 코딩 완료 공유 오피스 배열을 반복문 map()을 통해 데이터 바인딩 완료 css overflow : scroll 속성으로 스크롤 기능 구현 완료 HOME LIST office_data.json 추후 예정 사항 공유오피스공유 오피스 리스트에서 상세보기 클릭 시 해당 공유 오피스의 맞는 상세보기 페이지가 구현될 예정 쿼리 파라미터에 대한 공부가 좀 더 필요하다고 판단된다(쿼리 스트링을 활용해야 하기 때문에) 더보기
처음부터 배포까지 Day5 테스트 코멘트 추가 mac 메시지 앱을 통한 미모티콘 생성 반응형 웹을 계속 생각 중 이긴 하나 지금 사용한 슬릭 라이브러리와 부트스트랩 캐러셀로 인해 고민이 필요 할거 같다 원래 부트스트랩 같은 경우 반응형에 탁월한 효과를 보여주는 라이브러리인데 커스텀 css(sass)와 같이 사용하려 하니 쉽지 않은 거 같다 추후 예정 사항 다음 주 중 퍼블리싱 단계 구현 완료 기능에 대한 기획 구상 정보구조에 대해 리서치 더보기
처음부터 배포까지 Day4 계속 html css 작업 중 이미지 구한 후 인기 공유 오피스 리스트업 완료 프로젝트용, 상업적으로 이용할 예정이 없음으로 이미지 구글 리서치했음 인기 공유 오피스 리스트 6개로 추리고 캐러셀 모드의 옵션을 자동으로 슬라이드를 넘기게 구현할 예정 인기 공유 오피스 창 밑에 간단하게 공유 오피스에 대해 소개와 마케팅 글 추가 예정 더보기