[React] 오늘도 API에 문제가 생긴건가?
ISSUE/Error2024. 9. 3. 20:07[React] 오늘도 API에 문제가 생긴건가?

에러분명 멀쩡하게 잘 되던 친구가 갑자기 데이터를 부르지 못하겠다고 한다...로딩 스피너는 잘 도는데 네트워크를 열어보니깐 지난 번 api 때와 같은 오류 코드가 나왔다.   원인  처음에는 api로 처음 불러왔을 때 페이지수가 45,000개 정도 나와서 불러오는 데이터 값이 초과했나...? 싶어서 그쪽 코드를 계속 손봤었는데 그런 문제는 아니었고 그냥... 휴먼 에러 였다. 나는 원숭이가 아닐까? popular 뒤에 /가 있으면 유효하지 않은 값이기 때문에 아니 애초에 존재하지 않는 값이기 때문에오류가 날 수 밖에 없다.  해결 잘 나온다... 고작... / 하나 오타난거로 이렇게 헤매다니... 오류도 제대로 안뜨고 지옥을 볼 뻔했다. 해결했으니깐 됐다... 아무래도 최신 개봉 영화가 나오는게 좋으니깐..

[React] API KEY가 승인되지 않았다...
ISSUE/Error2024. 8. 29. 19:13[React] API KEY가 승인되지 않았다...

에러 데이터가 제대로 넘어오지 않아서 확인을 해봤는데,  { "status_code": 7, "status_message": "invalid api key: you must be granted a valid key.", "success": false }API Key가 유효하지 않다...? 라는 오류가 떠서 확인해봤는데 아무리 해도 해결이 되지 않는다.  원인허탈하지만 내가 API를 가져오는 곳은 새로고침을 하면 API Token이 변경된다... 그리고 무엇보다 .env 경로도 실수를 했다... src폴더 밖에 꺼내야하는데 내부에 넣어서 API를 인식하지 못했다. 결국 휴먼에러였다... 스터디분들이 도와주셔서 혼자 2시간을 헤맸지만 10분도 되지 않아서 해결됐다!  .env를 src밖으로 꺼내고 바로 해결..

포트폴리오 사이트 만들기
Personal/Personal Project2024. 8. 28. 18:17포트폴리오 사이트 만들기

개요프론트 공부를 시작하고, 강의를 보고 기존 틀에서 수정해서 새로운 것을 만들기만 해왔는데 온전하게 나의 아이디어가 들어간 무언가를 만들고 싶다는 생각이 들었는데 처음 만드는 것은 나를 소개하는 페이지를 만들고 싶었다. 구성첫 페이지처음 보여지는 페이지에는 나의 소개와 깃허브, 이메일, 블로그 이미지를 넣고 클릭시 이동할 수 있게끔 하려고 했고, 첫인상이라고 해야하는지 모르겠지만 나는 어떤 사람인지를 간략하게 적고자 했다.  두번째 페이지두번째 페이지는 내가 어떤 것들을 배웠고, 사용할 수 있는지에 대해서 보여주고자 했는데 꽤 고민을 했다.아이콘으로 가독성 좋게 표현을 할 것인지, 텍스트 형식으로 추가 설명을 넣을지 고민 끝에 간결하게 가기로 했다. 세번째 페이지세번째 페이지는 내가 진행했던 프로젝트를..

[React] JSON 이미지 경로가 잘못됐을때
ISSUE/Error2024. 8. 20. 14:52[React] JSON 이미지 경로가 잘못됐을때

에러간단한 쇼핑몰을 구현하는데 db.json 에서 데이터가 정상적으로 넘어오지 않았고 메인 페이지에서는 전체 이미지가 로고를 제외하고는 불려왔는데 상세 페이지로 이동 시 사진 파일이 하나도 불려오지 않는 현상이 있었다.  원인콘솔에 있는 네트워크를 확인해봤는데 데이터는 정상적으로 넘어오고 있었고 다른 오류 메세지는 없었다.이미지를 제외하고는 정상적으로 넘어오는 것은 결국 나의 이미지 경로 문제였었다. 근데 분명 메인 페이지는 됐는데 왜 그럴까...?   해결이미지 파일을 pulic으로 옮기고 기존 경로에 process.env.PUBLIC_URL을 붙여주니 해결되었다.생각을 조금만 더 했으면 경로 문제인걸 알았을텐데 처음 겪는 일이라 데이터의 문제로 생각하고 한참을 헤맸다...사고를 조금 달리할 필요가 있..

[React] RESTful Design이 뭔데요
Framework/React2024. 6. 17. 16:31[React] RESTful Design이 뭔데요

RESTful Design이란?RESTful Design은 웹 서비스 아키텍처 스타일 중 하나라고 한다. 기본적으로 REST 원칙을 기반으로 RESTful API는 클라이언트와 서버 간의 상호 작용을 단순화하고, 웹 기반의 자원을 효과적으로 관리할 수 있도록 설계되었다고 한다. 1. 자원중심RESTful Design에서는 모든 것들이 자원으로 표현이 되고, 각 자원은 고유한 URI로 식별이 된다. 2. HTTP 메서드 사용HTTP 프로토콜의 메서드 (GET, POST, PUT, DELETE 등)을 사용하여 자원에 대한 CRUD 작업을 수행해 준다.GET : 자원 조회POST : 새 자원 생성PUT : 자원 업데이트DELETE : 자원 삭제3. 상태 비저장성각 요청은 독립적이며, 서버는 클라이언트의 상태를..

[React] npx로 react 패키지 생성 시 생겼던 오류
ISSUE/Error2024. 6. 11. 14:47[React] npx로 react 패키지 생성 시 생겼던 오류

에러 npx를 통해서 react를 설치하는데 이런 문제가 생겼다. 원인다양한 방법을 시도했는데 문제는 필요한 디렉토리가 설치되어 있지 않아서 생긴 문제였다. 해결직접 디렉토리를 생성하고 다시 시도했더니 바로 해결이 되었다.거의 2년만에 리액트를 하려다보니 머리가 하얗게 변한거 같다.

728x90
image