25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
코드보관소 코드랑 강의내용이랑 씽크가 안되있음
코드보관소 코드랑 강의내용이랑 씽크가 안되는거 단원들이 몇개 있는거 같습니다.10강,11강 보면 코드보관소 코드의 내용이 한챕터씩 밀려서 올라가 있는거 같습니다.예를 들어 실제 코드보관소 section 11의 chapter2 열어보면 10.4강 내용의 소스입니다.section 11의 chapter3을 열어보면 11.2 강의 내용 같구요.그 이전강의도 있었는데 몇강인지 기억이 안나네요..전반적으로 씽크가 안맞는게 좀 있습니다.수정 부탁드려요..
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
12.13) 마지막 부분, body의 display 속성
12.13) New Page 구현하기 1. UI 강좌 마지막에 흰색 배경이 화면 아래까지 감싸지 않아서 강사님께서 display속성을 수정하셨는데요.body의 display속성을 개발자도구로 살펴보면 display:block 으로 되어있고 display:flex 로 바꿨을 때 왜 문제가 해결됐는지 모르겠습니다. display:block은 full width만 지킬뿐 full height는 지키지 않아서 아래가 비어있음-> margin방향으로 팽창을 위해 flex를 사용?flex가 컨테이너 내부의 elements를 정렬/조작해주는건 알고 있었는데 flex를 적용한 컨테이너 자체 크기가 변하는 기능이 있나요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
실무 프로젝트 진행중 리터럴은 따로 파일에 만들어서 분리하나요?
예를들어서<Button text={"취소하기"}/>같은 버튼 컴퍼넌트가 있다면 실무에서는 "취소하기"같은 리터럴도 다른 파일에 분리해서 관리하나요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
두 코드의 차이점
function add(a,b,callback){ sum = a + b; setTimeout(callback(sum),3000); } add(1,2,(value)=>{console.log(value)});function add(a,b,callback){ setTimeout(()=>{ const sum = a+b; callback(sum); },3000); } add(1,2,(value)=>{console.log(value)}); 위 두 코드의 차이점이 궁금합니다.
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
props Dirlling을 방지하기 위해 Context를 사용하지만..
안녕하세요..!결국 Context도 이 컨테이너 안에 데이터를 몽땅 넣을 순 없으니 불필요한 렌더링을 최소화하기 위해 용도에 따라 분리하는것이 좋다라고 알려주셔서 잘 이해가 되었습니다 : )그런데 복잡한 대형 프로젝트에서는 결국 Context도 6개,7개 .. 늘어나다보면,<Context1.Provider> <Context2.Provider> <Context3.Provider> <Context4.Provider> <ContextN.Provider> .......이런식으로 늘어날텐데, Context도 몇개 이상 늘어나지 않도록 어느정도는 그룹핑을 해야할 것 같다고 생각이 듭니다. 코드 가독성을 유지하기 위해서 하위 컴포넌트들에게 전달할 데이터들을 최대 몇개 정도의 Context로 관리하는게 이상적일까요?..
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
터미널에 vercel이란 말을 인식을 못 해요..
PS C:\Users\user\Documents\onebite-react\section12> vercel loginvercel : 'vercel' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.위치 줄:1 문자:1+ vercel login+ ~~~~~~ + CategoryInfo : ObjectNotFound: (vercel:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException이렇게 뜹니다..ㅜ
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
투두 리스트 렌더링하기
안녕하세요. 강의 따라서 실습을 잘 하던 중에 List 컴포넌트에 프룹스로 todos를 넘겨주고 map 함수를 통해 리스트로 렌더링 하는 과정에서 강사님처럼 넣어두었던 데이터들이 렌더링 되지 않아서요. <App.jsx><List.jsx><렌더링 화면>
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 매달 말일로 날짜 설정하면 작성이 안되는데 이유가 뭘까요
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 4월 30일 3월31일 같이 매달 말일로 설정해서 작성하면 작동하지 않는데 이유가 뭘까요
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 질문이 있습니다.
지금 수정하기 기능까지 수강을 하였습니다.근데 수정을 완료했을 때 작성 완료버튼을 누르면 id가 undefined이라는 오류가 계속 납니다.. 로그도 다 찍어보면서 확인을 하는데 undefined인 경우가 나오진 않았습니다... 어디가 문제일까요 ?ㅠㅠ 깃 레포 주소를 남기겠습니다 ㅠhttps://github.com/hcheorii/daily_workout
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
더 배우고 싶은데
수업 모두 완강했습니다. 근데 좀 더 배우고 싶어서 강사님 강의를 찾아봤더니 우데미쪽에 <<프로젝트로 배우는 React.js & Next.js 마스터리 클래스>>있던데 혹시 할인 행사는 언제쯤 하실 생각인지요.. 아무리 기다려 봐도 다른건 다 할인을 하는데 이 강의만 행사를 안하시더라구요..^^혹시 알림이나 할인행사하시면 꼭 좀 알려주시면 감사하겠습니다.
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Vercel Manifest.json 오류
�🔍 Inspect: https://vercel.com/joyoungmins-projects/emotional-diary/brcp442kbNqQCg6KRhhkkQWEiam8 [3s]✅ Preview: https://emotional-diary-g7gk4rl0a-joyoungmins-projects.vercel.app [3s]Error: The file "/vercel/path0/.next/routes-manifest.json" couldn't be found. This is often caused by a misconfiguration in your project강사님 vercel 배포 과정에서 이러한 오류가 나오네요 ㅠㅠ...
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
8.5)Array.prototype.filter() 의 콜백함수에 대한 의문점이 있어요
// it works return todos.filter((todo)=> todo.content.includes(search) ) // do not work :( return todos.filter((todo)=>{ todo.content.includes(search) }) 8.5) Read- Todolist Rendering 실습 중에 오타를 내서 좀 헤맸는데요 저는 화살표함수를 정의할 때 하듯이callback = (para)=>{body}형태로 썼는데Array.prototype.filter()의 콜백함수에는 함수 바디를 정의하듯이 중괄호를 쓰지않고 callback = (para)=>body 처럼 쓰는데 그 이유가 무엇인가요?제가 생각하는 가설은 중괄호에 들어간 순간 Evaluation이 되서라고 들어본 거 같긴한데 자세히 모르겠습니다
- 미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
새일기 작성시 브라우저 콘솔창 오류메시지
강사님 새 일기 작성 시 브라우저 콘솔창에 아래와 같은 오류 메세지가 나오는데요.Warning: Encountered two children with the same key, undefined. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. at div at div at DiaryList (http://localhost:5173/src/components/DiaryList.jsx:23:22) at div at Home (http://localhost:5173/src/pages/Home.jsx?t=1713771954091:46:16) at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=b635def3:3558:5) at Routes (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=b635def3:3993:5) at App (http://localhost:5173/src/App.jsx?t=1713771954091:63:37) at Router (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=b635def3:3936:15) at BrowserRouter (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=b635def3:4676:5) 두개의 자식요소가 동일한 키를 가지고 있다고 되있는데 오류 나는 곳을 아무리 봐도 어디서 오류가 나는지 찾을 수가 없습니다 ㅠㅠ뭐가 문제 일까요? ㅠㅠ
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
map 함수에서 cannot read properties of undefined 에러 발생
강사님이 알려주신 대로 작성했는데 해당 부분에서 Cannot read properties of undefined (reading 'map') 이라는 오류가 발생합니다.ㅠㅠ 오타가 있는것 같지는 않은데..어디가 문제일까요..?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
오픈그래프 태그
배포 후 링크 공유하는데 오픈 그래프 태그가 나타나지 않습니다.ㅜㅜ
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 자료 다운 로드 뜨면 에러가 떠용 XML 이랑 에러..!
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리랜더링 highLight 질문..
10.3) React.memo와 컴포넌트 렌더링 최적화위 강의를 보다보니, 뭔가 이상해서 질문드립니다...여기서 Header컴포넌트에 memo함수로 감싸서최적화된 컴포넌트를 만드셨다고 했는데, 영상으로만 보면item 컴포넌트 변경시에 리랜더링이 안되야 하는 Header 컴폰넌트에 highLight가 들어가는데요..(4:46 경..)아무리 봐도 하이라이트가 들어가는데, 말씀으로는 하이라이트가 더이상 들어가지 않는다고 하는데, 제가 뭘 잘못 이해한걸까요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 자료 이름을 바꿔 다운받아도 안받아집니다
압축 파일을 받아서 보면 폴더가 비어있습니다.자료 이름을 바꿔서 받아도 똑같은데 해결 방법이 있을까요?
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
toLowerCase is not a function 오류
코드를 동일하게 작성했는데 왼쪽과 같은 오류가 발생했습니다. toLoewrCase를 작성하기 전까지는 모두 정상 동작하였습니다.인터넷을 찾아보니 해당 함수가 붙는 변수를 문자열로 변환하면 된다 라는 글이 있기에 console.log, typeof를 통해 todo.content와 search가 문자열이 아닌가?? 하고 보려고 했지만 console.log구문을 어디에 넣어도 오류가 발생하여 확인을 할 수 없었습니다.이 오류에 대한 이유를 알 수 있을까요??
- 해결됨[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Date Picker로 날짜를 찍으면, 이전 날짜가 나옵니다..
그래서 콘솔에 찍어봤는데, 날짜를 넣으면 애초에 전날 날짜로 입력이 되는 것 같아요.어떻게 해야할까요?ㅜㅜ