목록분류 전체보기 (373)
Silver Library (Archived)
You all might have had this question in mind; why on earth you have to use document whenever you want to make some change on its target value or whatsoever? Here is the thing I want to note. That weird nonsense code line meant 'you are manipulating the document'. And this is part of DOM(Document Object Model). Note: Document: It treats all the HTML documents. Elements: All the tags that are insi..
간단 후기. 뭔가 작업 해 보면서 할 말은 되게 많았는데, 이렇게 적으려 하니 떠오르질 않네요. 로컬 내 json 파일로 구성된 array type 의 data 를 fetch 로 불러온다던가, 외부 웹 상의 rest api 를 fetch 로 불러온다던가. 전반적으로 지금 껏 해온 것들을 기반으로 이해도와 지식에 대한 안정화 작업을 한 느낌입니다. 다음 유사 프로젝트 시에는 react query 랑 axios 를 사용해보려 합니다. Document 를 봤는데, 제가 처음 react 를 만났을 때 느낀 반가움과 유사하네요. 확실한 건, 이것도 wrapping 형식으로 진행 되지만 지금처럼 useState 나 useEffect 를 사용해서 'logic, logic and logic' 같이, '내가 처음부터 이..
발생 원인. App.js 에서는 와 같이, wrapping 자체가 문제가 없었으나, 다른 파일에서 wrapping 이 안 된 경우. 그러니까 App.js 내에 imported 된 다른 파일 내에서 wrapping 이 안된 경우 발생. 해결 방법. 침착하고, 다른 파일들 중 에러 표시가 뜨는 곳이 있는지 찾아 보기. 그 후, 해당 문제의 파일에서 한 토막 외부에 있는 것도 큰 틀로서 wrapping 처리. 딱히 처리해도 문제 없음. https://stackoverflow.com/questions/31284169/parse-error-adjacent-jsx-elements-must-be-wrapped-in-an-enclosing-tag
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/uLhbA/btrPitMGFU4/cgk19oOadHh93MZAgnv3Xk/img.webp)
목표: jikan v4 api 를 활용 해서, react library 위에다가 'getTopAnime' 기능이 작동하게 표시해보기. 계획을 안심이 될 정도로 잘 정립한 후에(80%), 코드 구성(20%)하기. 설정 기간 : 최대 1주일을 넘기지 않기. 계획 수정: 기존에 이해했던 promises 와 useState, useEffect, props 조합으로 rest api 구성하는 방식으로 진행. 가능하면 App.js 에 몰아넣지 말고 분산하는 것에 노력. 주의점. fetch 로 하면, 에러가 끊임없이 발생하게 될 우려가 있음. 그러니, axios 나 react query 를 사용해서 시도하기. 어찌되었든 이번에는 기본 점검의 의미가 강하므로, 대표적인 react hook 만을 이용해서 구현해보기. 바닐..