inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

최적화하기 11분 50초

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

import React from "react"; import { useNavigate } from "react-router-dom"; import MyButton from "./MyButton"; const DiaryItem = ({ id, emotion, content, date }) => { const navigate = useNavigate(); const goDetail = () => { navigate(`/diary/${id}`); }; const goEdit = () => { navigate(`/edit/${id}`); }; const strDate = new Date(parseInt(date)).toLocaleDateString(); return ( <div className="DiaryItem"> <div onClick={goDetail} className={[ "emotion_img_wrapper", `emotion_img_wrapper_${emotion}`, ].join(" ")} > <img src={process.env.PUBLIC_URL + `assets/emotion${emotion}.png`} /> </div> <div className="info_wrapper" onClick={goDetail}> <div className="diary_date">{strDate}</div> <div className="diary_content_preview">{content.slice(0, 25)}</div> </div> <div className="btn_wrapper"> <MyButton text={"수정하기"} onClick={goEdit} /> </div> </div> ); }; export default React.memo(DiaryItem); // 왜 렌더링 계속 되지?ㅡㅡㅡㅡㅡ 안녕하세요 강사님! 최적화 하는 과정에서 DiaryItem 에 React.memo를 적용시켰는데도 렌더링이 계속됩니다ㅜ 혹시 useNavigate 부분 코드때문에 그럴까요? 구글링해보니까 '원인은 react-router가 V6로 업그레이드 되면서 URL이 변경 될 경우 useNavigate함수를 계속 재생성하도록 변경 되었다는것을 알게 되었습니다.' 이런 글을 읽어서요,, 답변부탁드립니다! 강의 잘 듣고 있습니다. 좋은 강의 감사합니다!

  • javascript
  • react
  • node.js
빙봉 댓글 2 좋아요 0 조회수 450

[3-I]1차원 배열을 썼다가 지웠다 하면 안되는 걸까요?

미해결

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 큰돌님 3-I 문제를 처음 접하고 나름 풀이를 했는데 잘못된 방향으로 간 것 같습니다. 저는 동시간에 갈 수 있는 모든 경우의 수를 visited와 vector인 vc에 저장했습니다. 하지만, 홀짝을 이용하진 못했고 visited와 벡터를 시간이 흐를 때 초기화해서 풀었습니다. 이렇게 풀었을 때 백준 질문 게시판의 반례들은 전부 통과되지만 실제 제출은 2%에서 "틀렸습니다"가 떴습니다.... 왜 틀린 걸까요? 그리고 제 접근처럼 배열과 벡터를 썼다가 지웠다를 반복하면 실행시간에 영향을 끼칠까요? 아래는 공유소스 링크입니다. http://boj.kr/a0eb20f66dc346558bd64e01a6ed9e96 감사합니다.

  • c++
  • 코딩-테스트
오찬솔 댓글 1 좋아요 0 조회수 484

수정하기로 들어가서 작성완료를 누르면 일기가 사라지는 현상

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 질문이 있는 데요 어플리케이션 툴에서는 이력은 그대로 남아 있는데 새로 일기 작성하고 수정화면에서 수정하고 작성완료 누 르면 UI적으로 일기가 사라지는 데 문제를 알고 싶습 니다. 그리고 빌드하고 배포시에 사진첨부처럼 터미널에 이렇 게 나오는 현상은 문제가 없는건지요? 답변 부탁드립니다. 긱에 올리는 중에 긱이 서툴러서 ignore파일과readme파일이 예전거와 충돌? 비슷한게 생긴것 같은데 양해 부탁드립니다. https://github.com/k-songs/Syal

  • javascript
  • react
  • node.js
Roy13 댓글 1 좋아요 0 조회수 407

String 2번 대소문자 변환

해결됨

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

제가 짠 코드인데 입력값 : Abdsg 을 입력하면 출력값 : aBDSG 앞에 공백이 생겨 출력이 됩니다. 어떤 부분이 잘못된건지 모르겠어서 질문드립니다.

  • java
  • 코딩-테스트
opix0306 댓글 1 좋아요 0 조회수 460

객체 생성시기 질문

미해결

스프링 핵심 원리 - 기본편

[질문 내용] return new MemberServiceImpl(new MemoryMemberRepository()); 에서, 강의자료에서는 MemoryMemberRepository()를 생성하고 MemberServiceImpl()를 생성하면서 전달 이라고 나와있는데, 강의에서는 반대로 설명하셔서, 두 객체 중 어느것이 먼저 생성되나요?

  • spring
  • 객체지향
donkey 댓글 1 좋아요 0 조회수 390

쿼리가 강의보다 더 나오고 있습니다.

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

"/api/v2/simple-orders " 이 url로 호출했을 때, (1) order테이블에서 가져오는 쿼리 1번 => (2개의 데이터) (2) member 쿼리 1번 * 2 (3) delivery 쿼리 1번 * 2 해서 총 5번이 나오는 걸로 알고 있습니다. 근데 현재 로그에서 총 쿼리가 7번이 나가고 있습니다. 코드를 따라쳐보면서 했는데도 왜 다르게 나가는지 원인을 짐작하기가 힘듭니다. 현재 제 쿼리는 (1) order 테이블에서 가져오는 쿼리 1번 (2) member 쿼리 1번 (3) delivery 쿼리 1번 (4) delivery id 조건절로 order 찾는 쿼리 1번 (2)~(4)번 한 번 더 반복 이렇게 해서 총 7번 쿼리가 나가게 됩니다. 쿼리만 보고 어떤 부분때문에 더 나가게 됐는지 짐작할 수 있을까요? 엔티티 간의 연관관계 매핑은 강의를 보면서 했기 때문에 제가 중간에 놓쳤나 생각이 들기도 하네요ㅜ 원인을 짐작하기가 어렵습니다. select o1_0.order_id, o1_0.delivery_id, o1_0.member_id, o1_0.order_date, o1_0.status from orders o1_0 join member m1_0 on m1_0.member_id=o1_0.member_id fetch first ? rows only 2023-03-23T19:03:54.387+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select m1_0.member_id, m1_0.city, m1_0.street, m1_0.zipcode, m1_0.name from member m1_0 where m1_0.member_id=? 2023-03-23T19:03:54.390+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select d1_0.delivery_id, d1_0.city, d1_0.street, d1_0.zipcode, d1_0.status from delivery d1_0 where d1_0.delivery_id=? 2023-03-23T19:03:54.393+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select o1_0.order_id, o1_0.delivery_id, o1_0.member_id, o1_0.order_date, o1_0.status from orders o1_0 where o1_0.delivery_id=? 2023-03-23T19:03:54.395+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select m1_0.member_id, m1_0.city, m1_0.street, m1_0.zipcode, m1_0.name from member m1_0 where m1_0.member_id=? 2023-03-23T19:03:54.396+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select d1_0.delivery_id, d1_0.city, d1_0.street, d1_0.zipcode, d1_0.status from delivery d1_0 where d1_0.delivery_id=? 2023-03-23T19:03:54.397+09:00 DEBUG 56506 --- [nio-8080-exec-1] org.hibernate.SQL : select o1_0.order_id, o1_0.delivery_id, o1_0.member_id, o1_0.order_date, o1_0.status from orders o1_0 where o1_0.delivery_id=?

  • java
  • spring
  • spring-boot
  • jpa
감자 댓글 5 좋아요 9 조회수 1386

세션의 종료 시점 질문드립니다

미해결

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

유저가 뭔가 클릭했을때 세션의 종료시점을 연장시킨다고 설명을 해주셨는데요. 이때 발생되는 이벤트가 스크립트의 마우스 클릭 이벤트가 아니라 사이트의 버튼 ( 컨트롤러 매핑 ) 이벤트를 말하는건가요 ?

  • spring
  • mvc
나마스테 댓글 1 좋아요 0 조회수 485

while 문 풀이 도움이 필요해요!

미해결

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

안녕하세요 큰돌선생님 while 문으로 풀어보았는데요. 예제는 다 맞다고 나오는데, 어디가 잘못된건지 모르겠습니다. (아무지역도 잠기지 않는다는 부분도 체크해 보았구요.) 도움이 필요합니다! http://boj.kr/c39b87b807ba44f883924a3eb75c9469

  • c++
  • 코딩-테스트
Giyong Gim 댓글 1 좋아요 0 조회수 374

REST API 프로젝트에서도 HttpSession 으로 많이 구현하나요?

미해결

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 안녕하세요. 스프링 MVC 프로젝트 말고도 REST API 에서도 JWT말고도 HttpSession 으로도 많이 구현하나요?

  • spring
  • mvc
조재연 댓글 1 좋아요 0 조회수 749

수업노트 작성한 것을 깃허브에 올려도 될까요??

미해결

CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조

강의내용을 정리하면서 수업을 듣고 있습니다. 처음 듣는 단어들을 큰돌님의 강의로만 이해하다 보니 큰돌님의 교안이랑 유사한 부분이 많은 것 같습니다. 유사한 부분이 많은 노트를 함부로 올리면 안될것같아 미리 여쭤봅니다.

댓글 1 좋아요 0 조회수 504

테스트 코드 질문입니다

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

@AfterEach를 주석처리해서 @Test가 끝날 때 마다 초기화를 안하도록 코드를 바꾸고 20번 가량 테스트를 돌려봤는데요 왜 실패할 때가 없는 건가요 ?? 영한님 말대로 save() 메서드가 먼저 호출되고 findAll 메서드가 호출되면 result.size()는 3이 되기 때문에 실패하는 테스트 케이스가 있어야하지 않나요 ?

  • spring
  • mvc
댓글 1 좋아요 0 조회수 337

Sprite Image vs UI Image

미해결

[실전 게임 코드 리뷰] 유니티 클리커 게임

크기가 100x200 , 200x150 이렇게 사각형 크기로 정해진 게 아니라, 이렇게 픽셀 부분만 정해져 있다면 전체 사각형 크기인 270x410이 아니라, 픽셀 부분만 선택되도록 하이라이트 효과 및 버튼 기능을 넣고 싶은데 ( 위 이미지를 클릭하면 도서관 UI 팝업이 뜨는 식으로요 ) Q 1- 이건 어떻게 구현하면 될까요? 또한, 이건 Sprite로 만들 수 밖에 없을 것 같은데 UI Image로도 처리가 가능한가요? ======================================================== 개미키우기 관련 강의 정리 내용으로는, UI Image 이용 : 캔버스안에 자동으로 들어감, UI 프레임워크 사용 가능 ( 유니티 엔진 UI 및 현재 프로젝트에서 사용되는 UI 관련 코드들, UIManager ) Sprite Image 이용 : SpriteRenderer 기반, 카메라가 찍어야 함, 직접 UI관련 처리 필요 이렇게만 봤을 때는 무조건 UI Image 사용하는게 이득일 것 같아서, 모든 이미지를 UI Image로 처리해서 편하게 사용 중인데, Sprite vs UI 관련해서 성능/ 최적화 관련 내용들만 정리되어 있는데, rookiss님 말씀대로 제가 제작하고 있는 소규모 게임에서 성능 관련 내용은 나중 우선순위라, 성능 말고 다른 차이점이 있는지 궁금합니다. 명확히 Pros & Cons 를 다룬 글을 못 찾아서요.. Q 2- Sprite를 사용했을 때의 이점이 있나요? Q 3- Sprite로만 만들어도 상관없나요? 이 경우 이점이 뭔가요? Q 4- UI Image로만 만들었을 경우의 단점은 없나요? Q 5 - UI Image만 사용하다가 Sprite이미지를 중간중간 사용해도 되나요? 이렇게 섞어 쓸 경우 소팅 오더가 발생할 것 같아서 UI 이미지로만 사용중이었습니다. ( 개미 키우기와 비슷한 방식으로 구조를 짠 상태입니다. )

  • unity
Rev 댓글 1 좋아요 0 조회수 946

build가 되지 않습니다!!

미해결

설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)

실습 중 ./build를 실행하면 아래와 같이 뜨면서 실행이 되지 않습니다.. vi로 script를 수정하는것은 문제없이 진행이 되는데 build는 이런 식으로 뜨는데 혹시 뭐가 잘못된걸까요?

  • verilog-hdl
  • fpga
  • 임베디드
이민호 댓글 1 좋아요 1 조회수 461

docker mysql dbeaver utf-8 error

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

docker로 mysql server를 띄우고 product_category table 에서 전자제품, uuid 를 등록하고 save를 누르면 한글을 인식할 수 없다는 에러가 납니다. 해결방법이 궁금합니다. ERROR [ExceptionsHandler] Incorrect string value: '\xEC\xA3\xBC\xEC\x86\x8C' for column 'address' at row 1

  • javascript
  • node.js
  • express
  • docker
  • tdd
  • rest-api
  • nestjs
댕청토마토 댓글 1 좋아요 0 조회수 579

강의와 자격증

해결됨

태블로를 향한 첫 걸음

선생님 안녕하세요! 오늘 첫 강의 수강하고 왔는데 이 강의와 함께 자격증을 같이 준비하고 싶은데,, 강의 들으면서 더 공부 해야 할 것들이 있으면 추천 부탁드립니다 !!

  • tableau
kd03100 댓글 1 좋아요 2 조회수 515

Java 코드로 307 Redirect로 본문 유지 하는 방법?

해결됨

모든 개발자를 위한 HTTP 웹 기본 지식

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 저는 평소에 클라이언트에서 받은 요청 내용을 기억해서 (예를 들어 체크박스 표시한 list와 함께 다음페이지로 이동) 다른 URL에서 처리하기 위해 Forward를 사용한 경험이 있고, 요청 내용을 기억하나 못하나로 Redirect와의 차이라고 생각했습니다. 근데 이 강의를 통해 307 요청 내용을 기억하는 방법도 있다는 것을 보고, 흥미를 가져 http 응답의 start-line을 임의로 변경해서 바디를 유지해보고 싶단 생각이 들었지만, 일반적으로 redirect 시 302 코드만 보였고 307로 임의로 바꾸는 방법은 제 지식의 한계상 검색 범위가 좁아서 안나오더군요... 물론 당연히 실무에 필요한 방법은 아니겠지만! 서버에서 HTTP 메소드인 GET POST 등 지정할 수 있듯이 HTTP의 상태코드를 지정할 수 있나 궁금해서 물어봅니다!

  • 네트워크
  • http메서드
  • redirect
  • forward
김동현 댓글 1 좋아요 2 조회수 1186

War 파일 Intellij Import

해결됨

[NarP Series] MVC 프레임워크는 내 손에 [나프1탄]

war 파일을 Intellij에 import 해 다시 배포하고 싶은데 어떻게 해야 하나요? 그리고 war 파일을 import하면 다시 수정 후 배포가 가능한가요?

  • jsp
  • mysql
  • mvc
  • ajax
  • pojo
  • war
심야 댓글 1 좋아요 0 조회수 6063

section1 막힘

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

main 런 하라는데 옆에 세모가 안떠요.... 다른 질문글 보고 File - Settings 에서 Java17로 세팅도 다 했는데 여기만 아무것도 안떠요. Add new 눌러봐도 말씀하시는 항목이 없어요ㅠ shift 빠르게 2번 눌러서 All 되어있는지도 확인했고 Show excluded files도 ON 되어있는거 확인했습니다.

  • java
  • spring
  • mvc
  • spring-boot
heoyejin9178 댓글 2 좋아요 0 조회수 344

데이터 추출 반복이 안됩니다.

해결됨

[무료 MS RPA를 활용한 업무 자동화] Power Automate Desktop Basic

안녕하세요 답신에 따라 키보내기는 잘 됩니다. 다름이 아니라 데이터추출시 반복이 안되는 문제가 발생이 되서요 1번은 반복이 되는데 두번째 검색 부터 오류가 발생을 해서요 하나가 되면 또 하나가 안되서 자꾸 번거롭게 하는것 같아 죄송합니다.

  • ms-office
  • power-automate
myappleface 댓글 1 좋아요 0 조회수 564

매칭되는 action이 없을 때 반환값이요

미해결

(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

강의에서는 매칭되는 action이 없을 때에도 새로운 객체를 반환하도록 작성 되어 있는데 action이 없으면 re-render를 할 필요가 없으니 기존 객체를 반환해야 하는 게 아닌가요? 새로운 객체를 반환하는 이유를 알고 싶습니다~

  • react
  • redux
  • web-api
whomi 댓글 1 좋아요 0 조회수 407

인기 태그

인프런 TOP Writers

주간 인기글