코딩하는 이채야채

our side project bird buddy trip which can find your trip buddy from this web 4/18일 아이디어 회의 시작전 다함께 신림동에서 첫만남을 가졌다. front : 이채영(본인) full: 양지윤님 backend : 추홍욱님 4/19일 figma작성 및 DB스키마 작업 https://www.figma.com/file/jWRhu4mErRTERVkKwKOvG8/Untitled?node-id=0%3A1 Figma Created with Figma www.figma.com https://dbdiagram.io/d/625e85972514c97903550f7a dbdiagram.io - Database Relationship Diagrams Design To..

Transfrom 중요속성 scale(2) : 2배 커지는거 rotate(45deg) : 45도 회전 screwY(-30deg): 비틀기 translate(30px, 10px): 이동 fill border -> stroke -> rectangle 네모상자 -> 사각형 왼쪽 위가 중심 , rx: 꼭지첨이 둥근거 -> 원형 -> 가운데가 중심, 크기는 with, height 대신 반지름으로 -> 타원 직선 그리기 -> 직선을 잇는거 -> polyline과 다른점: 마무리를 지어주는것 Path 자유그리기 d라는 속성을 이용한다. M: 위치를 이동시키는것 L: 어디로 이동시킬지 H: 수평방향으로 이동시키는거 V: 아래로 이동시키는거 C: 커브 곡선 따라서 글자쓸때 => 참조용 tspan을 이용하기 마스크쓰는법 ..

import styled from "styled-components"; import { useEffect, useRef, useState } from "react"; import iconblack from "../../img/iconblack.png"; import loading from "../../img/loading.gif"; import { useRecoilValue, useSetRecoilState, useRecoilState } from "recoil"; import { searchLocation, mapResultsStorage, currentLocationStorage, currentLatitude, currentLongtitude, currentaddress, modifyLatitude,..

에러라기보단 단순한 원리에대하여 발견? useEffect안에서 아래와 같은 작업을 해줬다. let a를 찌고 a= "a"라고했으며 마지막 console.log에 a를 찍으면? useEffect(() => { const container = place.current; //인포윈도우 // const infowindow = new window.kakao.maps.InfoWindow({ zindex: 1 }); let a; navigator.geolocation.getCurrentPosition(function (position) { let lat = position.coords.latitude; let lon = position.coords.longitude; a = "a"; let locPosition = ..

문제상황: 상세보기 페이지에서 작성자가 수정버튼을 누르면 상세정보의 내용을 가지고 게시글 수정페이지로 가야한다. 그러기위해 id값이 필요하다. 수정페이지에서 다시 도서상세보기 axios 요청을 보내서 이전에 가지고있던 값을 가져와야한다. 이전에 가지고있던 값을 알아야 아래와같이 게시글수정페이지에 들어갔을때 내가 입력했던 정보를 불러올수있다. But 으아아아아아아 id값을 분명 리코일에 저장했기에 수정페이지를 거쳐서 들어가면 정보를 잘 get해오지만.. 새로고침을 하는 순간? 리코일이 초기값인 0으로 get요청을 보내서 엉뚱한 정보를 가져온다거나, 삭제된 컨텐츠여서 아예 값을 못가져온다. 원인 : 리코일이 영구저장하지못하는 문제점이다. 해결: localstorage에 저장을 해주는 방법으로 해결해야줬다. ..

문제상황 : 도서등록 페이지에서 도서 등록을 한 후에 usenavigate로 등록버튼을 누르면 사용자가 업로드했던 도서리스트및 도서검색 페이지가 쭉 뜨고, 방금전등록한 도서가 가장 최신업로드로 나와야하나, 한박자 늦게 새로고침을 해야지 업로드가 되어있는 상황을 직면 에러원인 : post요청은 오래걸리는 요청이다. 비동기적으로 실행된다. 그렇기에 async await을 사용했던것. 하지만 적절하게 사용하지못해서 생긴 에러다. 좀더 풀어 말하자면. http요청 코드를 순차적으로 돌리기위해서는 async핸들링을 해줘야되는데 (Async await…이런걸로) 핸들링을 해주는 응답이 오기를 기다린 후에 그다음에 use navigate가 실행해야되는데 응답오기전. post요청이 가고있는중에 navigate가 먼저 ..

문제상황 : 도서 상세보기를 할때, get요청시 가져온 특정도서의 정보를 담을 state를 만들고 초기값을 빈배열로 준 후에 type지정을 해줬다. 빈배열로 줌으로써, 구조분해할당시 undefined라는 에러가 발생. const {address} = locations를 하여 address를 사용하고싶으나, 지정했던 string과 타입일치가 하지않는다고 나온다. type BookInfo = { id: number; title: string; img: string; content: string; quality: string; exchanged: Boolean; userNickname: string; locationId: number; createdAt: string; updatedAt: string; loc..

자바스크립트 APPkey를 준비한다 .env 파일을 생성한다. index.html파일에 넣는다. %% 껏다켜야지 적용이되기때문에 리액트파일을껏다가 다시 npm start를 해준다.