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 | 29 | 30 | 31 |
Tags
- 백준 2108 자바스크립트
- 리액트쿼리 suspense
- 구름톤 챌린지
- 프로그래머스 거리두기 확인하기
- 자바스크립트 문자열 압축
- app router emotion
- next13 emotion
- 구름톤 챌린지 회고
- 구름톤
- TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:
- js
- 백준 1339번 nodejs
- emotion RSC
- 사용성 개선
- js 문자열 압축
- suspense 동작원리
- js 거리두기 확인하기
- 카카오 코테
- 프로그래머스 문자열 압축
- 백준 2108 nodejs
- 백준 1339번 자바스크립트
- suspense react-query
- 자바스크립트 스코프
- emtion app router
- suspense 병목현상
- 백준 1339번 js
- 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