| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |
- javascript
- react
- 자바스크립트 코딩테스트
- 정보처리기사실기
- 이안의평일코딩
- 자바의정석
- 평일코딩
- VUE
- spring
- 코딩테스트
- 국비IT
- 정보처리기사실기정리
- 자스코테
- typescript
- 스프링
- 국비코딩
- 정보처리기사
- ReactNative
- CSS
- 오라클
- 정보처리기사요약
- 정보처리기사실기요약
- Java의정석
- 자바스크립트
- 리액트
- Oracle
- php
- 리액트네이티브
- 정보처리기사정리
- 타입스크립트
- Today
- Total
목록actions (2)
이안의 평일코딩
리액트 19: 새로운 프론트엔드 시대를 여는 기능 정리
📚 React v19 React 19는 단순한 기능 추가를 넘어, React 개발 방식에 큰 변화를 가져올 여러 실험적 기능들을 공식화했습니다.서버 중심의 렌더링 철학, 자동화된 성능 최적화, 간결한 API 설계로 한 단계 도약한 모습을 보여줍니다.개인적으로 저는 커스텀 훅을 사내에서 자주 만들어 사용하는 편이라 익숙하게 Migration 가능할 것 같은데요.이번 포스트에서는 그중 가장 주목할 만한 기능들을 정리해보겠습니다. 🚀 React CompilerReact 컴파일러는 자동으로 useMemo, useCallback 최적화를 수행해주는 새로운 도구입니다.더 이상 불필요한 메모이제이션에 신경 쓰지 않아도 되는 시대가 왔습니다.function ProductPage({ productId }) { co..
[Vue] Vuex(3) - actions, $store.dispatch(), context
actions ajax요청과 같이 시간이 오래걸리는 것을 처리하기 위해서는 actions을 이용한다. 비동기식 처리를 지원하는 코드는 다음줄 부터 실행하려는 경향이 있기 때문에 의도치않는 버그가 생길 수 있고, 코드가 길어져 복잡해질 수 있다. 그래서 mutations: {}가 아닌 ajax 요청하지 않고 actions: {}에서 한다. 더보기 게시물 ajax를 요청해보자. store.js import axios from 'axios'; import { createStore } from 'vuex' const store = createStore({ state () { return { more : {}, } }, actions : { getData(){ axios.get('URL.json') .then((..