본문 바로가기

TIL/2022 TIL86

[항해99 71일차] 2022.05.16 TIL (말풍선 테두리 css ) 오늘은 별로 한게 없다 ㅠㅠ 어제 돌아다녀서 힘이 안나서 많이 못 했던 것 같다 !! 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.. 2022. 5. 17.
[항해99 69일차] 2022.05.14 TIL (트러블 슈팅 지도 문제 해결!! ) 클라우드 프론트 + 라우터 53 + 버킷s3 + CM를 통해 배포했을 경우 도메인 연결한 것으로 접속했을 때 url에 /build/build/build로 엄청난 리다이렉트가 생기면서 도메인을 연결하지 못하는 엄청난 문제가 발생하여 아침6시에 잤는데도 아직도 해결 못한 상황이다ㅠㅠ 이것은 꼭 해결해서..포스팅을 다시 해봐야겠다.!!https 도메인 연결은 어려웡! 지도 페이지에 로딩 스피너 연결하던 중 문제가 발생했다!! 원래 이전부터 있었던 문제였는데 로딩 스피너를 연결하면서 문제가 내 눈에 보였다.ㅠㅠ 지도 페이지에 맨 처음 들어오면 매물들을 못 불러와서 로딩 스피너만 계속 뜨는 상황이었다. onDragend이벤트가 발생할 시에만 매물들이 불러와지는 useEffect가 일어나는데, 지도 페이지에 맨처음.. 2022. 5. 14.
[항해99 68일차] 2022.05.12 TIL (스플래시 인트로 페이지 ) 오늘은 한 것은 별로 없고,, 디자인을 입히는 일을 했당 ㅠㅠ 우선 스플래시..맞는지 모르겠지만, 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.. 2022. 5. 13.
[항해99 67일차] 2022.05.11 TIL (무한스크롤 구현) 무한스크롤의 늪... 무한스크롤 구현 중 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.. 2022. 5. 12.
[항해99 66일차] 2022.05.10 TIL (지도 오버레이 클릭시 상세페이지로 이동) 오늘은 위처럼 지도 위에 있는 마커를 클릭하면 그 오버레이에 해당하는 리스트들로 이동하는 페이지를 만들고, 지도 위에 로딩 스피너도 추가했다. 우선 오버레이에 어떻게 onClick이벤트를 줄지 고민을 했었는데.. 쉬웠다... 커스텀 오버레이를 div로 감싸주고,,,div에 온클릭 이벤트를 등록하면 되었다.ㅎㅎ 코드 {is_loaded? ( { getOffice?.cityResponseDtoList?.length ===0? null: getOffice?.cityResponseDtoList?.map((position, index) => ( history.push(`/map/office?query=${position.title}`)} > ))} ):()} 이제 저 리스트를 페이징 처리를 할 차례가 왔다 ..!.. 2022. 5. 10.
[항해99 65일차] 2022.05.09 TIL (지도 마커 띄우기) 오늘은 검색리스트에서 나온 오피스 매물을 클릭하면, 지도로 위치 띄워주는 것과 아래에 매물 정보를 띄워주는 뷰를 만들었다 ... ㅠㅠ 아직 와이어프레임이 없다보니까.. 나 혼자 와이어프레임 짜고.. 뷰 그리고.. ㅠㅠ 그러고 있다 지금..ㅎㅎ 바로 이 페이지다 ㅎㅎㅎㅎ 똥이 너무 귀여워 ㅎㅎㅎㅎ마커는 ..디자이너님이 그려주신 오싹이 캐릭터를 내가 조금 변형 시켜서 ㅎㅎ 마커 이미지로 넣어버렸다. 위의 소스 코드 import React, { useEffect } from "react"; import { useSelector } from "react-redux"; import styled from "styled-components"; import onePin from '../../static/images/o.. 2022. 5. 10.

티스토리툴바