5-1 학습링크
미해결
실무 중심! FE 입문자를 위한 React
pdf에서 5-1링크 클릭햇는데 codeSandBox 페이지가 없다고 뜹니다. 새로운 링크 없나요??ㅠㅠ
- react
- redux
- node.js
- sass
- swr
댓글 1
좋아요 1
조회수 289
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
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
조회수 256
실습링크
미해결
실무 중심! FE 입문자를 위한 React
실습 링크 들어가니깐 안됩니다.. 새로운 링크 알려주세요
- react
- redux
- node.js
- sass
- swr
댓글 1
좋아요 0
조회수 340
2-6 구구단 배열 넣어서 출력시 질문
미해결
실무 중심! FE 입문자를 위한 React
강사님께서 map으로 출력하시던데 2-4 반복문 강의처럼 배열로 넣어서 출력을 해보고싶었는데 출력이 세로로만 나오거나 가로로만 한줄로 나오던데 줄바꿈을 어떻게 줘야하는건지 궁금해서 작성해봅니다.
- react
- redux
- node.js
- sass
- swr
ahl0729
댓글 1
좋아요 0
조회수 169
[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
조회수 947
[17-3. Redux로 데이터 관리]에서 Store에 슬라이스 리듀서 추가하기 질문합니다.
미해결
실무 중심! FE 입문자를 위한 React
Redux 공식 사이트의 튜토리얼에 따르면, 슬라이스에서 리듀서를 익스포트 하고 스토어에 리듀서를 다음 예제와 같이 등록하는 데.. // surveySlice.js ... 생략 ... export default surveySlice.reducer; // surveySlice 리듀서를 익스포트 하고서.. // /stores/index.js import surveyReducer from './survey/surveySlice'; export default configureStore({ reducer: { survey: surveyReducer // 리듀서 등록 } }) 강사님 같은 경우는 아래와 같이 리듀서 등록에 직접 surveySlice를 추가했는데 리덕스 튜토리얼과 차이가 뭔가요?? import {surveySlice} from './survey/surveySlice'; export default configureStore({ reducer: { survey: surveySlice // 슬라이스 등록 } })
- react
- redux
- node.js
- swr
Codingbear
댓글 1
좋아요 0
조회수 211
[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
조회수 218
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
조회수 1137
4-3 아코디언 컴포넌트 만들기 링크 수정요청
미해결
실무 중심! FE 입문자를 위한 React
4-3 아코디언 실습코드 링크가 4-2 렌더링 과정 실습코드 링크랑 같습니다. pdf 파일 내 4-3 실습 링크변경 요청드리며, 변경된 링크 공유 부탁드립니다.
- react
- redux
- node.js
- sass
- swr
dlwhdgus482
댓글 2
좋아요 4
조회수 380
[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
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
학습노트 실습코드 링크 수정해주세요.
미해결
실무 중심! FE 입문자를 위한 React
학습노트 pdf에서 4-2 실습코드 링크와 4-3 실습 코드 링크가 동일합니다. 수정 부탁드립니다. 그리고 5-1 강의에서 HTML과 리액트의 onclick/onClick 설명해주시는 화면에 둘 모두 onclick으로 되어 있음을 제보 드립니다.
- react
- redux
- node.js
- sass
- swr
조동희
댓글 1
좋아요 0
조회수 440
SuryveyPie 기획서 어디에 있나요?
미해결
실무 중심! FE 입문자를 위한 React
제목 그대로 SurveyPie 기획서 pdf를 어디서 받아야 하는지 모르겠습니다. 처음에 받은 "학습노트_리엑트기초심화.pdf" 파일에서는 디자인 가이드와 코드만 존재합니다. 기획서 어디서 받을 수 있는지 알려주시면 감사하겠습니다.
- react
- redux
- node.js
- sass
- swr
- 기획서
yoonjae.song
댓글 2
좋아요 0
조회수 407
swr과 recoil을 같이 쓰려면 어떻게 쓰면 될까요?
미해결
실무 중심! FE 입문자를 위한 React
안녕하세요. 유익한 강의 감사합니다. 강의를 다 듣고나니 recoil 과 swr을 같이 쓰고 싶다는 생각이 들어서 redux를 썼던 admin 페이지를 swr과 recoil 조합으로 만들어보다가 막혀서 질문드립니다.. pages/ListPage.js에서 const { data, error, mutate } = useSWR( "/surveys?_sort_id&_order=desc", fetcher, ); const [survey, setSurvey] = useCurrentQuestion(); // recoil setSurvey(data); 이렇게 swr로 불러온 데이터를 set으로 넣어주고 다른 페이지에서 recoil로 데이터를 불러서 써도 되는지 궁금합니다. 아니면 커스텀 훅에서 swr을 사용해도 괜찮을까요?
- react
- redux
- node.js
- sass
- swr
junyoung.jeong
댓글 1
좋아요 0
조회수 1062
setAnswers 에 함수가 들어가도 괜찮은건가요?
미해결
실무 중심! FE 입문자를 위한 React
안녕하세요. 유익한 강의 감사합니다. const useCurrentAnswer = () => { const step = useStep(); const [answers, setAnswers] = useRecoilState(answersState); const answer = answers[step]; const setAnswer = (newAnswer) => { setAnswers((answers) => { // 새로운 답변 렌더링 (answers 는 그냥 변수명 ) const newAnswers = [...answers]; // 기존 답변목록을 복붙함 (불변성의 법칙을 지켜라 / 기존 데이터는 건들지마..) newAnswers[step] = newAnswer; // 새로 작성한 답변을 복붙한 배열에 넣어줌 return newAnswers; // 새로운 답변 목록 반환 }); }; return [answer, setAnswer]; }; 에서 answer - String / 답변 answers - String[] / 답변 목록 setAnswer - answer를 렌더링해주기위한 함수 / setAnswer(param) { answer = param } setAnswers - answers를 렌더링해주기위한 함수 / setAnswers(param) { answers = param } 로 이해되는데 그렇다면 setAnswers에 함수가 들어가도 괜찮은건지 궁금합니다. setAnswers((answers) => { const newAnswers = [...answers]; newAnswers[step] = newAnswer; return newAnswers; }); 는 setAnswers(화살표함수) { answers = 화살표함수} 이고 answers는 화살표함수가 되는게 아닌가요? answers는 함수가 되어 입력된값을 리턴해서 바로 answers에 할당되는건가요? 아니면 setAnswers에서 함수가 실행되어 리턴된 값이 answers에 할당되는 건가요??
- react
- redux
- node.js
- sass
- swr
junyoung.jeong
댓글 1
좋아요 0
조회수 360
4-3 클래스코드를 찾을 수가없습니다
미해결
실무 중심! FE 입문자를 위한 React
4-3 아코디언 컴포넌트 만들기 실습 코드를 찾을 수 가없습니다 . 4-2코드 링크가 4-3 페이지에 들어있던데 수정부탁 드릴게여!
- react
- redux
- node.js
- sass
- swr
shimna1008
댓글 1
좋아요 0
조회수 526
아래 랭크좀 보는법좀 알려주세요
미해결
실무 중심! FE 입문자를 위한 React
코드 샌드박스링크를 알고 싶은데 자꾸 아래를 보래요 ㅠ 근데 안보입니다ㅠㅠ
- react
- redux
- node.js
- sass
- swr
백혁인
댓글 2
좋아요 0
조회수 1676
SWR or axios 관련 질문이 있습니다.
미해결
Slack 클론 코딩[실시간 채팅 with React]
프론트에서 백앤드 서버로 네트워크 요청시 요청 헤더에 보면 Connection: keep-alive 라고 표기 되는데 이 상태의 요청들이 많으면 서버가 부하가 큰다던가 할 수 있는 요지가 있을까요? 프론트에서 보내는 저 api 상태의 요청이 많으면 문제가 생길수 있다는데 프론트에서 요청시 팬딩이 걸리는 그런 상황에 요청을 끊을 수 있는 방법이 있을까요?(백엔드 서버에 어떻게히면 부담을 줄일수 있을까 고민중입니다;)
- swr
- typescript
- axios
- react
- 웹팩
- babel
- Socket.io
- 클론코딩
af8000
댓글 1
좋아요 0
조회수 743
인기 태그
인프런 TOP Writers
주간 인기글
- [부산] AI 세미나 : 9월 수강생 모집 Edun
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv