select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

그냥 JavaScript 는 기존 Babel 컴파일러 사용하는 리액트 프로젝트 환경이고 오랜 기간 사용하여 안전성이 높고 모든 JSX/JS 문법을 지원 합니다. 하지만 빌드 속도와 HMR 반영 속도가 다른 환경에 비해 느립니다.SWC (Speedy Web Compiler) 환경은 컴파일러가 Rust 언어로 만들어 져서 기존 Babel 환경보다 빌드, HMR 개발 속도가 훨씬 빠릅니다.그리고 React 19 부터 정식 도입된 React Compiler 는 렌더링 최적화를 자동화 하는 도구입니다.기존에 개발자가 일일이 작성하던 useMemo, useCallback, React.memo 를 컴파일러가 알아서 자동으로 적용하여 불필요한 재렌더링을 막습니다. 제가 추천하는 컴파일러 환경은 기존 Babel인 javascript 나 javscript +SWC 를 추천하구요.빠른 빌드와 반응을 보려면 SWC 추천합니다.

zustand 사이트 이상해요!! 웹브라우저에서 응답없음 반응

(사진)해결됐다 하네요..^^

onMouseEnter 관련 문의 드립니다

혹시 크롬에서 개발자 도구의 기기툴바전환(Ctrl + Shift + M)으로 모바일 상태로 터치만 되고 있지 않은 지 확인해 보세요.

할일 관리 앱(메모이제이션)

해당 코드에서 문제가 아니라 todoList 를 map으로 돌릴 때 key 값이 중복된다는 메세지이니반복되는 컴포넌트 요소에 key 프롭스를 어떻게 주었는지 확인해 봐야 합니다.// 아래와 같은 코드 내에서 key에 할당한 값이 중복되는 지를 확인해 보세요. {todos.map((todo, index) => ( {todo} ))}

강의자료

webstoryboy 님의 깃허브에 방문하여 소스코드에서 북붙하시면 됩니다.깃허브 주소는 강의 안내 페이지에 있습니다.

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

useRef() 훅을 사용했다면 해당 변수의 현재 값에 접근하려면 refObj.current 로 참조해야 합니다. 그리고 현재 const refObj = useRef() 는 초기값을 지정하거나 ref 속성으로 연결한 것이 보이지 않습니다.

사업자 등록 번호가 없는 경우는 어떻게 하죠?

개발목적으로 임시적으로 비즈앱 등록이 가능합니다. 앱 설정에서 비즈니스 항목에 '비즈 앱 등록' 링크로 들어가면 개인 개발자 비즈앱 항목에 '개인 개발자 비즈 앱 전환' 버튼이 있어서 그걸 클릭하고 비즈앱 전환 목적(필수) 란에 이메일 필수 동의 선택하시면 소설 로그인 할때 이메일 정보를 받을 수 있을 겁니다.

리액트 설치시 vite와 create React APP 차이

CRA(Create React App)으로 사용해도 상관은 없습니다.하지만 요즘은 CRA 느린 빌드 속도와 복잡한 빌드 설정등의 한계 땜에..Vite를 많이 사용합니다. vite 사용하면 CRA 사용 잘 안하게 됩니다.

강의와 만들어진 코드가 달라요

함수(메서드)나 컴포넌트를 구조분해할당(destructuring assignment)하여 가져온 차이입니다.React 와 ReactDOM 을 가져와(import) ReactDOM.createRoot(), React.StrictMode 를 사용하는가?아니면 구조분해할당 문법을 사용하여 createRoot(), StrictMode 로만 사용하는가에 차이입니다.React에서는 이런 구조분해할당이 많이 사용되니 꼭 해당 문법은 익혀두시는 게 좋습니다.

67강 상태업데이트 강의 중 궁금한 점

Prop Drilling 을 배우셨나요? 부모 컴포넌트에서 자식 컴포넌트로 props를 통해 데이터를 전달하는 과정에서 데이터가 필요치 않은 중간 컴포넌트들도 해당 props를 전달 받는 패턴인데.. 좋은 패턴은 아니죠.. 그래서 가깝게는 Context API를 사용하는 방법을 배울 꺼구요. 좀 더 들어가면 커스텀 훅, 상태관리 라이브러리인 redux, zustand 사용할 겁니다.