전체 글(91)
-
23/12/11 kpt 회고
Keep - 현재 만족하고 있는 부분 존(중하며)버(티기) 성공 완벽한 팀워크 어려울 때 다같이 튜터님 찾아가기 코드컨벤션 적용하려고 노력하기 진행상황 공유하기 깃허브 PR하기 전에 알리기 메인 변수 지정해서 사용 필수기능 구현사항 완료 Problem - 불편하게 느끼는 부분 지도에 대한 상세 기획 부족 필요없는 파일들 (git 브랜치 포함) React Query나 thunk 사용의 비통일 지도 검색 API사용 미숙함 파이어베이스 오류에 대한 어려움 Try - Problem에 대한 해결책, 당장 실행 가능한 것 기획 좀 더 탄탄하게 하기 필요 없는 파일들은 지우기 (git 브랜치 포함) 리액트쿼리를 사용하기 지도 API의 키워드 검색기능 공부해보기 화면 전환시 리랜더링에 대한 해결
2023.12.11 -
23/12/08 til 공용화
두번이상 쓰이는 일반 함수 커스텀훅 컴포넌트 한개를 한파일에 담아보았다. import {collection, addDoc, setDoc, getDocs, deleteDoc, doc} from 'firebase/firestore'; import {auth, db} from '../../shared/firebase'; import {setList} from '../../redux/modules/fixList'; import {useDispatch, useSelector} from 'react-redux'; import {useEffect} from 'react'; import Button from './Button'; import {toast} from 'react-toastify'; export const..
2023.12.11 -
23/12/06 til 로컬
로컬 스토리지를 적어보자! 기본적인 명령어들 localStorage.setItem( 'key' , 'value' ) 로컬함수에 데이터를 저장한다. 키값과 그에따르는 벨류값을 저장시킨다. 저렇게 적으면 끝 주의사항 string형으로만 저장된다. localStorage.getItem( 'key' ) 이번에는 로컬함수에 저장한 데이터를 불러온다. setItem으로 저장한 key값에 따르는 벨류 값이 호출된다. 사용할때 저 겟아이템을 변수화 시켜서 쓰면 용의 하다 예를 들어 const abc = localStorage.getItem( 'key' ) 요로케 localStorage.removeItem( 'key' ) 해당 키값으로 저장되어 있는 데이터를 삭제한다. . 이렇게 하면 그 키 값으로 getitem해도 데..
2023.12.07 -
23/12/5 til 환경변수 , 공용화(?)
그동안 환경변수에 대한 얘기를 들었지만 정확히 뭔지 몰랐는데 오늘 팀원에게 많이 배웠다. import {initializeApp} from 'firebase/app'; const firebaseConfig = { apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING..
2023.12.06 -
23/12/04 til
과제해설을 듣고 내가 짠 코딩 문제점을 분석해보자. 일단 새로 배운 git 명령어 git remote -v 현재 연결된 원격 깃허브 주소들을 확인한다. git remote remove origin 현재 연결된 원격 깃허브 오리진을 제거한다. git remote add origin '주소' 새로운 오리진 연결한다. import Layout from "components/Layout"; //레이아웃 컴포넌트는 과제 요구사항의 헤더부분으로써 import Detail from "pages/Detail"; // 사용될 예정이었다 .리액트 라우터돔의 아웃렛을 응용요청 import Home from "pages/Home"; import Login from "pages/Login"; import Profile from..
2023.12.04 -
23/11/30 til algo
와 진짜 오늘 공부를 대충해서 쓸게 없다 알고리즘으로 때우기 ㅋㅋㅋㅋ 봐주세용 내일부터 열심히 쓸께요 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. function solution(arr1, arr2) { var answer = [[]]; for(let i in arr1){ for(let t in arr1[i]){ arr1[i][t] = arr1[i][t]+arr2[i][t] } } return arr1; } //별거 있나 배열 안에 배열있는 구조 이다. arr1과 arr2는 같은 동일한 구조이다.ex ) arr1 = [[1,2],[2,3..
2023.11.30