묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 리액트 A-Z
Property '' does not exist on type 'any[]' 질문 드립니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. movie 데이터를 받아 오고 setMovie를 한 후에 ex)<h1 className='absolute top-10 left-10 w-10 h-10 text-white-100'>{movie.name}</h1> 와 같이 사용할 때 Property 'name' does not exist on type 'any[]'.ts(2339)와 같은 오류가 발생합니다. ts를 사용하지 않는데도 불구하고요..이런 경우 어떻게 해결 할까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
글쓰기? 리트윗? 새로고침 오류
백엔드 노드서버 구축하기까지 들었는데 어딘지 모르겠지만 어느순간부터 글쓰기 기능이 정상적이지 않습니다 리트윗쪽도 마찬가지에요 리트윗 할때이런 에러 뜨고 콘솔reduxRETWEET_REQUESTRETWEET_SUCCESS네트워크대략 이런 상태입니다리트윗 클릭하면 이런 오류뜨는데 새로고침하면 정상적으로 리트윗 되있어요 글쓰기도 오류창은 안뜨는데 무반응이고 새로고침하면 정상적으로 뜹니다 콘솔redux네트워크대략 이정도 뜨는데 마찬가지로 새로고침하면 글 작성 되있어요 백엔드쪽 부분 같기는 합니다ㅠㅠ백엔드 routes/post.js 리트윗,글작성 코드는 이런상태에요router.post('/', isLoggedIn, upload.none(), async (req, res, next) => { // POST /post try { const hashtags = req.body.content.match(/#[^\s#]+/g); const post = await Post.create({ content: req.body.content, UserId: req.user.id }); if (hashtags) { const result = await Promise.all(hashtags.map((tag) => Hashtag.findOrCreate({ where: { name: tag.slice(1).toLowerCase() } }))); await post.addHashtags(result.map((v) => v[0])); } if(req.body.image) { if (Array.isArray(req.body.image)) { const images = await Promise.all(req.body.image.map((image) => Image.create({ src: image }))); await post.addImages(images); } else { const image = await Image.create({ src: req.body.image }); await post.addImages(image); } } const fullPost = await Post.findOne({ where: { id: post.id }, include: [{ model: Image }, { model: Comment, include: [{ model: User, // 댓글 작성자 attributes: ['id', 'nickname'] }] }, { model: User, // 게시글 작성자 attributes: ['id,', 'nickname'] }] }, { model: User, // 좋아요 누른 사람 as: 'Likers', attributes: ['id'] }) res.status(201).json(fullPost); } catch (error) { console.error(error); next(error); } }); router.post('/images', isLoggedIn, upload.array('image'), async (req ,res, next) => { // POST /post/images console.log(req.files); res.json(req.files.map((v) => v.filename)); }); router.post('/:postId/retweet', isLoggedIn, async (req, res, next) => { // POST /post/1/comment try { const post = await Post.findOne({ where: { id: req.params.postId }, include: [{ model: Post, as: 'Retweet' }] }); if (!post) { return res.status(403).send('존재하지 않는 게시글 입니다.'); } if (req.user.id === Post.UserId || (post.Retweet && post.Retweet.UserId === req.user.id)) { return res.status(403).send('자신의 글은 리트윗할 수 없습니다'); } const retweetTargetId = post.RetweetId || post.id; const exPost = await Post.findOne({ where: { UserId: req.user.id, RetweetId: retweetTargetId } }); if (exPost) { return res.status(403).send('이미 리트윗 했습니다'); } const retweet = await Post.create({ UserId: req.user.id, RetweetId: retweetTargetId, content: 'retweet' }); const retweetWithPrevPost = await Post.findOne({ where: {id: retweet.id}, include: [{ model: Post, as: 'Retweet', include: [{ model: User, attributes: ['id', 'nickname'] }, { model: User, as: 'Likers', attributes: ['id'] }, { model: Image }] }, { model: User, attributes: ['id', 'nickname'] }, { model: Image }, { model: Comment, include: [{ model: User, attributes: ['id', 'nickname'] }] }] }); res.status(201).json(retweetWithPrevPost); } catch (error) { console.error(error); next(error); } });
-
미해결스프링 핵심 원리 - 기본편
ApplicationContext에 의존성 주입은 어떻게 가능?
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]강의 초반에 앱 전반에서 사용되는 의존성들은 ApplicationContext가 관리하는 스프링 컨테이너에 등록된 빈에 의해서 의존성이 주입되는데요.ApplicationContext이 어떤 BeanDefinition 구현체를 사용할지에 대한 의존성 주입은 어떻게 가능한걸까요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법
이 강의를 진행하면서 favorite를 만드는데몽고디비와 연결된 곳을 다루려고 할 때마다 [nodemon] app crashed - waiting for file changes before starting... 과Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/가 뜨더라구요.첨에는 auth.js에서 오류가 발생하는거라는 로그를 보고 프록시 연결 다시해봐, cors 설정 다시해봐 오만 삽질을 하다가그냥 새로 몽고디비를 파서, 디비 이름을 건들지 않고 cluster0으로 하니 멀쩡하게.. 되더군요3시간만에 해낸지라 넘 퐝당 ㅠㅠㅜ 한데 약간 이유가 궁금해져서요..왜 그런걸까요? 구글링 해도 나오지 않아서 한번 질문해봅니다!저 두 오류의 이유가 무엇인가요?
-
미해결따라하며 배우는 리액트 테스트 [2023.11 업데이트]
useMemo
안녕하세요!강의 잘 들었습니다 : )이번 강의에서 궁금한 점이 있는데요~OrderContext.js에서 resetOrderDatas를 useMemo 바깥에 두셨는데 아래처럼 안에 선언해도 상관없는 건가요? const value = useMemo(() => { function updateItemCount(itemName, newItemCount, orderType) { // ... } const resetOrderDatas = () => setOrderCounts({ products: new Map(), options: new Map(), }); return [{ ...orderCounts, totals }, updateItemCount, resetOrderDatas]; }, [orderCounts, totals]);updateItemCount의 경우는 useMemo안에 있는데 차이가 무엇인지 궁금합니다.updateItemCount는 자주 쓰이는 함수라 그런걸까요..?
-
미해결스프링 핵심 원리 - 기본편
객체 의존관계 이외의 조심해야 하는 의존관계는?
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]강의 너무 잘 들었습니다.객체 간 의존관계를 항상 의심하고 그것을 해결하는 것이 좋은 코드의 기본인 것 같습니다. 본 수업을 듣고 객체 간 의존관계를 해소하는 방법에 대해 명쾌하게 이해할 수 있었습니다.문득 궁금한 점이 생겼는데, 객체 간 의존관계 이외의 우리가 조심해야 하는 의존관계는 어떤 것들이 더 있을까요?하나의 단일 Spring App을 벗어나, System, 혹은 MSA 관점으로까지 확장했을 때, 우리가 조심해야 하는 X와 X 혹은 X와 Y 간의 의존관계는 어떤 것이 있을지, 조심스럽게 질문드려봅니다.감사합니다.
-
미해결[백문이불여일타] 데이터 분석을 위한 기초 SQL
order by right
안녕하세요 선생님 수업 잘 듣고 있습니다!다름이 아니라 해커 랭크 Higher Than 75 Marks이거 풀 때order by RIGHT(name,3) ,id <<이거 할 때 RIGHT 함수 안에 name 컬럼 가져올 때 따옴표로 묶으면 에러가 나던데 이론 설명하실 때 숫자에는 따옴표가 있더라구요 여기에는 따옴표 쓰면 오류가 나는 이유가 있을까요??? 감사합니다
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
localhost로 접속했는데도 안 됩니다.
안녕하세요해도 계속 오류가 뜹니다... 제 노트북이라 윈도우버전으로 했었는데 안 돼서 맥버전으로 다시 깔았는데도 이러네요... 1시간동안 헤매고 있습니다...도와주세요 ㅠㅠ저렇게 하는 게 아니라면 혹시 메뉴얼 적어둔 링크나, 간단하게 정리해서 알려주실 수 있으신가요? 부끄럽지만...이부분은 정말 모르겠습니다... cmb사용해서 하는 것도 잘 모르겠습니다...죄송합니다...ㅠㅠ 읽어주셔서 감사합니다!
-
미해결스프링 핵심 원리 - 기본편
excludeFilters Configuration.class 질문이요
@Configuration @ComponentScan( basePackages = "hello.core", excludeFilters = @Filter(type = FilterType.ANNOTATION, classes = Configuration.class)) public class AutoAppConfig { }excludeFilters Configuration.class 기능이 @Configuration 어노테이션 붙은 클래스를 제외하는건데 자기 자신도 @Configuration이 붙어 있는데 자신은 빼고 제외하는 걸 의미하는 건가용?
-
미해결리눅스 입문 - 개념으로 탄탄히!!
ubuntu 설치와 관련하여 질문드립니다.
안녕하세요.우분투 설치 후 '지금 다시 시작'을 누르고 장치 제거 후에 엔터를 눌렀는데 우분투 부팅 과정에서 검은 화면만 뜨고 그 이후 진행이 안 됩니다ㅜㅜ 이런 경우 어떤 방법으로 해결해야 할까요?
-
해결됨실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
subQuery에서는 fetch를 사용할 수 없을까요?
queryFactory.select(chat.message, chat.id, ExpressionUtils.as( JPAExpressions .select(subChat.count()) .from(subChat) .where(subChat.id.eq(chat.id)), "chatCnt"), ) .from(chat) .fetch();위와같이 쿼리를 작성했을 때 채팅방에 서브쿼리를 넣어서 채팅방마다 참여자 수를 구하도록 서브쿼리를 만들었는데쿼리에서는 서브쿼리에 order by 나 limit 등을 사용해서 조회한 결과 한 건만 서브쿼리로 추가를 할 수 있는데.querydsl에서는 그렇게 할 수 있는 방법이 있을까요??예를들어 위의 쿼리문에 ExpressionUtils.~를 추가해서서브쿼리로 채팅방의 마지막에 작성된 메시지 내용을 같이 가져오고 싶은데 from(chat) 까지는 조회가 잘 되는데(조회가 된다는것은 결과가 이상이 없는건 아닙니다. 결과값이 하나만 나와야 하는데 여러건이 나와서 당연히 문제가 생깁니다.) 서브쿼리에서 limit 제한이나 order by, fetchOne 등을 사용을 할 수가 없는 것 같더라구요..레퍼런스 사이트에서도 관련된 자료를 찾지 못하고, 구글링을 아무리 해봐도 관련 자료를 찾지 못했는데 혹시 위와같은 상황에서는 어떤식으로 처리를 해야할까요??그동안 제가 했던 방법은위의 쿼리로 List로 조회를 한다.마지막 메시지를 가져오는 쿼리문을 따로 조회를 한다.1번에서 쿼리한 결과를 for문을 돌면서 2번에서 조회된 값을 추가한다.이런식으로 작업을 했었는데 쿼리를 두 번 실행을 하고, 거기에 반복문을 돌면서 또 값을 추가를 해야하는 상황입니다. 일반적으로 이런식으로 사용을 하는지, 아니면 위와같은 경우에는 따로 방법이 있는지 문의드립니다.내용을 정리하면채팅방, 채팅유저, 채팅메시지의 3개 테이블이 있습니다.1row에는 채팅방 아이디, 채팅유저정보, 해당 채팅방 아이디에서 작성된 마지막 메시지 내용2번의 정보를 1row에 출력을 하고 싶은데 쿼리를 두 번 돌려서 for문으로 해당 값들을 추가했습니다.3번 방식 말고 다른 방식으로(서브쿼리등) 해결할 수 있는 방법이 있을까요?
-
해결됨프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
이미지 프리로딩 질문
강의에서 이미지url을 프리로딩하는것을 알려주셨는데 혹시 이미 리액트 폴더안에 에셋으로 넣어놓은 이미지 파일이나 폰트를 모달 띄우기 전에 미리 프리로딩 하는 방법을 알 수 있을까요?
-
미해결처음하는 딥러닝과 파이토치(Pytorch) 부트캠프 [데이터과학 Part3]
이미지 전처리 과정에서 질문 좀 드리고 싶습니다.
dogsvscat kaggle 문제에서 아래 코드를 참조하고 있는데 만약 위 코드에서 개와 고양이 뿐만 아니라 3종류 이상의 동물을 이미지 전처리해야 할땐 어떻게 해야 될지 여쭤봅니다....저는 저 label 부분을 각 클래스 동물 마다 0,1,2,3,4 이렇게 연속해서 넣었는데 정확도가 많이 떨어집니다.
-
해결됨디자인 시스템 with 피그마
타이포그라피 스타일 업로드 오류
또 질문드립니다 선생님 ㅠㅠ 타이포그래피 Label 값들을 잘 넣어서 create style을 했는데 값이 다르게 업로드돼요뭔가 문제인지 모르겠습니다 도륵Heading을 복사해서 했는데 그것이 문제인가요? 복사 안하고 새로 직접 만드니까 잘 되긴 합니다ㅠㅠ!!! 그리고 이 빨간부분 표시는 뭘 의미하는건가요? 제가 뭘 잘못 연동한건가요?
-
미해결비전공 기획자 및 관리자를 위한 IT 필수 지식
결제하고 강의를 듣는데.. 강의 자료 요청 드립니다~
안녕하세요. 결제하고 강의를 듣는데 아주 만족합니다.. 아주 유익한 강의라고 생각하는데 강의자료 요청 드려도 될까요.xgxg4@naver.com
-
미해결Jenkins를 이용한 CI/CD Pipeline 구축
소스코드관리>Git>Repository URL 입력시 returned status code 128: 에러
안녕하세요 강사님! 소스코드관리>Git>Repository URL을 입력하면Failed to connect to repository : Command "git ls-remote -h https://github.com/joneconsulting/cicd-web-project HEAD" returned status code 128:stdout:stderr: error: while accessing https://github.com/joneconsulting/cicd-web-project/info/refsfatal: HTTP request failed위와 같은 메세지가 나옵니다..구글링 해보았으나, 해결이 되고 있지 않습니다.빌드시 콘솔로그는 다음과같습니다.Running as SYSTEM Building in workspace /var/lib/jenkins/workspace/Spring-Maven-jenkins-test-01 The recommended git tool is: NONE No credentials specified > git rev-parse --resolve-git-dir /var/lib/jenkins/workspace/Spring-Maven-jenkins-test-01/.git # timeout=10 Fetching changes from the remote Git repository > git config remote.origin.url https://github.com/joneconsulting/cicd-web-project # timeout=10 Fetching upstream changes from https://github.com/joneconsulting/cicd-web-project > git --version # timeout=10 > git --version # 'git version 1.7.1' > git fetch --tags --progress https://github.com/joneconsulting/cicd-web-project +refs/heads/*:refs/remotes/origin/* # timeout=10 ERROR: Error fetching remote repo 'origin' hudson.plugins.git.GitException: Failed to fetch from https://github.com/joneconsulting/cicd-web-project at hudson.plugins.git.GitSCM.fetchFrom(GitSCM.java:1006) at hudson.plugins.git.GitSCM.retrieveChanges(GitSCM.java:1248) at hudson.plugins.git.GitSCM.checkout(GitSCM.java:1312) at hudson.scm.SCM.checkout(SCM.java:540) at hudson.model.AbstractProject.checkout(AbstractProject.java:1217) at hudson.model.AbstractBuild$AbstractBuildExecution.defaultCheckout(AbstractBuild.java:647) at jenkins.scm.SCMCheckoutStrategy.checkout(SCMCheckoutStrategy.java:85) at hudson.model.AbstractBuild$AbstractBuildExecution.run(AbstractBuild.java:519) at hudson.model.Run.execute(Run.java:1897) at hudson.maven.MavenModuleSetBuild.run(MavenModuleSetBuild.java:543) at hudson.model.ResourceController.execute(ResourceController.java:101) at hudson.model.Executor.run(Executor.java:442) Caused by: hudson.plugins.git.GitException: Command "git fetch --tags --progress https://github.com/joneconsulting/cicd-web-project +refs/heads/*:refs/remotes/origin/*" returned status code 128: stdout: stderr: error: while accessing https://github.com/joneconsulting/cicd-web-project/info/refs fatal: HTTP request failed at org.jenkinsci.plugins.gitclient.CliGitAPIImpl.launchCommandIn(CliGitAPIImpl.java:2736) at org.jenkinsci.plugins.gitclient.CliGitAPIImpl.launchCommandWithCredentials(CliGitAPIImpl.java:2111) at org.jenkinsci.plugins.gitclient.CliGitAPIImpl.access$500(CliGitAPIImpl.java:87) at org.jenkinsci.plugins.gitclient.CliGitAPIImpl$1.execute(CliGitAPIImpl.java:623) at hudson.plugins.git.GitSCM.fetchFrom(GitSCM.java:1004) ... 11 more ERROR: Error fetching remote repo 'origin' Finished: FAILURE 혹시 짐작가시는 원인이 있으실까요?
-
해결됨스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
SpringMemberSaveControllerV1의 process() 파라미터
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]안녕하세요! SpringMemberSaveControllerV1의 process()메서드 파라미터에 대한 질문인데요Front Controller를 사용해서 구현할 때서블릿 종속성을 배제하기 위해 Front Controller에서HttpServletRequest의 인스턴스에 담긴 값을 일부러Map에 담아 실제 Cotroller로 옮겨줬다고 이해하고 있는데 @RequestMapping을 사용하면서 다시HttpServletRequest를 사용하는 이유가 궁금합니다. FrontController역할을 하는 Dispatcher가 존재하여 구조는 변하지 않았으나 @RequestMapping을 사용하면 매핑되는 RequestMappingHandlerMapping의 특징으로 URI 요청이 HandlerMapping까지 넘어오기 때문에 일부러 Map에 담아줄 필요없이그대로 HttpServletRequest 인스턴스를 사용하는거라고 생각했는데 맞나요?
-
미해결입문자를 위한, HTML&CSS 웹 개발 입문
ctrl + 방향키
알려주신 윈도우 환경에서 ctrl 방향키 (오른쪽)을 멀티 셀렉트 되어있는 상태에서 선생님과 똑같이 했는데 한번에 끝에 안가지고 칸칸이 이동하면서 결국 결과적으로 모든 줄 마지막에 위치를 안하네요 ㅠㅠ 무슨 문제일까요?
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
테스트 케이스에 대해서
코드를 돌려보다가 40~80점의 애매한 점수가 뜨면 채점 폴더에 있는 테스트 케이스를 열어봅니다.그런데 예전에 백준 사이트에서 테스트 케이스를 보여주지 않는 이유는 틀린 부분에 대해 예외 처리만 해서 통과해버리는 부작용 때문이라는 글을 보았습니다.그런데 이 강의는 테스트 케이스가 다 나와있더군요. 솔직히 테스트 케이스를 열어봐서 틀린 부분을 살펴보고 디버깅을 통해 분석해보면 제 코드의 문제점이 정말 쉽게 발견 되었습니다.그래서 위와 같은 방법으로 공부해도 되는지 확신이 들지 않아서 이렇게 질문을 올려봅니다.요컨대, 문제를 풀고 오답이 나왔을 때 테스트 케이스를 분석하면서 공부해도 되는 걸까요?
-
해결됨디자인 시스템 with 피그마
다른 모드에 적용한 내용을 다른 모드로 이동할 수 있나요?
안녕하세요 쌤..! 예를 들어 아래와 같이 dark모드에 적용해놓은 것들을 글로벌모드로 이동하거나 복붙할 수는 없나요???삭제하고 다시 만드는 방법밖에 없는지 궁금합니다!