일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- storybook
- component
- RTK
- 웹애플리케이션서버
- tanstackquery
- ReactHooks
- hook
- javascript
- backend
- designpatterns
- java
- JavaSpring
- golang
- go
- Gin
- Chakra
- 오블완
- Spring
- react-hook-form
- test
- springboot
- Redux
- React
- JPA
- typescript
- satisfiles
- frontend
- 티스토리챌린지
- css
- Today
- Total
목록2024/09/21 (2)
bkdragon's log
리액트의 기본 개념들을 하나씩 정리해보려고 한다. 어렴풋이 혹은 잘 몰랐던 부분들이 명확해졌으면 좋곘다. 렌더링React가 화면을 그리기 위해서는 렌더링 과정이 필요하다. 이는 흔히 브라우저 렌더링과 같다고 생각할 수 있지만 아니다. React의 렌더링과 브라우저 렌더링은 다르다. React의 렌더링은 React가 컴포넌트(함수형)를 호출하는 것을 말한다. 좀 더 정확히는 컴포넌트를 호출하여 반환된 React Element로 VDOM을 재조정하는 것이다. 즉, VDOM 에서 이뤄지는 작업을 말한다.React가 렌더링을 하려면 트리거가 필요하다. 트리거는 두가지 경우가 있는데 초기 렌더링과 컴포넌트의 state(+ props) 혹은 파생된 상태가 변경되었을 경우이다.초기 렌더링에 경우 React는 루트 컴..
paging 이 추가된 API를 만들어보려고 한다. gin Clean Architecture 에서 사용하는 기본 CRUD repository 처럼 Paging respository 를 만들고 필요한 도메인에 임베드(상속)로 추가할 수 있게 만들 것이다.우선 인터페이스를 정의해준다.type IRepository[M any, ID any] interface { List() ([]*M, error) Retrieve(id ID) (*M, error) Save(entity *M) (*M, error) Update(id ID, updates map[string]interface{}) (*M, error) Delete(id ID) error}type IPagingRepository[..