관리 메뉴

Silver Library (Archived)

[프로젝트 계획] localstorage 내부의 API json 과 react useState 본문

Face the fear, build the future/Library of Logging

[프로젝트 계획] localstorage 내부의 API json 과 react useState

Ayin Kim 2022. 8. 24. 21:21
반응형

우선, 저 API 로 불러 들이는 거라고는 get, post 외에는 다른 방식으로 localstorage 내 위치하게 끔 해서 react 에서 출력하는 방식 자체를 접해 본 적이 없었기에 당황스러웠던 적이 있습니다. 물어볼 곳이라고는 오직 구글, stackoverflow, 레딧, 디스코드, 슬랙 정도였죠.

 

생각해보니 은근히 많네요.

 

아무튼, 그 중에서 드디어 제가 취약했던 점의 근원의 종합세트를 발견했습니다. 바로 제목대로:

 

useState 를 이용해서, 해당 localStorage 내부에서 불러오게 될 api.json 배열 파일을 읽어오거나 출력시키고, 수정 되게끔 할 수 있는지.

 

그리고 이걸 하는거 좋은데, 뭘 되게 하고 싶은건지.

 

그래서 나온 결론이, 

1. 특정 버튼을 누르면

2. 그 버튼의 내용물이 해당 페이지에 출력되게 하는 것.

3. 이 버튼 누르기 전까지, 해당 페이지에는 아무것도 출력되지 않은 상태.

 

이건, 아마도 둘 중 하나일듯.

1. useState 로서, background, setBackground 같이 해서 background 를 공백, setBackground 로 json 불러왔거나

2. 아니면 useEffect 로 json 이 불러와지게 처리를 했거나.

 

다만 1번에 무게를 두고 일단 알아 볼 예정.

 

핵심 고려대상:

useState, useEffect, json/localstorage, = 특정 json 파일 내 배열 데이터를 선택적으로 출력하게 하는 것.

 

저것만 확실해지면, 문제 없을 거라는 확신이 드는 상황.

 

이게 끝나고 나면, 지금 업계는 무슨 스택에 더 선호도가 높은지를 중점으로 보면서 준비 해 봐야 할듯.

 

예상 마감일:

8월 29일 (merge 예정일 8월 30일)