본문 바로가기

TIL89

[항해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.
[항해99 63일차] 2022.05.07 TIL (리액트 가격 필터? 카테고리 필터 뷰) 뚜뚱.. 정말 검색을 무진장 많이했다..!!!! 하 진짜 안되가지고 죽는줄 알았다.ㅠㅠ 정말 키워드를 다양하게 하여서 검색했었다... 하루종일 걸렸다 ~~~~~~~~ ㅜ..ㅜ 필터 코드 부분 import React, { useState } from 'react'; import { Grid,Text,Button } from '../../elements/index'; import styled from 'styled-components'; const Filter=(props)=> { const {isOpen,setIsOpen}=props; const ModalClose=()=>{ setIsOpen(!isOpen) } const [currentClick, setCurrentClick] = useState(nul.. 2022. 5. 8.
[항해99 62일차] 2022.05.06 TIL (리액트로 탭메뉴 구현) 뭐 디자인은 아직 미완성이라 .. 이쁘지는 않지만, 탭메뉴 구현을 해보았다 !!!!! 먼저 탭메뉴의 탭타이틀이 있는 부분의 코드 import React, { useState } from "react"; import styled from "styled-components"; import { Grid, Button, Text, Image } from "../../elements/index"; import XScrollDrag from "../shared/XScrollDrag"; import {OfficeList,NearStation} from "./index"; const Office = () => { const tabTitle = ['맛집', '역']; const tab = { 0: , 1: }; cons.. 2022. 5. 6.
[항해99 61일차] 2022.05.05 TIL (어린이날에 공부라니ㅠㅠ) 오늘은..늦잠자버려따... 눈을 뜨니...12시였다..... ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 어쩐지..상쾌하더라.. 내일 부터 다시 빡공이다... 오늘은 졸린 날이다 ㅠㅠ 의욕이 저하된다. 하지만 힘내보자.. 오늘은 메인 뷰를 다 완성하고, 프로필 수정 api연결 성공하고 .. 지도 클러스터 띄우기 등등.. 많은 걸 해보았지만,, 뭔가 제대로 한 것은 없는 것 같당 ㅠㅠ내일 다시 TIL적어야지 !!열심히 해보자 !! 내일 할 일 메인 페이지 api요청 코드 작성 및 필터 기능 연구해보기 2022. 5. 6.

티스토리툴바