묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
<BrowserRouter> 없이 Link to를 쓰면 에러가 납니다.
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강의 정말 감사히 잘듣고 있습니다!라우트 관련해 질문이 있습니다.영상처럼 작성했을 때 에러가 납니다. 에러내용Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null. TypeError: Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null. at LinkWithRef (http://localhost:3000/static/js/bundle.js:38549:5) at renderWithHooks (http://localhost:3000/static/js/bundle.js:25406:22) at updateForwardRef (http://localhost:3000/static/js/bundle.js:27975:24) at beginWork (http://localhost:3000/static/js/bundle.js:30022:20) at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:15002:18) at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:15046:20) at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:15103:35) at beginWork$1 (http://localhost:3000/static/js/bundle.js:34967:11) at performUnitOfWork (http://localhost:3000/static/js/bundle.js:34215:16) at workLoopSync (http://localhost:3000/static/js/bundle.js:34138:9)전 강의 코드를 따라했을 땐 문제가 없습니다. 영상에 캡쳐된 코드 방식대로 하려면 어떻게 해야 하나요? return ( <div className="App"> <DiaryStateContext.Provider value={data}> <DiaryDispatchContext.Provider value={{ onCreate, onUpdate, onDelete, }} > <BrowserRouter> <Routes> <Route path="/" element={<Home />} /> <Route path="/new" element={<New />} /> <Route path="/edit/:id" element={<Edit />} /> <Route path="/diary/:id" element={<Diary />} /> </Routes> <RouterTest /> <div /> </BrowserRouter> </DiaryDispatchContext.Provider> </DiaryStateContext.Provider> </div> );+<RouterTest> 컴포넌트 안에는 Link to 들이 적혀 있습니다. 감사합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
</BrowserRouter>없으면 Link to에서 계속 오류가 납니다.
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨질문 하시기 전에 꼭 확인해주세요- 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다)- 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다)- 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢)질문 하실때 꼭 확인하세요- 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X)- 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지)- 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우)- 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요- 강의의 몇 분 몇 초 관련 질문인지 알려주세요!- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
live server는 적용되는데 index.html을 더블클릭하면 아무것도 안되어 있어요..
featherlight 하다가 다 깨져있어서 featherlight 문제인가 했는데html파일 자체가 scss로 작업한 게 적용이 안되어있더라구요...라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니스타일이 하나도 안되어있습니다ㅠㅠ 뭐가 문제일까요...?? **SCSS로 디자인한 걸 featherlight로 어떻게 해야하는 지 알려주세요...!
-
미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
이미지랑 아이콘 파일을 어떻게 찾아요?
인스타그램 포스팅 카드 만들기 수업에 사용된 이미지랑 아이콘 파일을 어떻게 찾아요?
-
미해결
javascript 공부없이 바로 react native 배워도 되나요?
html/css, jQuery, Java Script, react까지 3년전에 배웠었어요.현재는 html/css 코드를 보고 읽고 간단한 건 수정할 수 있는 정도의 수준입니다. 개인적인 흥미로 취미로 개발을 배워보고 싶은데 시작하면 앱 개발, 유지/보수 할 수 있는 수준으로는 배우고 싶어요. 과외로 배울 예정인데 2분의 선생님을 소개받았는데 어떤 분의 루트가 더 나을지 판단이 어려워 전문가분들의 의견 구합니다.html/css > Java > react > react native까지 차근히 배우는 선생님React native와 Java Script를 병행으로 배우는 선생님 1번 선생님의 경우, 현직자이신 것 같진 않고 강의를 위주로 하시는 분 같고 2번 선생님은 현직 개발자로 7년차이세요. 2번 선생님의 경우 함수선언을 영어로 치면 숙어라고 생각하고 배울 수 있을 것 같다고 설명해주셨어요. 리엑트 네이티브에서 사용했던 언어들이 java Script에서 조금 변형된 것들이라고 기억하고 있어서 2번 선생님이 더 속성으로 배울 수 있을 것 같긴 한데(기간은 1년정도 생각합니다) 나중에 혼자 앱 개발을 하는 상황을 생각하면 처음부터 꼼꼼히 배우는게 나을까요?
-
해결됨React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)
프롬프트 내용은 어디서 볼수있나요?
안녕하세요 강사님 강의 정말 잘 듣고있습니다.다름이 아니라 프롬프트의 내용이 꽤 긴데 혹시 복붙할 수 있는 페이지는 따로 없는지 궁금합니다..! 제가 못찾은것일수도 있어서 조심스럽게 문의드립니다
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
callBack 함수에서 중괄호 유무의 차이
검색 기능을 구현할 때 callBack 함수를 사용하셨는데return todos.filter((todo) => todo.content.includes(search)); -> 검색기능 구현return todos.filter((todo) => {todo.content.includes(search)}); -> 검색기능 구현 x위와 같이 중괄호의 유무에 따라 결과가 달라지더라고요중괄호를 사용 안했을 땐 의도대로 필터링 된 값들이 반환되고, 사용 했을 땐 동일한 값을 입력해도 빈 리스트만 반환이 됩니다.중괄호의 유무에 따라 어떤 차이가 있는지 궁금합니다!
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
x-www-form-urlencoded
x-www-form-urlencoded는프론트로부터form으로 데이터 받을 때 받는 거 아닌가요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
await를 사용하면 결국 동기와 다른 이유가 뭔가요?
강의 2.14 비동기작업처리하기, 5:59비동기는 프로세스의 병렬 처리를 위해 사용하는 것인데 비동기 함수를 await 키워드를 통해서 값이 반환되기를 기다렸다가 사용하면 동기 와 다른 점이 뭔지 궁금합니다. 어떤 경우에 await가 비동기 함수를 사용하면서 중요한 역할을 담당하는지도 궁금합니다.
-
해결됨JavaScript 베이스캠프
강의자료 notion 페이지는 공유 안해 주시는 건가요?
강의자료 notion 페이지는 공유 안해 주시는 건가요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
구조분해 할당 키값이 아닌 값 할당할때
안녕하세요 본 강의를 듣던 도중 의문이 들어 질문 올립니다.let [one, two, three, four = 4] = arr; let { name, age: myAge, hobby, extra = "hello" } = person;위 상황처럼 four이나 extra 변수는 원래 존재하지 않던 변수지만 해당 let 선언을 할때 초기화처럼 값을 넣어주면console.log(name, myAge, hobby, extra); console.log(extra);이렇게는 조회가 가능하지만console.log(person);이렇게 조회를 했을때에는 기존 name, age, hobby만 person의 프로퍼티로 조회가 됩니다.어떻게보면 당연한거긴한데 보다보니 이러면 extra가 person의 프로퍼티라고 봐야하는가?이는 어떻게 사용되는가에 대해 여쭤보고 싶습니다.
-
해결됨실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
4.3 강의 자료가 이상해요
4.3 강의 자료 pdf가 아닌 key 파일이 다운받아집니다.
-
해결됨[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
메모리 강의 중 메모리 활용 부분 질문드립니다.
메모리 활용 부분에서 let calc = 2 + 5라는 변수를 선언과 할당을 했을 때 CPU가 메모리에서 2와 5라는 값을 가져 와서 연산을 한 다음, 그 결과 7이라는 값을 메모리 공간에 다시 저장한다고 하셨습니다.강의에서는 메모리 공간에 이미 2랑 5라는 값이 저장 돼 있는 상태인 것 같은데 만약 2와 5라는 값이 저장되어 있지 않은 상태라면 CPU는 2와 5라는 값을 어디서 가져오는 건가요??
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
2.5) 원시 타입 데이터 할당
1:50 질문 드립니다.let p1 = 1;let p2 = p1 일 때,p2를 생성할 때 메모리에 데이터 1을 추가하여 저장되는 것이 아니라, p1에 값 1을 할당 했을 때 메모리에 저장된 1의 메모리 주소를 재활용 하여 p1과 p2가 모두 동일한 데이터를 참조하게 되는 것 아닌가요? p2 생성시 메모리에 데이터 1을 추가하신 것에 대해 의문이 들어 질문드립니다.
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.
강의보면 LoginForm.vue?41c3:43 이라고 표시가 되는데저는 아래처럼 표시됩니다cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/LoginForm.vue?vue&type=script&lang=js&:63이유를 모르겠어요
-
미해결처음 만난 리액트(React)
챕터0 3강의 Postfix/Prefix 관련 질문입니다.
여기 1-5번까지 출력결과가 a=1이고 b=a++니까 1이 더해져서 1, 2라고 생각했는데 왜 2, 1인건지 이해가 잘 안갑니다!
-
미해결자바스크립트 비기너: 튼튼한 기본 만들기
선생님 Objcet 질문 있습니다.
안녕하세요. 선생님대문자Object와 소문자objcet의 차이점에 대한 질문이 있습니다.네이티브 오브젝트가 대문자Object,호스트 오브젝트가 소문자 object인 것으로 이해 하였고Global 오브젝트는 네이티브 오브젝트에 포함되어 있다고 이해 하였습니다.섹션11 강의인 Global 오브젝트의 프로퍼티들은 전역 범위의 프로퍼티이고호스트 오브젝트에 소문자 Global objcet(window)도 전역 범위에 항상 존재하는데Global 오브젝트의 프로퍼티들이 소문자 Global objcet(window)에서 사용된다고 봐야할까요?아니면 네이티브 오브젝트의 전역 범위에서 Global 오브젝트의 프로퍼티들이사용되는 것 일까요?
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
안녕하세요 강사님,
AWS light sail을 이용하여 배포까지 3월 초에 완료하였습니다.웹사이트는 잘 작동하였고 너무 기뻐 친구들에게도 자랑을 하였습니다. 그렇게 웹사이트가 잘 작동되고 있었는데 갑자기 어느순간부터 도메인을 치면 오류가 납니다. 제 웹사이트 링크는giyeons.com 입니다. 구글링을 해보니 aws에 문제가 없었다가 갑자기 생긴것 같은데 제가 aws는 강사님이 하라는데로 따라하기만 하고 추가로 다른 공부를 하진 않아서 어디를 어떻게 수정해야 하는지 감이 안잡힙니다. (제가 아마존 라이트세일 결제 카드를 배포후 2주 후에 잃어버려서 기존 카드를 해지를 하고 aws에 새로운 카드를 등록시켰는데 이것이 문제가 될 수도 있나요?)새로운 카드를 이미 등록은 하였는데 계속 오류가 나는것을 보아하니 카드의 문제가 아닌것 같습니다.
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
access token DB 조회에 관해서
안녕하십니까. 강의 잘 듣고 있습니다 🙂 다름이아니라 궁금한 점이 있어 문의를 드리게 되었습니다.token 계열은 접근시 token 그 자체를 사용하기 때문에 DB 조회가 없어 장점이 있는 로그인 방식이라 생각이 드는데요.1) 강의에서 처럼 access token 을 이용하여 항상 db에서 사용자 데이터를 조회해 온다면 그런 장점이 사라지지 않을까요?2) 또한 부하가 많이 걸리지 않을까요?
-
미해결2022 30분 요약 강좌 시즌 1 : HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax
codesandbox 처음부터 안되네요
처음부터 막히네요코드샌드박스 - index.html 누르면 기본 코드가 나오는데여기서 전혀 삭제, 편집이 안되네요삭제하면 한줄 메세지가 나오는데Editor is read-only because the file system of the file is read-only.입니다.어디가 잘못 된 걸까요