본문 바로가기

TIL/2022 TIL86

[항해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.
[항해99 60일차] 2022.05.04 TIL (리액트 카카오 소셜 로그인) 오늘은 리액트로 카카오 로그인 기능을 구현해봤당 !! 카카오데브사이트로 이동한다. 애플리케이션 추가하기 클릭 이 REST API 가 중요하다. 저거를 메모장에 붙여놓는다 ! 내 애플리케이션>앱 설정>플랫폼 에 접속한다. 사이트 도메인은 http://localhost:3000로 등록해주고, Redirect URI를 등록하러 가기를 클릭한다. 이렇게 URI를 적어주고, 코드로 돌아온당. 나는 깃헙에 개인키를 넣고싶지 않아서 환경변수로 빼줬당. .env REACT_APP_KAKAO_ID=아까 메모장에 복사한 키를 붙여넣습니다. SocialOAuth.js // kakao Login const CLIENT_ID = process.env.REACT_APP_KAKAO_ID; const REDIRECT_URI = "h.. 2022. 5. 5.
[항해99 59일차] 2022.05.03 TIL (지도 줌 인 줌 아웃 할때 이벤트 발생 시키기, 커스텀 오버레이 생성) 오늘은 .. 기획 멘토링 받고 기획적인 부분 회의를 하고 , 오후 늦게 작업을 했다..ㅠㅠ 기획부분은 너무너무 어려운 것 같다. 그리고 우리조의 핵심 기능은 지도로 오피스 매물 검색하고, 지도 이동 할때마다 해당 좌표 사이에 있는 매물들을 지도에 마커로 띄워주는 것..ㅠㅠ 이것 밖에 없어서 핵심 기능 구현을 먼저 해보고, 안되면 ..다른걸로 틀라고 해주셔서 오늘 지도 부분을 엄청 열심히 ..고민했던 것 같다. 우선 오늘 내가 한 것은 별거 없지만... 마커부분을 커스텀 오버레이로 바꾼 것이다 !! 회의하느라 코딩할 시간이 너무 적었다.ㅠㅠ 짜잔..이렇게 무료한 마커를 디자이너분들이 디자인 해주신 대로 커스텀 했다 !!! 지도부분 코드 import React, { useEffect, useState } f.. 2022. 5. 4.
[항해99 58일차] 2022.05.02 TIL (모달창 띄우기) 흐ㄱ...소스 코드를 뒤지고, 구글에 검색하며 리액트로 모달창을 구현해보았다 !!!!!!!! 이미지 수정 버튼 있는 JS import React,{useState} from 'react'; import {Button,Grid,Image,Text} from '../../elements/index'; import {ProfileModal} from './index'; import styled from 'styled-components'; const MyProfile = () => { const [isOpen,setIsOpen] =useState(false); const openModalHandler=()=>{ setIsOpen(!isOpen); }; return ( 오싹이님 alskldskf123@naver.. 2022. 5. 3.

티스토리툴바