사수님께서 내주신 과제를 수행하다가 loading 화면도 추가해보고 싶어져서 작업하고 있었음
기왕 하는거 이쁘게 하고싶어서 참고하게 된 스피너 추가하기(사건의 발단)
https://anerim.tistory.com/221
[리액트 React] 리액트 로딩화면(스피너) 추가하기 / api 호출 시 로딩화면(스피너) 넣기
안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트에서 api 호출했을 때 로딩화면/스피너 넣는 방법에 대해 공유하겠습니다. 어렵지 않으니 차례대로 따라
anerim.tistory.com
글을 읽다가 생각보다 모르는게 많아서 자꾸 다른 개념을 파고 들어가게 됨......
우선 어제 설명들은 React 라이프 사이클
리액트 라이프사이클의 이해
시작하기 전에 리액트 라이프 사이클을 원래 알고는 있었지만 정확하게 한번도 정리해본 적이 없는 것 같아서 글을 쓰게 되었다. 더불어 리액트 라이프 사이클과 최근 사용되는 Hooks와도 비교해
kyun2da.dev
그리고 읽다보니 React 개념이 뇌내에서 너무 두서없이 정리되어 있어서... 공식 문서를 처음부터 1회 정독하기로 마음먹음
https://ko.reactjs.org/docs/rendering-elements.html
엘리먼트 렌더링 – React
A JavaScript library for building user interfaces
ko.reactjs.org
공식 문서를 읽다 집중이 안되면 다시 로딩화면 구현 로직을 읽었는데
try catch ✅
async await (+ promise)
fetch
에 대한 개념이 빈약한게 느껴져서 복습!!
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise
Promise - JavaScript | MDN
Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.
developer.mozilla.org
[Javascript] 비동기, Promise, async, await 확실하게 이해하기 – Under The Pencil
개요 본 글은 자바스크립트에서 Promise 에 대한 개념을 잡기 위해 작성한 글입니다. 자바스크립트의 기본 문법을 먼저 알아야 이 글을 조금 더 수월하게 보실 수 있습니다. 필자는 Node.js 기반에서
elvanov.com
마지막 글 너무 좋았는데!!! 꼭 마저 정독할 예정임!!!
주말 스케줄
개인 프로젝트 디자인 끝내기(토욜 all in)
오늘 하던거 완독
TypeScript 문법 공부
힘힘!!
'TIL > 기타' 카테고리의 다른 글
| 20220930 (1) | 2022.09.30 |
|---|---|
| 20220927~20220929 (0) | 2022.09.29 |
| 20220921 (0) | 2022.09.21 |
| node.js / npm / gitignore / nodemon / Babel / Eslint & Prettier / Jest / parcel (0) | 2022.01.11 |
| Git CLI 명령어 자꾸 헷갈린다..! 참고 사이트들 정리(01/04 최종수정) (0) | 2022.01.02 |
댓글