Silver Library (Archived)
[프로젝트 계획] localstorage 내부의 API json 과 react useState 본문
[프로젝트 계획] 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일)
'Face the fear, build the future > Library of Logging' 카테고리의 다른 글
Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag (0) | 2022.10.26 |
---|---|
사이드 프로젝트 [계획서] - anime jikan api (0) | 2022.10.23 |
독학하며 알게된 Reverse Engineering (0) | 2022.10.23 |
[JS] 그래서 local json file 을 읽어 들이려면? (0) | 2022.10.21 |
Json data 를 JS 로 전환하는 법. (0) | 2022.10.02 |