Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 옵셔널체이닝
- 카카오 코테
- js 문자열 압축
- suspense 병목현상
- suspense react-query
- emotion RSC
- js 거리두기 확인하기
- emtion app router
- 구름톤 챌린지 회고
- 백준 2108 nodejs
- 구름톤
- 백준 1339번 js
- 프로그래머스 거리두기 확인하기
- 사용성 개선
- 백준 1339번 자바스크립트
- 백준 2108 자바스크립트
- js
- next13 emotion
- 구름톤 챌린지
- 자바스크립트 스코프
- 백준 1339번 nodejs
- TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:
- suspense 비동기
- 자바스크립트 문자열 압축
- 리액트쿼리 suspense
- 스코프
- 프로그래머스 문자열 압축
- app router emotion
- js 스코프
- suspense 동작원리
Archives
- Today
- Total
목록useState 비동기 (1)
Lennon FE
[React] 비동기 useState 동기로 처리하기
다들 리액트 프로젝트에서 useState를 쓰며 당황했던 적이 있을거라 생각한다. 리액트의 useState를 쓰다보면 우리가 원하는 대로 동작하지 않는 걸 확인할 수 있다. 아래 코드는 체크박스가 하나 존재하고 체크할때마다 상태 toggle 값이 true or false를 가지는 로직이다. 체크박스를 체크하는 걸로 상태값을 바꾸는 예시를 보고 결과를 예상해보자 import React, { useState } from "react"; function App() { const [toggle, setToggle] = useState(false); const onChange = () => { setToggle((toggle) => !toggle); if(toggle) { console.log('toggle은 T..
🧑💻 Web/React
2022. 6. 30. 22:36