25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
npm randomcolor
해당 화면 3번째 줄에서 randomColor() 말고 randomColor라고 쓰면 왜 안되는 건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
API 응답
await을 두 번 쓰는 이유가 fetch의 리턴 값인 Response (Promise 객체 타입)가 언제 올지 기다리기 위함인가요?위 질문에서 Response 객체는 Promise 객체와 같다고 생각해도 되나요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
async
11번째 줄에서 res가 "hello Async"라는 건 알겠는데 갑자기 어디에서 튀어 나온 변수인지 모르겠습니다. 혹시 Promise의 executor resolve인가요? 맞다면 왜 그런 건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Promise 객체
resolve, reject, then, catch 모두 Promise 객체에 기본적으로 들어있는 메서드가 맞는 건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
조건문 업그레이드
제일 마지막 줄의 원리를 제가 설명해 볼 테니까 틀린 부분이 있다면 말씀해주세요!mealType이 null이므로 meal[mealType] 역시 null이고 이 값은 falsy하기 때문에 결국 getMeal에서 최종적으로 리턴하는 값은 "굶기"인 거죠?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
카운터 만들기 app.js 오류
카운터 만들기를 진행하고 있는데 App.js에서 강사님과 동일하게 만들었으나 vs에서는 계속 에러나고 코드샌드박스에서는 app.js에 export default App ; 요 문구만 넣으면 에러가 발생하는데 왜그런걸까요?https://codesandbox.io/s/floral-rain-jhruuz?file=/src/App.js
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-8강 새 일기 추가가 안됩니다
일기작성 페이지에서 일기를 작성하고 홈화면으로 넘어가는건 되는데, 더미리스트만 렌더링되고 새 일기는 나오지 않습니다. 다른 수강생분들도 이부분에서 오류가 많이 나시는것같아서 참고해보았는데 해결되지않아 질문드립니다!
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
context.Provider에 관해서 질문 드립니다.
중첩으로 관리하는 이유에서 살짝 뇌정지가 와서 제가 이해한게 맞는지 여쭙니다.만약 value에 다 전달하게 되면 DiaryEditer와 DiaryList가 동시에 리렌더링 되지만바꾸면 data는 editor에 영향을 안주니까 editor와 List가 따로 리렌더링 일어나게 일어나게 된다는 말인가추가적으로 궁금한건 DiaryStateContext value에 다 넣으면 최적화가 풀린다고 했는데 DiaryItem은 memo를 하고 export 해서 모든 Item이 다시 리렌더링 되는걸 막았잖아요. 근데 그 최적화 마저 풀려버리나요?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
setData(() => [newItem, ...data])에 관한 질문입니다.
함수형 업데이트? 에서 setData(() => [newItem, ...data])를 하면변수 data 값이 setData()안에 들어있는 콜백함수가 들어가는 것인가요? 아니면 콜백함수가 실행된 값이 들어가는 것인가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
두번째 프로젝트 오류 질문드립니다
페이지구현 - 홈(/) 강의 53:08쯤에 slice(0, 25)를 붙이면 이렇게 오류나고, props가 udifined로 넘어오는게 문제인것같긴한데 왜 이렇게 오류가 났는지 전혀 모르겠어서 해결을 못하고있습니다ㅠㅠ 이럴때는 어떻게 해야할까요?이번에는 샌드박스 프로텍트 푼다고 풀어봤는데 잘 된건지 잘 모르겠네요
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
두번째 프로젝트 페이지구현- 홈(/)강의 질문
사진이 엑스박스로 뜨는데 어디가 잘못된건지 모르겠습니다
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
state 을 사용할수 있는 곳?
state의 특징들에 관해서 잘 알겠습니다. 하지만 실제로 해당 기능을 쓸 수 있는 곳이 어디 있을까요? 저가 생각나는 것은 일단 쇼핑웹사이트에서 구매자가 자기가 살려고 하는 물건의 개수를 표시하는게 떠오르기는 하는데 이것 말고도 있을까요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
날짜 정렬 기능이 안됌
최신순 정렬이 되지 않아서 질문 드립니다. https://github.com/youngwoobae/EMOTION-DIARY 무슨 문제 일까요..?
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
html 에서 컴포넌트 사용여부
이 강의에서 리액트가 쓰이는 이유가 html 에서 똑같이 반복되는 header 부분이나 footer 분들을 각 html 로 계속 똑같이 작성을 해서 나중에 수정을 해야 될 경우 샷건 수술을 안하고 컴포넌트 방식으로 작성을 해서 그 부분을 수정하면 모든 그 컴포넌트 방식을 사용하는 부분이 다 한번에 고쳐진다는 장점이 있다는걸 이해했습니다. 혹시 html 만 사용을 했을 경우 이런 컴포넌트 방식을 아에 구현이 불가능한건지 궁금합니다.
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
섹션5 데이터 추가하기 강의에 질문있습니다.
섹션 5 useRef , 데이터 추가하기강의에서 useRef가 dom을 지정하기 위해 사용한다고 이해했거든요?근데 데이터를 전달을 위해const dataID = useRdf(0)하고dataId.current += 1처럼변수같이 사용하는데그냥 변수처럼도 사용한거는건가요? 아니면 저가 이해를 못한 사용 의미가 있는건가요제 생각엔 그냥 변수 하나 0으로 초기화하고 그걸 써도 되지 않나란 생각이 들어서요
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-15 const store에 대해
안녕하세요영상을 따라 코드를 쭉 따라가는데요.따라치면은, 결국은 onCreate, onEdit, onRemove가 안되는데, 올려주신 최종소스에는 const store = { data, };이부분과<DiaryStateContext.Provider value={store}>이부분이 있는데,영상에는 빠져있어서 연결부분을 모르겠습니다. 영상과 최종 소스와의 차이점을 좀 알려주세요~
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
6-15에서 일기 생성이 안되는 것 같은데요.
안녕하세요올려주신 샘플에서도, 제가 직접 친 코드에서도일기 생성이 안되는 것 같은데요.알려주세요~ https://codesandbox.io/s/chapt-15-rlyyu?file=/src/App.css 자답:const handleAddButtonClick = () => {alert("일기가 추가되었어요!");return;이렇게 되어 있었네요. return을 없애니 추가 됩니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
context, 최적화 관련 질문
안녕하세요. 강사님완강하고 코드 복습하다가 context 관련해서 헷갈리는 점이 생겨서 질문드립니다.!이전에 간단한 일기장 만들기에서는 state를 핸들링하는 함수들(onCreate, onRemove, onEdit)을 전달하는 DispatchContext에 value Props으로 이 함수들을 넘겨줄 때, useMemo를 사용해서 함수들을 감싼 메모이제이션된 객체를 넘겨줘서state가 바껴서 App 컴포넌트가 재랜더링되어도 최적화가 풀리지 않도록 했던 걸로 기억합니다.이번 감정 일기장에서는 DispatchContext의 value Props로 함수들을 넘겨주실 때 함수를 담은 객체를 메모이져이션하지 않고 넘겨주셨습니다. 1) 이 경우, App에서 data state가 바뀌면 결국 onCreate, onRemove, onEdit 함수가 재생성되고 DispatchContext의 value로 넘겨주는 객체도 재생성되어 Context컴포넌트의 하위 컴포넌트(최적화 안한)도 재랜더링되는게 맞나요?2) 감정일기장에서 이 부분은 최적화 안한 것은 이번에는 그냥 간단하게 진행하시려고 해서 그런건가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
새일기 작성, 수정 시 두번의 렌더링으로 두개가 생깁니다.
새일기를 작성하거나, 수정하게되면 두개씩 렌더링이 이루어 집니다.https://github.com/Byeong-Gwan/React/tree/main/Emotion-Diary
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
혹시 2번째 프로젝트도 코드좀 제공해주실수 있나요?
요번에 프로젝트 2를 시작했는데 뭐가 문제인지 모르겠는데 계속 오류가 뜨면서 문제가 발생하네요 분명히 아침에 작성했을때는 오류가 없이 잘 작동되었는데 말이죠... 혹시 프로젝트 1 처럼 관련 코들를 codesandbox에 제공이 가능할까요?