처음부터 배포까지 썸네일형 리스트형 처음부터 배포까지 Day11 지점 데이터 UI 구현 지점별 홈페이지 링크 구현 지점별 네이버 지도 보기 링크 구현 footer 구현 추후 예정 사항 node.js를 통한 서버 학습이 필요하다 지금은 JSON파일 더미데이터지만 DB에 저장할 DB학습이 필요하다 더보기 처음부터 배포까지 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 추후 예정 사항 공유오피스공유 오피스 리스트에서 상세보기 클릭 시 해당 공유 오피스의 맞는 상세보기 페이지가 구현될 예정 쿼리 파라미터에 대한 공부가 좀 더 필요하다고 판단된다(쿼리 스트링을 활용해야 하기 때문에) 더보기 처음부터 배포까지 Day8 Typescript에서 Javascript로 전부 이식했다 추후 배포 후 Typescript 점진적 도입 예정이다 이유는 redux라이브러리 사용 중 타입에러와 관련하여 처음 해보는 typescript와 redux 두 가지를 동시에 하기에는 어렵다는 판단 현재까지 리스트 페이지 폼 완성 했다 JSON파일 생성하여 axios라이브러리 사용 로컬에서 데이터 API 호출 성공했다 앞으로 예정사항 공유 오피스의 데이터를 저 구조를 통해 전부 만들어 둔 뒤 데이터 바인딩 예정이다 공유 오피스 하나의 페이지를 하나씩 더 생성하여 한 개의 공유 오피스의 대한 상세 정보를 구현할 예정이다 일차로 한 주 경과의 소감? 8월 1일부터 시작했지만 학원 수료와 마무리 때문에 여러 가지가 겹쳐 사실상 일수로는 8일 정도가 경과.. 더보기 처음부터 배포까지 Day7 공유 오피스 리스트 부분에 들어갈 공유 오피스 20개의 데이터 수집 시작 리액트 부트스트랩 사용으로 리스트 폼 맞춰보는 테스트 코드 생성 현재 해결해야 할 문제 점 타입 스크립트 사용 중 js처럼 react에서 데이터를 props로 넘겨주려고 할 때 타입 에러가 발생하여 넘겨주지 못하고 있다 부트스트랩을 사용할 건지 직접 커스텀 애니메이션을 구현 할 지 고민해야 한다 20개의 공유오피스 데이터를 JSON파일로 직접 작성할 예정 공유 오피스들 마다 특징을 한 개 이상 넣을지 말지 고민 더보기 처음부터 배포까지 Day6 메인 페이지 HTML CSS 구현 진행도 70퍼센트 공유 오피스 리스트 버튼 추가 react-router 리스트 페이지 추가 현재 상황 기능에 대한 정보 계속 고민 중이다 리스트로 이동하고 react-bootstrap을 사용해서 카드 형식으로 리스트 목록이 전부 보이게 해 줄 예정이다 각 오피스마다 개인 회원권과 기업 대상 정보를 나타내야 하는데 데이터를 우선 더미 데이터로 만들지 고민이다 백엔드에 관한 지식이 없다 보니 그간 나는 API를 받아 HTTP 프로토콜에 맞게 호출만 했지 직접 데이터를 만들어 API를 만들어 본 적이 없다 각각의 공유 오피스의 간단한 특징들을 넣을 예정이다 더보기 처음부터 배포까지 Day5 테스트 코멘트 추가 mac 메시지 앱을 통한 미모티콘 생성 반응형 웹을 계속 생각 중 이긴 하나 지금 사용한 슬릭 라이브러리와 부트스트랩 캐러셀로 인해 고민이 필요 할거 같다 원래 부트스트랩 같은 경우 반응형에 탁월한 효과를 보여주는 라이브러리인데 커스텀 css(sass)와 같이 사용하려 하니 쉽지 않은 거 같다 추후 예정 사항 다음 주 중 퍼블리싱 단계 구현 완료 기능에 대한 기획 구상 정보구조에 대해 리서치 더보기 처음부터 배포까지 Day4 계속 html css 작업 중 이미지 구한 후 인기 공유 오피스 리스트업 완료 프로젝트용, 상업적으로 이용할 예정이 없음으로 이미지 구글 리서치했음 인기 공유 오피스 리스트 6개로 추리고 캐러셀 모드의 옵션을 자동으로 슬라이드를 넘기게 구현할 예정 인기 공유 오피스 창 밑에 간단하게 공유 오피스에 대해 소개와 마케팅 글 추가 예정 더보기 이전 1 2 다음
