inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

학습 링크

미해결

실무 중심! FE 입문자를 위한 React

학습 링크 어디에서 확인할 수 있나요?

  • react
  • redux
  • node.js
  • sass
  • swr
씸플레이_ 댓글 1 좋아요 0 조회수 394

12-2 질문

미해결

실무 중심! 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 지원 중단되서 안되는건가요? 해결방법이 있나요?

  • react
  • redux
  • node.js
  • sass
  • swr
정지현 댓글 3 좋아요 0 조회수 699

5-1 학습링크

미해결

실무 중심! FE 입문자를 위한 React

pdf에서 5-1링크 클릭햇는데 codeSandBox 페이지가 없다고 뜹니다. 새로운 링크 없나요??ㅠㅠ

  • react
  • redux
  • node.js
  • sass
  • swr
댓글 1 좋아요 1 조회수 287

7-5. 메모 삭제 기능에 문제가 있습니다.

미해결

실무 중심! FE 입문자를 위한 React

이슈 함수: deleteMemo 이슈 흐름: "+" 버튼 클릭, 새로운 메모 아이템(Untitled)생성 → memo 2 삭제 → memo 1 삭제 이슈 내용: Untitled 메모 아이템이 있음에도 "메모가 없습니다" 로 처리됨. 이유: 삭제 시 배열의 길이가 달라지면서 index 에 영향이가는데 selectedMemoIndex 값은 그에 따라 변하지 않아서 단순히 index === selectedMemoIndex 의 조건문으로 만족하지 않음. 해결방법: 삭제 시 selectedMemoIndex 에도 새로운 값을 넣어줘야함. 저는 아래와 같이 해결했습니다. if (index > selectedMemoIndex) { setSelectedMemoIndex(selectedMemoIndex + 1); } else if (index < selectedMemoIndex) { setSelectedMemoIndex(selectedMemoIndex - 1); } else if (index === selectedMemoIndex) { setSelectedMemoIndex(0); }

  • react
  • redux
  • node.js
  • sass
  • swr
김찬기 댓글 0 좋아요 1 조회수 253

실습링크

미해결

실무 중심! FE 입문자를 위한 React

실습 링크 들어가니깐 안됩니다.. 새로운 링크 알려주세요

  • react
  • redux
  • node.js
  • sass
  • swr
댓글 1 좋아요 0 조회수 338

2-6 구구단 배열 넣어서 출력시 질문

미해결

실무 중심! FE 입문자를 위한 React

강사님께서 map으로 출력하시던데 2-4 반복문 강의처럼 배열로 넣어서 출력을 해보고싶었는데 출력이 세로로만 나오거나 가로로만 한줄로 나오던데 줄바꿈을 어떻게 줘야하는건지 궁금해서 작성해봅니다.

  • react
  • redux
  • node.js
  • sass
  • swr
ahl0729 댓글 1 좋아요 0 조회수 167

SCSS에서 @keyframes 사용

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

질문 주실 때 항상 2가지를 지켜주세요. 오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기 HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기 만약 코드를 캡쳐해서 올리시면 제가 코드의 오류를 찾는게 너무 어렵습니다. 반드시 텍스트로 붙여넣기 해주세요. 수업 내용에는 없는 질문이긴 한데ㅠㅠ SCSS 에서 @keyframes 사용은 어려운건가요? 구글링한 정보로는 적용이 안되서요ㅠㅠ

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
ahy 댓글 1 좋아요 1 조회수 136

[2-1] 강의링크 메모용

미해결

실무 중심! FE 입문자를 위한 React

https://codesandbox.io/p/sandbox/2-1-29k09?file=%2Fsrc%2Findex.js%3A9%2C1

  • react
  • redux
  • node.js
  • sass
  • swr
o hell 댓글 1 좋아요 4 조회수 943

전체 색 설정 질문

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

안녕하세요 ~ 배경색은 어떻게 설정하면 될까요 ?? shift + r 누르고 도형을 만드니까 배경색이 똑같이 흰색이라서 구분이 안되네요 ㅠ

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
SJ 댓글 2 좋아요 1 조회수 171

피그마 원본 다운로드

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

질문 주실 때 항상 2가지를 지켜주세요. 오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기 HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기 만약 코드를 캡쳐해서 올리시면 제가 코드의 오류를 찾는게 너무 어렵습니다. 반드시 텍스트로 붙여넣기 해주세요. 위의 사진에서 폴더는 어디서 다운로드 하면 될까용 ?

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
SJ 댓글 2 좋아요 1 조회수 393

[16-2. 설문 리스트 컴포넌트 구현] Table 의 key 설정은 rowKey 속성을 사용합니다.

해결됨

실무 중심! FE 입문자를 위한 React

[16-2. 설문 리스트 컴포넌트 구현] Table 의 key 설정은 rowKey 속성을 사용합니다. rowKey 속성을 사용하여 key로 지정할 컬럼을 지정합니다. // primary key is id return <Table rowKey="id" />; // or return <Table rowKey={(record) => record.id} />;

  • react
  • redux
  • node.js
  • sass
  • swr
Codingbear 댓글 0 좋아요 0 조회수 109

최신버전 node.js 관련 문의

미해결

실무 중심! FE 입문자를 위한 React

최신 버전 node.js 를 설치 하고 진행하니 create-react-app 에서 자꾸 문제가 생기는거 같습니다. 이부분에 대해 어떻게 진행해야하나요??

  • react
  • redux
  • node.js
  • sass
  • swr
dlwhdgus482 댓글 2 좋아요 0 조회수 416

Ch15-5. 라우터 적용에서 최근 react-router 설정과 달라서 수정했습니다.

해결됨

실무 중심! FE 입문자를 위한 React

react-router v7을 설치하고 다음과 같이 수정하여 처리하였습니다. function MainLayout() { return ( <Layout style={{ minHeight: '100vh' }}> <Layout> <Sider collapsible> <div className="logo" style={logoStyle} /> <Menu theme="dark" mode="inline" defaultSelectedKeys={['m1']}> <Menu.Item key="m1">설문조사관리</Menu.Item> </Menu> </Sider> <Layout> <Header style={{ padding: 0, background: 'white' }}>HEADER</Header> <Content> <Outlet /> {/* chidren 대신 아울렛 사용 */} </Content> </Layout> </Layout> </Layout> ); } function App() { return ( <> <Routes> <Route path="/" element={<MainLayout />}> <Route index element={<h1>Home Page</h1>} /> <Route path="list" element={<ListPage />} /> <Route path="builder" element={<BuilderPage />} /> </Route> </Routes> </> ); }

  • react
  • redux
  • node.js
  • sass
  • swr
Codingbear 댓글 0 좋아요 0 조회수 217

git 명령어를 찾을 수 없다고 하는데 git을 따로 설치해야 하는건가요?

미해결

실무 중심! FE 입문자를 위한 React

PS D:\reactWorkspace\memo-project> git reset --hard git : 'git' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + git reset --hard + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException PS D:\reactWorkspace\memo-project>

  • react
  • redux
  • node.js
  • sass
  • swr
정혜림 댓글 1 좋아요 0 조회수 1122

4-3 아코디언 컴포넌트 만들기 링크 수정요청

미해결

실무 중심! FE 입문자를 위한 React

4-3 아코디언 실습코드 링크가 4-2 렌더링 과정 실습코드 링크랑 같습니다. pdf 파일 내 4-3 실습 링크변경 요청드리며, 변경된 링크 공유 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
dlwhdgus482 댓글 2 좋아요 4 조회수 379

[10-2] react-router 강의에서 BrowserRouter 를 감싸지 않고 페이지가 나오는 게 맞나요?

미해결

실무 중심! FE 입문자를 위한 React

10-2 강의 내용에서 BrowserRouter 를 임포트 하고 나서 사용 안하고 Route를 구성하였습니다. 강의 내용대로 페이지 화면이 나와야 되는 데 에러가 발생합니다. BrowserRouter를 감싸지 않고서도 페이지 화면이 나오는 게 맞나요? <div className="App"> <Routes> <Route path="/" element={<PageA />} /> <Route path="/2" element={<PageB />} /> </Routes> </div>

  • react
  • redux
  • node.js
  • sass
  • swr
  • router
Codingbear 댓글 2 좋아요 1 조회수 223

영상 싱크가 맞지 않습니다!

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

영상 싱크가 맞지 않습니다 ㅠㅠ 헤더영역에 특히 그렇습니다 ㅠ

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
hangong16 댓글 2 좋아요 1 조회수 208

Chapter 4-2 React랜더링과정 설명중 자료가 틀리게 적어져있네요..

미해결

실무 중심! FE 입문자를 위한 React

Chapter 4-2 React랜더링과정 설명중 강의자료 코드 이미지가 잘못되있어요.. 강의자료 (처음부터 ~ 2분까지나오는 내용) const [value, setValue] = useState(0); ........중간생략 setValue((state) => state +1) 로 되어있는데.. => 틀린부분 onClick 이벤트를 실행할때마다 value값이 1씩 증가하도록 setValue 값을 설정했다고 하는데.. setValue((value) => value +1) 로 되야하는건 아닌가요??

  • react
  • redux
  • node.js
  • sass
  • swr
김현종 댓글 3 좋아요 0 조회수 367

수강평 작성이 안되네요..

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

안녕하세요 선생님 SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 강의를 구매하고 섹션1all 과 섹션2 몇개 강의 듣고 수강평 남기려고 하는데 작성하는 곳이 없어서 글올립니다.. ㄴ 수강평 버튼이 없습니다..

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
디토 댓글 1 좋아요 1 조회수 182

피그마로 셀렉트 박스 인터렉션도 되도록 하려면?

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

https://www.youtube.com/watch?v=uI3k9Ol-Mp4 영어 강의 보고 따라 하려니까 어려워서 그런데 단계별로 설명좀 해주실수 있나요?

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
현석오 댓글 1 좋아요 1 조회수 266

인기 태그

인프런 TOP Writers

주간 인기글