도영스 공간

오늘은 별로 한게 없다 ㅠㅠ 어제 돌아다녀서 힘이 안나서 많이 못 했던 것 같다 !! const Talk = styled.div` color: #000; width: 134px; height: 28px; background-color: #fff; top: -36px; border: 1px solid #c4c4c4; font-size: 0.75rem; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; border-radius: 10px; transform: translateX(-50%); animation-duration: 1s; animation-iteration-count: infinite..

🧸 이번 10주차 WIL 키워드 ! MVP개발을 하는 3주 동안 어떤 기술들을 다뤄봤는지 정리해보세요. 우선 우리조는 오피스 매물을 찾아주는 모바일 웹을 기획하여 제작중에 있다. 기획 단계가 어려웠다... 우선 카카오 지도 api를 이용하여 사용자가 지도에서 매물들을 찾아볼 수 있는 기능을 구현했다. 네모라는 사이트와 비슷하다.ㅎㅎ 네모에 있는 매물들을 크롤링해와서 보여준다,.. 다른조들보다는 기술들과 스코프가 조금 적어보인당 ㅠㅠ 그런데 더 추가할 게 생각나지 않는다.. 간단한 CRUD를 넣고 싶다 !! 내가 구현한 기능은 지도 기능과 프로필 수정 기능 및 대체적인 뷰작업이다.. 한 60퍼센트는 진행이 된 것 같다. 앞으로 해야될 작업들은 이러하다. 검색 최신 키워드 저장 되지 않고, 페이지 이동 문제..

클라우드 프론트 + 라우터 53 + 버킷s3 + CM를 통해 배포했을 경우 도메인 연결한 것으로 접속했을 때 url에 /build/build/build로 엄청난 리다이렉트가 생기면서 도메인을 연결하지 못하는 엄청난 문제가 발생하여 아침6시에 잤는데도 아직도 해결 못한 상황이다ㅠㅠ 이것은 꼭 해결해서..포스팅을 다시 해봐야겠다.!!https 도메인 연결은 어려웡! 지도 페이지에 로딩 스피너 연결하던 중 문제가 발생했다!! 원래 이전부터 있었던 문제였는데 로딩 스피너를 연결하면서 문제가 내 눈에 보였다.ㅠㅠ 지도 페이지에 맨 처음 들어오면 매물들을 못 불러와서 로딩 스피너만 계속 뜨는 상황이었다. onDragend이벤트가 발생할 시에만 매물들이 불러와지는 useEffect가 일어나는데, 지도 페이지에 맨처음..

오늘은 한 것은 별로 없고,, 디자인을 입히는 일을 했당 ㅠㅠ 우선 스플래시..맞는지 모르겠지만, setTimeout으로 해당페이지에서 3초 후 자동으로 페이지를 이동하는 데 성공했다 !! 맨처음에는 리액트 네이티브에서만 할 수 있을 거라는 생각과는 다르게 ㅎㅎ잘되어서 다행이다 ㅠㅠ 하지만 다시 localhost:3000으로 돌아가는 순간 디버깅..페이지로 들어온다 ㅠㅠㅠㅠ ㅎ..ㅎ..ㅎ.. 스플래시 코드 import React,{useEffect} from "react"; import { Grid, Image } from "../elements/index"; import styled from "styled-components"; import { history } from "../redux/configS..

무한스크롤의 늪... 무한스크롤 구현 중 draft list에 payload에 있는 list들을 push하다보니 이전 페이지에 들어갔다가 다시 뒤로갔다가 다른 리스트 페이지로 들어갔을 시 이전의 리스트들이 똑같이 불러와지는 문제 발생했었다.. 현재는 해결이 되었다.!!! 수정 전 코드 //액션생성함수 const getSOList = createAction(GET_SEARCH_OFFICE_LIST, (list,page) => ({ list,page })); //미들웨어 const getSOListDB = (keyword,pageno) => { console.log("keyword : ", keyword); return (dispatch,getState) => { instance // .get(`/api/l..

오늘은 위처럼 지도 위에 있는 마커를 클릭하면 그 오버레이에 해당하는 리스트들로 이동하는 페이지를 만들고, 지도 위에 로딩 스피너도 추가했다. 우선 오버레이에 어떻게 onClick이벤트를 줄지 고민을 했었는데.. 쉬웠다... 커스텀 오버레이를 div로 감싸주고,,,div에 온클릭 이벤트를 등록하면 되었다.ㅎㅎ 코드 {is_loaded? ( { getOffice?.cityResponseDtoList?.length ===0? null: getOffice?.cityResponseDtoList?.map((position, index) => ( history.push(`/map/office?query=${position.title}`)} > ))} ):()} 이제 저 리스트를 페이징 처리를 할 차례가 왔다 ..!..

오늘은 검색리스트에서 나온 오피스 매물을 클릭하면, 지도로 위치 띄워주는 것과 아래에 매물 정보를 띄워주는 뷰를 만들었다 ... ㅠㅠ 아직 와이어프레임이 없다보니까.. 나 혼자 와이어프레임 짜고.. 뷰 그리고.. ㅠㅠ 그러고 있다 지금..ㅎㅎ 바로 이 페이지다 ㅎㅎㅎㅎ 똥이 너무 귀여워 ㅎㅎㅎㅎ마커는 ..디자이너님이 그려주신 오싹이 캐릭터를 내가 조금 변형 시켜서 ㅎㅎ 마커 이미지로 넣어버렸다. 위의 소스 코드 import React, { useEffect } from "react"; import { useSelector } from "react-redux"; import styled from "styled-components"; import onePin from '../../static/images/o..

🧸 이번 9주차 WIL 키워드 ! 실전 프로젝트를 진행하며 기술적으로 막혔던 부분은 무엇인가요? 해결했다면 어떻게 해결했는지 과정을 작성해주세요! 8주차 키워드와 똑같다 !!! 우선 지도부분이 가장 막혔었다.. 이번에 또 문제였던 것은 검색어를 입력했을 때 해당 키워드와 관련있는 매물들을 지도에 마커로 띄워주는 것이었는데 ... 정말 정말 정말 뇌가 멈춘 기분 ? 이었다 ㅎㅎㅎㅎㅎ 어떻게 구현을 해야될지 ㅠㅠ알고릐즘 적인 뇌가 ..부족하다보니까 아무런 생각도 나지 않았고, 카카오 api안에 있는 검색 라이브러리를 이용해서 .. 어찌저찌 검색어 입력하면 움직이기는 했는데.. 생각보다 잘 움직이지 않았고,,뭔가가 이상했다. 원래 사용하던 지도를 계속 사용해야 하는지... 지도를 새로 그리는 컴포넌트를 그려야..