묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
provider에서 에러가 납니다.
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import 'antd/dist/antd.min.css' import { Provider } from 'react-redux'; import {applyMiddleware, createStore} from 'redux'; import PromiseMiddleware from 'redux-promise'; import reduxThunk from 'redux-thunk'; //import Reducer from './_reducers'; const createStoreWidthMiddleware=applyMiddleware(); const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <Provider> <App /> </Provider> </React.StrictMode> ); reportWebVitals();Provider를 제거하면 에러가 나지 않고 넣으면 위와같이 에러가납니다 혹시 아시는분 계실까요? 상위버젼에서 Provider 태그가 필요 없다고 하시는데 그럼 store는 어찌쓰는지요?
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
git 배포!!!!!!
동일한 질문이 있는데 답변을 이해하지 못해서 질문합니다. 저는 [깃허브아이디]/상위폴더/하위폴더/하위폴더2 에 지금까지 만든 넷플릭스 파일들이 있습니다.이 경우에 package.json의 homepage 부분과 index.js의 basename은 어떻게 설정해야 하는 것인지요? 아까까지 전체 주소(하위폴더2까지) homepage, basename을 작성하여 배포했는데 완성된 주소는 상위폴더까지만 적혀 있습니다.지금은 [깃허브아이디].github.io/[상위폴더]/로 다시 배포했는데 상위폴더 안의 Read.me만 나오고 있습니다. (캐시 삭제 및 20분 정도 기다림)ㅠㅠ 왜 이러는지 알고 싶습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
search에 있는 refetch 질문이요.
중고마켓을 만들고 있습니다. 이부분인데 여기서 판매중상품 판매된상품 두개로 나눠서 searchbar(검색)을 만들었습니다. useSerach 파일로 밑에 코드로 따로 빼놨고 (useSearch)container이부분에서 onChangeSearch안에 있는 refetch를 어떻게 가져와야 하나요refetch: SoldOutTrueRefetch || SoldOutFalseRefetch 이렇게 처음에 가져오려고 했지만 실패했습니다.. presenter코드가 조금 지저분하지만 완성이 목표라서 현재 짜는 코드는 조금 지저분해도 이런식으로 두개를 가져오고 싶습니다. refetch 부분 어떤식으로 가져와야할지 알려주세요.
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
중첩된 serializer(DB table은 하나)
class TbVaResult(models.Model): report_id = models.ForeignKey(TbVaReport, on_delete=models.PROTECT, db_column="report_id") result_type = models.CharField(max_length=10) asset_cd = models.CharField(max_length=20) measure_cd = models.CharField(max_length=10) result_cd = models.CharField(max_length=10, blank=True, null=True) result_desc = models.CharField(max_length=4000, blank=True, null=True) class Meta: db_table = 'tb_va_result' unique_together = (('report_id', 'result_type', 'asset_cd', 'measure_cd'),) 위와 같은 model이 있고, { "report_id": "IS_LX_2023_0010", "result_type": "C", "asset_cd": "LX001", "result": [ { "measure_code": "LX1-01-R", "result": "Y", "result_code": "LX1-01-SA", "result_desc": "root" }, { "measure_code": "LX1-03-R", "result": "SELF", "result_code": "LX1-03-SA", "result_desc": "인터뷰" } ] }이런 데이터를 보내려고 합니다.serializer를 통해 아래와 같은 데이터를 만들어 테이블(TbVaResult)에 쓰려고 합니다.{ "report_id": "IS_LX_2023_0012", "result_type": "C", "asset_cd": "LX001", "measure_cd": "LX1-01-R", "result_cd": "Y", "result_desc": "root" }, { "report_id": "IS_LX_2023_0012", "result_type": "C", "asset_cd": "LX001", "measure_cd": "LX1-03-R", "result_cd": "SELF", "result_desc": "인터뷰" }views.pyclass ResultCreateViewSet(viewsets.ModelViewSet): queryset = TbVaResult.objects.all() serializer_class = ResultCreateSerializer authentication_classes = [JWTAuthentication] permission_classes = [IsAuthenticated] serializers.pyclass ResultSerializer(serializers.Serializer): measure_cd = serializers.CharField() result_cd = serializers.CharField() result_desc = serializers.CharField() class ResultCreateSerializer(serializers.Serializer): result = ResultSerializer(many=True) report_id = serializers.CharField() result_type = serializers.CharField() asset_cd = serializers.CharField() def create(self, validated_data): print('===============================================') print('validated_data:', validated_data) result_data = validated_data.pop('result') print('result_data:', result_data) report_id = validated_data.pop('report_id') result_type = validated_data.pop('result_type') asset_cd = validated_data.pop('asset_cd') tb_va_report = TbVaReport.objects.get(report_id=report_id) for result_item in result_data: measure_cd = result_item.pop('measure_cd') result_cd = result_item.pop('result_cd') result_desc = result_item.pop('result_desc') tb_va_result = TbVaResult.objects.create( report_id=tb_va_report, result_type=result_type, asset_cd=asset_cd, measure_cd=measure_cd, result_cd=result_cd, result_desc=result_desc ) return tb_va_result"Got AttributeError when attempting to get a value for field result on serializer ResultCreateSerializer." 이런 에러가 발생하네요.DB에 쓸때 result 가 안들어가는데 어디서 발생되는 에러인지 모르겠습니다.도움을 부탁드립니다. ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
graphql useditem 질문입니다!
게시판 페이지 카운트는 있는데 혹시 중고아이템은 페이지카운트 쿼리가 없는건가요? ㅠㅜ찾아봐도 없는거 같아서 무한스크롤로 했는데 혹시나해서 글 남깁니다!!
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
as_view()에서 인자로 http method의 사용 가능 여부
안녕하세요.강의 내용 중에 다음과 같은 코드를 보여 주셨는데요.post_list = PostViewSet.as_view({ 'get': 'list' })그런데 장고의 소스 코드를 보면,class View: """ Intentionally simple parent class for all views. Only implements dispatch-by-method and simple sanity checking. """ http_method_names = [ "get", "post", "put", "patch", "delete", "head", "options", "trace", ] # 중간 코드 생략 @classonlymethod def as_view(cls, **initkwargs): """Main entry point for a request-response process.""" for key in initkwargs: if key in cls.http_method_names: raise TypeError( "The method name %s is not accepted as a keyword argument " "to %s()." % (key, cls.__name__) ) as_view()에 전달한 키워드 인자에 http_method_names 의 항목에 해당하는 키가 있으면 TypeError 를 발생시키는 것으로 되어 있는 것 같습니다.그런데 as_view()에 강의 내용과 같이 get 을 키워드 인자로 사용해도 되는지 궁금합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io 만들시 도커 파일이 있어야 하나요?(error)
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.fly launch 을 하고나서 선생님처럼 docker 파일들이 생기지 않았고 , DataBase 관련 된 질문에 No 를 하고 나서 Error: open Dockerfile : The system cannot find the file specified. 라는 에러가 발생하였습니다. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Node 18 버전 강의
안녕하세요,회사에서, 신규 프로젝트에서 'react 18 버전'을 사용 한다고 하였는데요.node 18 버전, 타입스크립트, ant 디자인 등등 관련해서, 프로젝트 작업 시 조언, 작업 방식..등 과 관련한 내용 있으시면 혹시 공유 가능할까요..?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
node가 제대로 실행되지 않습니다
nodejs의 파일 위치가 cmd와 동일하고 node.js 다운도 모두 끝마쳤는데 cmd에서 파일을 불러올 수 없고 터미널에서도 오류가 납니다 어떤 부분이 문제인 걸까요?
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
(질문X 제보O) antd 최신버전에서 리스트 문법이 변경된듯 합니다
PostCard 컴포넌트에서 댓글목록 부분을 강의에 나와있는 대로 작성하면 파라미터가 undefined라고 에러가 뜨더군요 코드는 아무리 살펴봐도 틀린 부분이 없어서 package.json 보고 하나하나 지웠다 깔았다 하면서 검사했는데 antd를 강의랑 같은 버전으로 깔면 에러가 안 나오더군요. (대신 디자인이 하나도 적용이 안됩니다)
-
해결됨프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
Performance FPS 탭이 안보여요.
안녕하세요. 강의 잘 보고 있습니다.통계사이트 부분을 보고 있다가 궁금한게 생겨서요.크롬 버전마다 performance 탭 내용이 달라지나요? 강의랑 표시 내용이 달라서요. FPS그래프가 안보여요.옵션에도 FPS 표시 유무같은게 안보이는데, 도움 좀 부탁드립니다.현재 버전은 113.0.5672.127 입니다.감사합니다.
-
미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
grahpqlFetcher 설명가능할까요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. export const graphqlFetcher = <T>(query: RequestDocument, variables = {}) => request<T>(BASE_URL, query, variables) 이 코드 에서 <T> 이 타입에 대한 것과query: RequestDocument, variables = {}여기 부분이 뜻하는 것과request<T>(BASE_URL, query, variables여기 부분이 뜻하는 의미를 알고 싶습니다 .ㅠㅠgrahpql이 처음이라 구글링해서 봐도 잘 모르겠어요.. 그리고 혹시 그럼 지금은 graphql을 쓰는 거고, 이전 영상에서 fake api 불러올 때는 rest api 사용한 게 맞나요??알려주시면 감사드립니다!
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
React -Router 사용에 관해서
안녕하세요 선생님! netflix 강의 너무 잘들었습니다! 듣고나서 혼자 이것저것 만들어보는데 , react router 사용을 하다보니 1. index.js 에서 App 을 BrowserRouter로 래핑하는 방법2. 특정 컴포넌트에서 BrowserRouter로 감싸서 따로 쓰는경우가 있는 것 같더라고요. 두가지 차이점을 정확히 모르겠습니다. chat gpt는 개발자가 개발하는 과정에서 선택하는 부분이라고 되어 있는데, 그 선택하는 이유를 잘 모르겠습니다. 하지만 <App> 컴포넌트를 감싸지 않고 다른 컴포넌트에서 <BrowserRouter>를 사용하는 것은 특정 컴포넌트 또는 컴포넌트 그룹에 대한 라우팅을 독립적으로 구성하고 싶을 때 사용될 수 있습니다. 이렇게 하면 라우팅 로직이 특정 컴포넌트에 한정되며, 애플리케이션의 다른 부분과 격리될 수 있습니다. 예를 들어, <App> 컴포넌트의 하위 컴포넌트 중에서만 특정 라우팅이 필요한 경우 해당 컴포넌트 내에서 <BrowserRouter>를 사용하여 독립적인 라우팅을 구성할 수 있습니다.이런식으로 대답이 오는데 이해가 잘 가질 않네요. 혹시 검색 키워드나, 참고할만한 글이 있을까 해서 글 남깁니다. 감사합니다~
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
d-day 코드오류
강의보면서 그대로 작성했는데 targetDate 부분이 오류가 납니다. 여기서 안되니까 remaining 에서도 오류나고..콘솔 찍으면 NaN 만 출력이 되네요ㅠㅠ 왜그럴까요? <script> const dateFormMaker = function () { const inputYear = document.querySelector("#target-year-input").value; const inputMonth = document.querySelector("#target-month-input").value; const inputDate = document.querySelector("#target-date-input").value; const dateFormat = `${inputYear}-${inputMonth}-${inputDate}`; return dateFormat; }; const counterMaker = function () { const targetDateInput = dateFormMaker(); const nowDate = new Date(); const targetDate = new Date(targetDateInput).setHours(0,0,0,0); /* error */ const remaining = (targetDate - nowDate) / 1000; const remainingDate = Math.floor(remaining / 3600 / 24); const remainingHours = Math.floor(remaining / 3600) % 24; const remainingMin = Math.floor(remaining / 60) % 60; const remainingSec = Math.floor(remaining) % 60; console.log(remainingDate, remainingHours, remainingMin, remainingSec); console.log(targetDate); }; </script>
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
방향성에 대한 강의
마지막 멘트하실 때 앞으로 뭘 더 공부하고 어떻게 공부하면 좋을지 알려주신다고 하셨는데 그것에 대한 강의는 없는 건가요? 완강했습니다! 감사합니다~
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
마지막날을 가져올 때 getMonth에 +1을 하는 이유
23번째 줄에서 해당 월의 마지막날을 가져올 때 getMonth에 +1을 하는 이유가 무엇인가요? getMonth에 +1을 하면 이미 그 다음 월로 넘어가는 것 아닌가요?
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
console.log 와 return 에 따라 다른 결과
map 사용 시 3번의 console.log 와 return의 사용이나 순서에 따라 결과가 다르게 나오는데요 이 이유가 궁금합니다
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
배너 Iframe 디자인 시 가상 요소
여기서 &를 써서 스타일을 추가하는 이유가 무엇인가요?그냥 위에 있는 Iframe에 적용하면 안되는 건가요?이 부분을 Iframe에 포함시키니 오류가 나서 왜인지 궁금합니다.const Iframe = styled.iframe` width: 100%; height: 100%; z-index: -1; opacity: 0.65; border: none; &: :after { content: ""; position: absolute; top: 0; left: 0; width: 100% height: 100% } `;
-
미해결처음 만난 리액트(React)
serve -s build => command not found인 경우
npx serve -s build라고 입력하시면 됩니다:)환경 변수, 경로 확인, 재설치 별별 삽질하다가뒤늦게 알았어요 ㅎㅎ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
26강 포트폴리오 리뷰 Unhandled Runtime Error ApolloError: Response not successful: Received status code 400
웹으로 확인하니 이런 화면이 뜹니다