유명한 담벼락

추천인 ID : gmlwjd3600추천 링크 : https://www.codetree.ai/accounts/sign-up-only?referralCode=gmlwjd3600 코딩테스트를 준비하다 보면 어디서부터 어떻게 공부해야 할지 막막해지는 순간이 많다. 나 역시 비슷한 고민을 하다가 여러 플랫폼을 찾아보던 중 코드트리를 알게 됐다. 나는 삼성 SW 역량테스트를 준비하면서 삼성 위크 프로모션을 통해 코드트리를 처음 접했다. 삼성위크에서는 문제 풀이 강의를 제공하는데 퀄리티가 높아서 많은 도움을 받았다. 현재 나는 백준 기준 골드2 수준이지만, 코딩테스트 합격권이라고 보기에는 아직 부족한 점이 많다고 느낀다. 가장 크게 느낀 장점은 문제들이 유형별로 구조화되어 있다는 점이다. 코드트리는 BFS, DP..

React를 쓰다 보면 "이건 useState로 해야 하나, useRef로 해야 하나?" 고민될 때가 있어요. 각 Hook의 목적을 명확히 이해하면 이런 고민이 사라져요.한 눈에 보는 세 Hook의 목적Hook 핵심 목적 리렌더 유발useState화면에 보여줄 값 저장✅useEffect렌더링 후 외부 시스템과 동기화-useRef렌더링에 필요 없는 값 저장❌useState: "화면에 보여줄 값"공식 문서의 정의useState는 컴포넌트에 state 변수를 추가하는 Hook이에요.const [count, setCount] = useState(0);state가 바뀌면 → 컴포넌트가 리렌더 → 화면이 업데이트돼요.특징: Batch UpdateReact 공식 문서의 설명:"React waits until all ..

문제 상황결제 버튼을 빠르게 두 번 누르면 결제가 2번 되는 상황, 경험해본 적 있나요?// 장바구니 결제 버튼 예시 {calculateTotalQuantity()}개 {formatPrice(calculateTotalPrice())}원 결제하기이 코드에서 isPending으로 버튼을 disabled 처리했는데, 과연 중복 클릭이 완벽히 막힐까요?debounce/throttle은 왜 안 되는가?구글에 "중복 클릭 방지"를 검색하면 debounce/throttle을 추천하는 글이 많아요. 하지만 이건 근본적인 해결책이 아니에요.debounce/throttle이 하는 일debounce: 마지막 호출 후 N초 기다렸다가 실행throttle: N초에 한 번만 실행// throttle 예시: 1초에 한 번만 클릭..

이전 글 요약1편에서는 useState 초기값 함정과 useEffect 안티패턴을 다뤘고, 2편에서는 useSuspenseQuery의 waterfall 문제와 useSuspenseQueries로 해결하는 방법을 다뤘다.2편에서 "useSuspenseQuery는 데이터 없으면 Promise를 throw한다"고 했는데, 이게 뭔 소리인지 더 깊게 파보자.Suspense는 어떻게 로딩 상태를 감지하는가?일반적인 useQuery 방식:function Profile() { const { data, isLoading, isError } = useQuery({ ... }); if (isLoading) return ; // 직접 처리 if (isError) return ; // 직접 처리 ret..