172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
실무 중심! FE 입문자를 위한 React
이미지에서 첫 번째 라우터는 잘 나오는데 두 번째 라우터부터 빈 페이지가 나와요 그래서 타고타고 가보니 usestep이 console.log(step)을 찍어보니 id:0 step:0만 계속 출력이 되더라구요 근데 SurveyPage에 Questionbox 안에 있는 ActionsButton안에 usestep을 잘 들어가있는데 왜 빈 페이지가 나오는지 모르겠어요
미해결
실무 중심! FE 입문자를 위한 React
survey-pie 코드 .. 404...error 입니다. 딱 1년 만에 이 강의 들으려고 왔는데... 흐음.. (요즘 트랜드..리액트 버전이나... 암튼... 자료 , 강의는 업데이트 되고 있나요? 종종..수정해서 올리는 강의를 본적이 있어서..) 암튼..주속 확인 부탁드립니다.
미해결
실무 중심! FE 입문자를 위한 React
안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.
미해결
실무 중심! FE 입문자를 위한 React
안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.
미해결
실무 중심! FE 입문자를 위한 React
강의에서 나온대로 다 따라 갔는데 아무것도 안됩니다. 콘솔창에서는 const [surveyData, setSurvey] = useRecoilState(surveyState).questions; 에서 Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 라는 에러 뜹니다
미해결
실무 중심! FE 입문자를 위한 React
Recoil 지원 중단 문제로 강의에 나온 Recoil 관련 내용을 Jotai 라이브러리로 대체했습니다. 여러 수강생 분들이 같은 문제를 겪는 듯해서 제가 사용한 코드를 공유합니다. recoil 제거 & jotai 설치 npm uninstall recoil npm install jotai atom.js 변환 코드 : jotai 의 atom 에선 key 값이 없습니다. import {atom} from "jotai"; const testState = atom(['a', 'b', 'c', 'd']); export default testState; testWithComma.js : 마찬가지로 키 값이 없으며, 좀 더 단순하게 사용 가능합니다. import {atom} from "jotai"; import testState from "./atom.js"; const testWithComma = atom((get) => { const abcdArr = get(testState) return abcdArr.join(','); }) export default testWithComma; CompletionPage.jsx : useRecoilValue -> useAtomValue 로 변경하시면 됩니다. const testValue = useAtomValue(testWithComma); Jotai 와 Zustand 중 고민하다가 Jotai가 Recoil과 더 유사하다고 하여 우선 Jotai로 학습 진행했습니다. 강의 수강에 참고가 되길 바랍니다.
미해결
실무 중심! FE 입문자를 위한 React
리코일 에러 나시는분들 보세요 최근에 강의 시작하셨으면 리액트가 19로 설치되셨을탠데 리코일이 리액트 18까지만 지원하고있습니다. 원활하게 나머지 진행하시기위해서 npm install react@18 react-dom@18 --save 으로 react18로 버전 낮춰주시면 나머지 진행 가능하십니다.
미해결
실무 중심! FE 입문자를 위한 React
반복문 뭔 소린지 모르겠어요 뭔가 영상이 짤린 느낌
미해결
실무 중심! FE 입문자를 위한 React
Lifecycle 사진이 잘 안보입니다. 크게 보여준 사진 필요해요.
미해결
실무 중심! FE 입문자를 위한 React
뭔가 편집오류인거같네요 12초정도에 반복문 사용시 주의사항만 나오고 방복문 사용방법은 안알려줍니다. 저야 뭐 대충알아들었는데 초보자분들은 당황스러울듯하네요
미해결
실무 중심! FE 입문자를 위한 React
(사진)
미해결
실무 중심! FE 입문자를 위한 React
제목 그대로입니다. 코드샌드박스 링크좀 어딘가에 달아주시든지, 자료파일에 좀 첨부해주시든지, 어떻게 좀 해주세요. 화면 스톱 해놓고 일일이 주소창 쳐서 들어가고 있어요. 너무 불편해요! 질문답변 게시판에 링크 달아놓은거 없는지 검색도 해봤는데 전혀 엉뚱한 대답만 있는 것 같고..
미해결
초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩
해당 강의에서 제공: 수업자료 가 있는거 같은데 이거 어디서 다운로드 받는건가요??
미해결
실무 중심! FE 입문자를 위한 React
App.js > QuestionBox > answers ={answers[step]}, QuestionBox.js > answer 왜 App.js에서 prop에 answers라고 쓰고 QuestionBox.js 에서는 answer로 받는거죠?
미해결
실무 중심! FE 입문자를 위한 React
/*FunctionalComponent.jsx파일*/ import {useEffect,useState} from 'react'; function FunctionalComponent() { console.log('Function Beginning'); const [value, setValue] = useState(0); useEffect(() => { console.log('Function useEffect[]'); return () => { console.log('Function useEffect return[]'); } },[]); useEffect(() => { console.log('Function useEffect[value]'); return () => { console.log('Function useEffect return[value]'); } },[value]); console.log('Function End'); return ( <div> <h1>!FunctionalComponent</h1> <h1>value: {value}</h1> <button onClick={() => { setValue((state) => state + 1) }} > Increase value </button> </div> ); } export default FunctionalComponent /*App.jsx파일*/ import { useState } from 'react' import reactLogo from './assets/react.svg' import viteLogo from '/vite.svg' import './App.css' import axios from 'axios'; import FunctionalComponent from './practice/FunctionalComponent' function App() { return ( <FunctionalComponent /> ) } export default App
미해결
실무 중심! FE 입문자를 위한 React
useEffect의 dependency array에 배열을 넣는 경우 "Maximum update depth exceeded." error가 발생하게 되는데, 이 경우는 어떻게 해야하나요? 예를 들어 아래와 같은 상황이라고 가정하겠습니다. 화면에는 테이블 1개만 존재한다. 데이터는 unknown[] 형태이다. 다른 조건에 의해 데이터의 갯수가 달라지는 경우에만 다시 렌더링한다. 코드로 예시를 들면 아래와 같습니다. const [items, setItems] = useState<unknown[]>([]); useEffect(() => void, [items]) 답변주시면 감사합니다.
미해결
실무 중심! FE 입문자를 위한 React
Recoil과 비슷해 보이는 Jotai로 혼자 바꿔보고 있는 중입니다 ㅠㅠ 근데 이번 강의 코드는 어떻게 바꿔야 하는지 감이 안 와요....
미해결
실무 중심! FE 입문자를 위한 React
계속 오류가 발생해서 알아보니까 리액트19 버전쓰시는 분들은 리코일 못쓰실거같아요 대신 jotai 이 라이브러리로 대체해서 사용해보세요 문법도 리코일이랑 비슷하네요
미해결
실무 중심! FE 입문자를 위한 React
학습 링크 어디에서 확인할 수 있나요?
미해결
실무 중심! FE 입문자를 위한 React
Uncaught TypeError: Cannot destructure property 'ReactCurrentDispatcher' of 'react__WEBPACK_IMPORTED_MODULE_0___default(...).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined. at currentRendererSupportsUseSyncExternalStore (index.js:505:1) at useRecoilValueLoadable (index.js:5353:1) at useRecoilValue (index.js:5372:1) at CompletionPage (index.js:6:1) at react-stack-bottom-frame (react-dom-client.development.js:22428:1) at renderWithHooks (react-dom-client.development.js:5757:1) at updateFunctionComponent (react-dom-client.development.js:8018:1) at beginWork (react-dom-client.development.js:9683:1) at runWithFiberInDEV (react-dom-client.development.js:543:1) at performUnitOfWork (react-dom-client.development.js:15042:1) 이거 오류뜨는데 리엑트 recoil 지원 중단되서 안되는건가요? 해결방법이 있나요?
