묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
addPost 액션 관해서 문제 질문드립니다.
안녕하세요 제로초님 강의잘듣고있습니다. 강의를 들으면서 궁금한점이 있어서 질문드리겠습니다. add_post_request액션에서 success로 넘어가지 않아서 antd form onfinish함수 usecallback인자부분에 form의 데이터를 넣으려고하는데 정의되지 않은 데이터라고 해서 오류가 발생하는데 어떻게 해결할 수 있을까요? 그리고 제로초님과는 다르게 useState를 사용하지 않고 antd form만으로 실습을 진행하고 있는데 꼭 useState를 사용해서 form의 데이터를 전송해야하는걸까요? form의 데이터는 문제없이 아래와 같이 출력이 잘됩니다. import React, { useCallback } from 'react'; import { Button, Form, Input, Upload } from 'antd'; import { UploadOutlined } from '@ant-design/icons'; import { useDispatch, useSelector } from 'react-redux'; import { PostingFormWrapper, FormWrapper, FormHeader, HeaderText, HeaderBtn, HeaderDiviver, ImageUploaderWrapper, ContentFormWrapper, TagsInputWrapper } from './styles'; import { addPost } from '../../reducers/post'; const PostingForm = () => { const { addPostLoading } = useSelector((state) => state.post); const dispatch = useDispatch(); const onSubmitForm = useCallback((value) => { console.log(value); dispatch(addPost(value)); }, [value]); const normFile = useCallback((e) => { console.log('Upload event:', e); if (Array.isArray(e)) { return e; } return e?.fileList; }, []); return ( <section> <PostingFormWrapper name="posting" onFinish={onSubmitForm} scrollToFirstError > <FormWrapper style={{marginBottom: '1em'}}> <FormHeader> <HeaderText>Post Writing</HeaderText> <div> <HeaderBtn type='primary' size='large' htmlType="submit" loading={addPostLoading} > 등록 </HeaderBtn> <Button size='large'>취소</Button> </div> </FormHeader> <HeaderDiviver /> </FormWrapper> <FormWrapper name="title" rules={[ { type: 'text', }, { required: true, message: '포스팅 제목을 입력하세요.', }, ]} hasFeedback > <Input placeholder='제목을 입력해 주세요.' allowClear="true" size='large' /> </FormWrapper> <FormWrapper name="desc" rules={[ { type: 'text', }, ]} > <Input placeholder='포스팅의 간략한 설명을 입력해 주세요.' allowClear="true" size='large' /> </FormWrapper> <ImageUploaderWrapper name="images" rules={[ { // required: true, // message: '조리사진을 첨부하세요.', }, ]} valuePropName="fileList" getValueFromEvent={normFile} > <Upload name="logo" action="/upload.do" listType="picture"> <Button type='primary' size='large' icon={<UploadOutlined />}>Upload</Button> </Upload> </ImageUploaderWrapper> <ContentFormWrapper name="ingredient" rules={[ { type: 'text', }, { required: true, message: '재료를 입력하세요.', }, ]} hasFeedback > <Input.TextArea placeholder='재료를 입력하세요.' size='large' showCount maxLength={100} rows={5} /> </ContentFormWrapper> <ContentFormWrapper name="recipes" rules={[ { type: 'text', }, { required: true, message: '요리방법을 입력하세요.', }, ]} hasFeedback > <Input.TextArea placeholder='요리방법을 입력하세요.' size='large' showCount maxLength={1000} rows={20} /> </ContentFormWrapper> <ContentFormWrapper name="tips" rules={[ { type: 'text', }, ]} > <Input.TextArea placeholder='Tip을 입력하세요.' size='large' showCount maxLength={200} rows={8} /> </ContentFormWrapper> <Form.Item name="tags" rules={[ { type: 'text', }, ]} > <TagsInputWrapper placeholder='태그를 입력해 주세요.' size='large' /> </Form.Item> </PostingFormWrapper> </section> ) }; export default PostingForm;
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
안녕하세요 선생님~~
리액트에서 자바스크립트를 사용할때 {}을 사용해야하는건 이해가 가는데 this.todoData.map((data) => { }) 가 아니라 중괄호 자리에 그냥 괄호가 들어가는 이유가있나요? 중괄호를 넣고 세이브를 하니 Line 50:37: Array.prototype.map() expects a return value from arrow function array-callback-return 이런 경고창이 뜹니다
-
미해결Node.js로 웹 크롤링하기
Iframe 중첩 상황에서 크롤링 방법
안녕하세요 현재 노드 크롤러 강의를 완강하고 응용해서 연습하는 중에 있습니다. 혹시 첨부된 이미지처럼 page 안에 iframe, 또 그 iframe 안에 iframe이 있는 경우, 가장 안쪽에 있는 iframe은 어떻게 크롤링할 수 있을까요?
-
해결됨두고두고 써먹는 유니티 VR
3D URP Core 템플릿
허브에서 새 프로젝트 생성시 3D URP Core 템플릿이 없습니다. Unity hub 2.4.6 버전 사용중인데 다른 버전으로 다시 설치해야할까요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
9분 40초쯤 삼항 연산자에 관하여 질문 있습니다
{isEdit ? ( <> <button onClick={handleQuitEdit}>수정 취소</button> <button onClick={handleEdit}>수정 완료</button> </> ) : ( <> <button onClick={handleClickRemove}>삭제하기</button> <button onClick={toggleIsEdit}>수정하기</button> </> )} ? 다음 <>...</> 빈 태그는 왜 써주시는 건가요?
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
dir.normalized 부분에 질문이 있습니다.
4:41 에 크기가 아직 1이아니니까 normalized를 통해 크기를 강제로 1로 맞춰준단 부분을 이해가 안됩니다..
-
해결됨Flutter 앱 개발 기초
Dart의 비동기 함수에 대한 aysnc, await 질문입니다.
Dart에서 비동기로 함수가 동작하려면 async, await 키워드를 사용하는 것으로 알고 있었는데요.. 강의 자료에서 4회차 강의 5:24에 보시면 비동기 관련 소스코드 설명이 동영상과 자료에 있습니다. --------------------------------------------------------- HTTP 요청은 응답까지 시간이 걸리기 때문에 비동기 코드입니다. 따라서 동기로 작동하려면 아래와 같이 async & await을 추가하면 됩니다. main() async { Response result = await Dio().get("URL"); print(result.data); } ---------------------------------------------------------- 그런데, 위의 소스가 비동기로 동작하는 소스 같은데, "동기로 동작하려면" 이라고 되어 있어서요. 오타인지? 아니면 제가 잘 모르는 부분이 있는건지 설명 부탁드립니다.
-
미해결하울의 안드로이드 인스타그램 클론 만들기
파이어베이스 연결에서 막힙니다,,
안녕하세요. 강의 잘 듣고 있습니다. 다름이 아니라 파이어베이스에 연결할 때 강사님과는 달라서 멘붕이에요 ㅠㅠ 첫번째 사진처럼 떠서 처음꺼 눌러서 들어가니 컨넥트 누르면 두번재 사진 처럼 뜨네요 ㅠㅠ
-
미해결[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)
4번째 앱 마지막 강의의 listviewadapeter.kt.를 작성하던 와중에 코드 오류가 생겨서 질문드립니다.
package com.example.goodwordsimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport android.widget.BaseAdapterclass listviewadapeter(val list : MutableList<String>) : BaseAdapter() { override fun getCount(): Int {return list.size } override fun getItem(p0: Int): Any {return list[p0] } override fun getItemId(p0: Int): Long {return p0.toLong() } override fun getView(p0: Int, p1: View?, p2: ViewGroup?): View? { var converView = p1 if(converView==null) { converView = LayoutInflater.from(parent?.context).inflate(R.layout.listview_item,parent,false) } }}//이렇게 코드를 작성했는데, parent? 부분들에서 unresolved reference 오류가 발생했습니다.오류 해결 방법을 잘 모르겠어서 질문드립니다.감사합니다.
-
미해결스프링 프레임워크는 내 손에 [스프1탄]
선생님 52, 53 영상 같은 영상입니다.
52 영상이 아마도 안올라간거 같은데 수정 가능할까요?
-
미해결Vue.js + TypeScript 완벽 가이드
깃헙 권한 요청 드립니다.
felixh30@naver.com 두 번째 프로젝트 깃헙 권한 요청 드립니다.
-
미해결데이터 분석 SQL Fundamentals
강사님 다중 조인 질문 드립니다!
-- 부서명 SALES와 RESEARCH의 소속 직원들의 부서명, 직원번호, 직원명, JOB 그리고 과거 급여 정보 추출 3번 실습처럼 다중 조인이 사용될 때는 "위에 관계도 상관없이 가장 아래 부분에 M 을 기준으로 모두 조회 된다" 라고 이해했는데 혹시 잘 이해한것이 맞을까요?
-
미해결타입 파이썬! 올바른 class 사용법과 객체지향 프로그래밍
프레임워크 질문
본 강의와는 다른 내용이지만, 궁금한 점이 있습니다. 예시로 django라는 프레임워크를 말씀해주셨는데요. 인스타그램과 같은 소셜 서비스?(ex. 채팅앱, 커뮤니티앱 등) 성격을 띄는 앱들을 만들기에는 django 프레임워크가 제일 괜찮은가요? 아니면 fastapi로도 문제가 없는지 궁금합니다.
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
플러시 발생 조건 관련
안녕하세요? 플러시 발생에 대해 3가지를 소개해주셨는데요. em.flush 직접 호출 트랜잭션 commit 시점 (자동실행) JPQL 과 같은 객체지향 쿼리 호출 시 이중 3번 관련하여 문의사항이 있습니다. JPQL과 Criteria Query, QueryDSL, Native SQL 등 여러가지 객체 지향 쿼리를 소개해주셨는데요. 이 네가지 모두에 대해 3번이 적용되는지 궁금합니다. 제가 테스트를 해봤을때는 JPQL Select 의 경우 자동 실행되는 것으로 확인했는데, QueryDSL 은 자동실행되지 않는 것 같습니다.
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
service discovery 질문
안녕하세요, service discovery 부분 강의를 들으며 자료를 정리하던 중 service registry에 대한 개념과 혼동되어 질문 남깁니다. 여러 사이트를 참조해본 결과, 로드발란서나 API Gateway로 들어온 클라이언트의 요청 정보에 대해서 어떤 서비스로 넘겨야 하는지에 대한 정보를 담고 알려주는 전체적인 역할을 하는 것이 service discovery에 대한 개념이고 실제로 주소 정보를 담고 있는 기능을 담당하는 부분? 모듈?이 service registry라고 결론짓게 되었습니다. 한마디로 discovery는 이러한 일련의 과정들에 대한 개념이고, registry는 해당 방식을 위해 사용되는 기술이라고 이해해도 무방할까요? 매번 너무 잘 듣고 있습니다. 감사합니다.
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
안녕하세요 선생님 DRF 대댓글에 대해서 질문드립니다!!
안녕하세요 선생님 DRF 대댓글에 대해서 질문드리려고 합니다. 제가 원하는 대댓글 구현은 계층형인데요 (물론 요즘은 잘 안쓰는걸로 알고있지만;;) 예를 들어 (reddit이랑 댓글 구현이 정확히 일치합니다!! -> 계층형 댓글로 구현이 되있습니다) 댓글 -대댓글 --대대댓글 --대대댓글 -대댓글 --대대댓글 댓글 -대댓글 -대댓글 댓글 ... 위와 같이 어떠한 포스트글에 댓글, 대댓글 전부 한번에 보이게 구현을 하고 싶은데 보통 대댓글도 결국 댓글이라서 self join하자나요? class Comment(TimestampedModel): author = models.ForeignKey(User, on_delete=models.CASCADE) post = models.ForeignKey(Post, on_delete=models.CASCADE, verbose_name='포스트 제목') message = models.TextField(verbose_name='댓글') parent = models.ForeignKey('self', on_delete=models.CASCADE, null=True) 근데 문제는 pagination이 걸려 있다보니깐 어떠한 댓글에 대댓글, 대대댓글을 저렇게 정렬된 상태로 한번에 가져오는 방법이 떠오르지가 않네요; (댓글에 좋아요도 추가해서 정렬 알고리즘을 추가할 예정입니다) 그래서.. 1. pagination을 풀어서 어떠한 포스트에 댓글을 전부 response하고 클라이언트 단에서 정렬하라고 하는건지? (물론 당연히 DB 부담이 커서 처음엔 이 방법을 전혀 생각하고 있지 않았지만, 한편으로는 댓글은 많아봐야 몇천개라서 커버가 될 수있을까 ? 라는 막연한 생각이드네용) 2. 댓글 하나당 대댓글이 있는지 재귀적으로 요청해서 대댓글이 있으면 가져오고 없으면 넘어가는 식으로 구현? (물론 당연히 이것도 하나의 포스트에 여러번의 DB 요청을 하기 때문에 서버측에서 굉장히 부담이 커서 현실성이 매우 떨어짐) 위 두 방법은 좀 현실성이 떨어져서 좀 더 효과적으로 구현할 수 있는 방법이 있을것같은데 실력과 경험부족으로 떠오르지가 않네요... 혹시 위 처럼 계층형 대댓글을 구현하는데 좋은 로직이나 자료나 솔루션이 있을까요???? (프론트엔드는 코틀린입니다)
-
미해결차량 번호판 인식 프로젝트와 TensorFlow로 배우는 딥러닝 영상인식 올인원
Segmentation 질문
이거는 개인적으로 궁금해서 그런데 Segmentation을 실시간으로 하면 그게 real-time segmentation인가요? 그리고 일반적인 segmentation 모델을 open cv로 실시간 인식하도록 하면 real time segmentation인가요? 아니면 real time segmentation 분야가 있어서 그 관련 모델을 사용해야 하는건가요? 실시간 카메라 영상을 받아서 구현하고 싶은데 real time segmentation에 관련된 모델이 있는지, 아니면 그냥 구현할때 segmentation모델을 사용해도 되는지 궁금해서 남겼어요
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
수열에 음수가 주어질 경우
수열에 음수가 주어지는 경우에는, sum이 더 작을 때 rt를 움직이고, 더 클 때 lt 를 움직이는 방법은 적절하지 않다고 생각되는데, 맞나요?? sum이 더 작다고 rt를 움직이더라도, 우측에 있는 수가 음수라면, lt를 움직이는 게 하나의 방법이 될 수도 있다고 생각합니다.
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
안녕하세요 DRF 대댓글에 구현에 대해서 질문 드립니다!
안녕하세요 . DRF 대댓글에 대해서 질문드리려고 합니다. 제가 원하는 대댓글 구현 계층형 대댓글인데 포스트 1.댓글 - 대댓글 --대대댓글 - 대댓글
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
큰돌님 대문자 if문 부분에서
대문자 구분에서 97이 아니라 90 아닌가요?