본문 바로가기

전체 글8

Firebase: Error (auth/unauthorized-domain) 해결 배포를 마치고 웹사이트에서 테스트를 하는데 오류가 발생했다. 분명 로컬에서는 잘 됐는데? FirebaseError: Firebase: Error (auth/unauthorized-domain). 이런 오류가 발생하길래 구글링을 해보니 도메인 등록을 하지 않아 발생하는 오류였다. 맞다. 배포 후 사이트명을 변경하면서 생긴 오류였다. 해결방법 Firebase 프로젝트 - Authentication - 도메인 추가 (해당 도메인 추가) 2023. 11. 15.
TIL : 배포 오류 쇼핑몰 프로젝트를 배포하는데 netlify에서 오류가 발생하였다. 무슨말이지? 또 다시 시작된 구글링.. 배포할 땐 꼭 CI= 를 붙여주자 ! 출처 : https://answers.netlify.com/t/new-ci-true-build-configuration-treating-warnings-as-errors-because-process-env-ci-true/14434 2023. 11. 13.
TIL : 리액트에서는 직접 요소에 접근하면 안된다! 오늘한 것1. 장바구니 추가, 숫자뱃지 완료 2. 프로젝트 폴더구조 변경 3. 메뉴에 따른 상품 필터링 완료 4. 포트폴리오 작성 시작 오늘 배운 것1. 카테고리별 데이터 보여주기 필터를 써서 보여줘야 하나, 아님 DB를 거쳐서 가져와야되나 고민이 되었다. (너무나 당연한 답인데 뻘짓을 한건가?) 고민하다 내린 결론은 이것. 어차피 보여지는 데이터는 동일, 필터 기능이라고 생각하면 될 듯 싶다. 조회하는 조건이 다른 것도 아니고 DB에서는 한번만 요청하고, 그 안에서 데이터를 분류하면 되는거니까 데이터를 가져오면 filter로 다시 걸렀다.그리고 손쉽게 해결! 2. 클래스 요소에 속성 추가 현재 프로젝트는 tailwind 사용 중,.. 클릭 시 특정 클래스에 스타일을 주고 싶은데 어떻게 줘야할까? 이건 .. 2023. 11. 8.
TIL : 소셜 로그인 오늘한 것1. 로그인, 로그아웃 구현(사용자 인증 추가) 2. 전체 상품 불러오기, 상품 상세페이지까지 구현 오늘 배운 것1. 소셜 로그인 구글, 깃허브 로그인을 하기 위해선 firebase에서도 깃허브에서도 셋팅이 필요하다.firebase 접속 - Authentication - Sign-in method - 깃허브 추가 - 생성된 Callback URL 복사 깃허브 접속 - settings - Developer setting - OAuth Apps - New OAuth App 에서 새로운 App 생성 위에서 복사한 Callback URL을 네모칸에 넣는다. 그리고 페이지에서 접속 후 로그인 버튼을 누르면?? 따라란~~~~ 깃허브 로그인 성공 2. Cloudinary에 이미지 넣은 후 반환된 URL 얻어.. 2023. 11. 7.
TIL : 계산기 최종 수정 완료 오늘 한 것 1. 기능 개선 (1) 종목 검색 시 enter 이벤트를 썼으나, 무슨 이유인지 모바일에선 enter 이벤트를 할 수 없었다. 깔끔하게 처리하기 위해서 enter 이벤트 치우고 버튼 클릭 이벤트로 대체 시간이 된다면 자동완성으로 구현해보고싶다..! 2. 기능 개선 (2) 처음부터 코드를 다시 훝어보니 '굳이 여기서 쓸 필요가 없겠는데?' 싶은 코드들을 발견하였다. 그리고 전부터 거슬리던 부분들이 있어서 변수 선언부터 다시해서 그렇게 나만의 코드 리팩토링 시작.... 처음보단 최~~~~대한 깔끔하게 작성하려고 노력했다. 이렇게 계산기는 모든 수정 완료!! 내일 해야할 것 1. 계산기 깃허브 md파일 작성하기 2. 새로운 프로젝트 시작하기 (레이아웃 및 기능 구상) 2023. 11. 5.