Silver Library (Archived)

Containerize (containerise) 하는 것. 이는 기존 react app 을 Docker 의 컨테이너화를 하기 위한 과정으로 이해되고. 실습 위주로 진행 해보며 image 및 container 구축을 하는 방법을 익혀나가는 식으로 진행 해 두었습니다. 이론 부문은, 생활코딩을 따라 이해하는 게 가장 안정적입니다. 1. 생활코딩 Docker 입문수업 2. 도커 : 이미지 만드는 법 - Dockerfile & build 이 두가지 만 기본으로 참고하며 진행 해 보았습니다. 그리고 최종적으로 react 앱 도커나이징 과정은 아래 영상을 참고 해 보았습니다. 해당 개발사에서 올린 영상이 가장 표준이었습니다. 처음부터 여길 보고 따라하다가는 이해가 안되어서 어려우니, 기초를 가지고 다시 보는 게 ..

간단 후기. 뭔가 작업 해 보면서 할 말은 되게 많았는데, 이렇게 적으려 하니 떠오르질 않네요. 로컬 내 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

목표: jikan v4 api 를 활용 해서, react library 위에다가 'getTopAnime' 기능이 작동하게 표시해보기. 계획을 안심이 될 정도로 잘 정립한 후에(80%), 코드 구성(20%)하기. 설정 기간 : 최대 1주일을 넘기지 않기. 계획 수정: 기존에 이해했던 promises 와 useState, useEffect, props 조합으로 rest api 구성하는 방식으로 진행. 가능하면 App.js 에 몰아넣지 말고 분산하는 것에 노력. 주의점. fetch 로 하면, 에러가 끊임없이 발생하게 될 우려가 있음. 그러니, axios 나 react query 를 사용해서 시도하기. 어찌되었든 이번에는 기본 점검의 의미가 강하므로, 대표적인 react hook 만을 이용해서 구현해보기. 바닐..