전체 글121 TIL - 20230217 북마크 기능에 생각보다 많은 시간을 쏟았지만 전부 구현해내지 못했다. 프로젝트 특성 상 하나의 디테일 페이지에 들어가 작동을 하는 게 아니라 나뉘어 있는 카테고리, 카테고리에 나열된 리스트에 기능을 넣으려하고, 내가 작업하지 않은 페이지 및 컴포넌트에 들어가 시도해보지 않은 기능을 구현하려니 감도 잡히지 않았다. 그 중간 api 할당량과 어느새 700줄이 넘어가는 복잡한 코드도 어려움에 한 몫을 더했기도 하고. 그런데 돌아보니 그냥 내가 열심히 하지 않아서인듯 함. 더 노력해야겠다. 주말에 팀원 분 도움 받아 마무리 함. 열공하자 ~_~ const [bookmark, setBookmark] = useState(false); const currentUserUid = authService.currentUse.. 2023. 2. 17. TIL - 20230216 - 북마크 기능 작업중. 페이지의 여러 컴포넌트에 렌더링되어야 함. 현재 기능 절반만 완성. 삭제 및 렌더링 불가. - 마이페이지 비로그인 시 접근 예외처리. - 마이페이지 current user 연결. - 마이페이지 내가 북마크 한 상품 불러오기. 2023. 2. 16. TIL - 20230215 - api 를 db 에 저장하는 작업을 마치고 선택한 상품 북마크 하는 기능을 시도하는데 쉽지가 않다. 충돌 우려로 미리 코드를 작성하고 팀원분께서 만든 페이지에 중간에 컴포넌트를 만들어 연결을 하려는데 반복되는 에러와 api 할당량 초과로 인한 작업 시간 지연으로 어느새 아침이 될 때까지 진전이 크게 없음. - 어느새 8일 차가 지나고 이틀만 더 지나면 2주 차가 끝난다. 5주 기간의 프로젝트가 생각보다 길지 않다는 걸 깨달았고 긴 시간 해결이 되지 않으면 도움을 받아 해내야겠다. - 생각보다 지치진 않았는데 그런만큼 더 열심히 해야겠다. - 얼른 맡은 기능 마치고 남은 기능으로 넘어가자. 2023. 2. 15. TIL - 20230214 - 작업하기에 api 할당량이 충분치 않으니 금융감독원의 정기예금상품과 적금상품 API를 파이어베이스 컬렉션에 넣어보자. - 1. api 를 받아와서 - 2. 파이어베이스 컬렉션에 넣어주고 - 3. data 가 필요할 때 마다, 필요한 페이지 마다 파이어베이스에서 getDocs 하면 된다. - 막상 끝내보니 어렵지 않았는데 파이어베이스가 익숙치 않아 api 할당량 소진으로 인한 대기 시간과 에러 핸들링 등에 적지 않은 시간을 쓰게 되어 시간이 꽤나 걸렸음. // data page import axios from "axios"; import { addDoc, collection } from "firebase/firestore"; import React, { useEffect, useState } from .. 2023. 2. 15. TIL - 20230213 소셜 로그인 중 남은 두 가지. 카카오와 네이버. 주말을 포함해 오늘도 종일 노력했지만 아... 쉽지 않다. 로그인 기능 까지만 마무리. // naver login import React, { useEffect, useRef, useState } from "react"; import { NaverLoginItem, SocialLoginItem, SocialLoginLogo, SocialLoginLogoImg, } from "./style"; export const NaverLogin = () => { const [userName, setUserName] = useState(""); const { naver } = window; const naverRef = useRef(); const NAVER_CLIN.. 2023. 2. 14. WIL - 캠프 14주 차 최종 프로젝트 시작 후 어느새 한 주가 지남. 친절하고 열심히 하는 팀원분들 덕분에 나도 더 열심히 할 수 있게 되는 것 같아 좋다. KEEP - 막혀도 포기하지 않고 해내는 것. - 팀원들과 원활한 소통. PROBLEM - 그럼에도 넘어야 할 일들이 산더미. TRY - 다 해결할 수 있다. 빠이팅 ~_~ 2023. 2. 12. TIL - 20230210 디자이너님과 협업하면서 UX적인 부분도 고려하게 되었다. 앞선 프로젝트 기간 동안엔 기능 구현 및 UI만 고려하는 데에도 벅찼는데 이제는 다양한 사이트들을 웹과 모바일로 방문해보며 내가 만든 것에 부족함을 느껴 수정을 반복한다. 자연스럽게 사용자 입장에서도 생각을 하게된 것 같다. 오늘은 Client API ID 와 Secrete Key 를 요구하지 않아 소셜로그인 중 가장 간단하다는 구글 로그인 기능을 넣어보자. // 함수 생성해서 필요한 곳에 넣어주기. // 구글 로그인 // 팝업을 띄우고 구글 계정으로 접근한다. 기존 가입 계정이 있다면 그대로 로그인, 없다면 자동으로 가입되어 로그인. const navigate = useNavigate(); const { state } = useLocation().. 2023. 2. 11. TIL - 20230209 React - Firebase Authentication 이메일 회원가입 & 로그인 로그인과 회원가입 기능을 프로젝트를 진행하며 처음 맡아 간단하게 정리해본다. Firebase 는 여러 소셜 로그인도 제공하지만 튜터님 피드백을 따라 기본적으로 이메일 회원가입/로그인을 구현해보자. 프로젝트에 Firebase 패키지 설치 후 기본 세팅까진 완료된 상태다. // login page import { browserSessionPersistence, setPersistence, signInWithEmailAndPassword, } from "firebase/auth"; import { useRef, useState } from "react"; import { useLocation, useNavigate } from.. 2023. 2. 9. TIL - 20230208 UI 보완 및 금감원 API 호출 시도. 우선 (팀원 중 가장 열심히 하시는) 디자이너님이 만들어 주신 피그마 틀에 따라 UI 부터 구현하기 급급했는데 튜터님 피드백에 따라 가장 중요한 API가 잘 가져와지는지 확인했다. 역시나 (?) CORS 에러가 발생해 여러 방법을 시도했으나 저녁 이후 발생한 문제여서 팀원들이 함께 찾아봐도 오늘은 해결하지 못했다. 살면서 가장 중요한 건 바로 ... 가장 중요한 게 무엇인지 아는 것 ~_~ 2023. 2. 9. TIL - 20230207 최종 프로젝트 S.A 디자이너님과 협업을 하니 수 시간만에도 계획이 바뀌고 또 바뀐다. 하루가 너무나 빠르게 지나가 TIL을 쓸 시간이 없다.(핑계) 우리 프로젝트는 금융감독원 API를 통해 사회 초년생들을 위해 예적금 상품 추천, 계산 기능, 선택 항목 비교 등을 해야한다. 기능 부분을 우선시 하기 위해 초반 계획했던 커뮤니티 등은 추가 기능으로 미루고 본 기능에 집중하기로 했다. 나는 로그인/회원가입 부분을 맡아본 적이 없어 자원했고 회의를 통해 각각 기능도 마찰 없이 분배했다. 처음이라 시간이 조금 걸릴 것 같지만 최대한 빨리 끝내고 핵심 기능 지원 또는 후순위로 미뤄진 커뮤니티 CRUD 부분을 맡으려고 한다. 빠이팅 하자 ~_~ 2023. 2. 7. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음
