inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

React.memo 관련 질문이 있습니다.

해결됨

실전 리액트 프로그래밍

React.memo 가 props 비교를 통해 리렌더링을 막아줄 수 있는 유용한 기능이라는 것을 알게되었는데요, 그렇다면 리액트에서는 왜 React.memo 적용을 모든 컴포넌트에 default로 제공하지 않는지 궁금합니다. 제가 구글링을 해본 결과 2년 전에 Dan Abramov가 트위터에 이런 글을 올렸더라구요.. ``` Ask yourself: Why don’t you put Lodash memoize() around every function? Wouldn’t that make all functions faster? Do we need a benchmark for this? Why not? ``` 저는 React.memo가 특정 컴포넌트의 이전 상태의 props를 기억하고 있다가 새로 렌더되어야할 상황에 전달된 props와의 비교를 통해 선택적으로 렌더링을 결정하는것이라고 생각했는데, 저 트위터를 보면 마치 React.memo가 컴포넌트 전체를 메모리 어딘가에 기억해야하고 이 작업이 오히려 성능에 악영향을 줄 수 있다는 뉘앙스로 들렸습니다. 횡설수설 서론이 길어진 것 같아서 죄송합니다. React.memo를 왜 모든 컴포넌트에 적용하면 안좋은지 궁금합니다!

  • redux
  • react
jotace 댓글 1 좋아요 0 조회수 394

배포에서 에러가 발생합니다.

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

강의에 나오는 모든 과정을 따라하고 나니, travis ci 는 성공하였는데 elastic beanstalk 에서 다음과 같은 에러가 나오면서 주소로 들어가보면 502 상태입니다. Environment health has transitioned from Info to Severe. ELB processes are not healthy on all instances. Application update completed 65 seconds ago and took 4 minutes. ELB health is failing or not available for all instances. 그래서 올려주신 코드와의 차이를 보니, 지금까지 만든 docker-compose.yml 파일이 강사님의 코드에는 docker-compose-dev.yml이 되어있고, docker-compose.yml 에는 다음과 같은 코드가 들어가있네요. version : " 3 " services : react : build : context : . dockerfile : Dockerfile ports : - ' 80:80 ' volumes : - /usr/src/app/node_modules - ./:/usr/src/app stdin_open : true 여태까지 만든건 개발용인거 같은데 둘중 어떤걸 사용하는게 맞는건가요? 그리고 docker-compose.yml은 docker-compose up으로 실행이 가능했는데, docker-compose-dev.yml은 어떻게 실행하나요?

  • aws
  • docker
  • github
  • travis-ci
  • cicd
  • 데이터 엔지니어링
nu 댓글 2 좋아요 0 조회수 694

슬랙 초대 부탁드립니다!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

casthebinz@gmail.com 초대 부탁드립니다 !

  • github
  • 버전관리시스템
  • git
Utna 댓글 1 좋아요 1 조회수 185

제로초님! Worksapce/channel 에서 새로고침 시, data가 undefined가 되는 문제 질문드립니다~!

미해결

Slack 클론 코딩[실시간 채팅 with React]

안녕하세요 제로초님! 그라바타 적용하다가 data.email 이 새로고침 시에 오류가 나서 질문 드립니다.!!! 먼저, 오류나 경고 메시지들 보고 라우터 문제인가 싶어서 (라우터 v6 사용 중입니다. ) 라우터 관련해서만 구글링 하다가, data.email가 아닌 data만 사용하면 새로고침 시에도 문제 없다는 걸 알았는데요.. data를 콘솔로 찍어보니 두번 출력이 되면서, 첫번째는 undefined로 나오고 두번째는 정상으로 나오는데data가 undefinde일 때 랜더링이 되서 그런 건가?? 하는 생각이 들긴했는데 이게 왜 저렇게 되는 건지 navigate로 페이지 이동되면서 저렇게 되는 건지 data가 언디파인드 인데도 login으로 페이지도 안넘어가는 상황입니다 에러 원인에 대한 판단이 잘 안서서 해결을 못하고 있습니다ㅠㅠ 혹시 해결 방향을 잡아주실 수 있을까요??? < 컴포넌트에서 data.email이 사용될 때 새로고침 > < data만 사용할 때 새로고침 > 제 코드 입니다! import axios from "axios" ; import React , { FC , useCallback , useEffect } from "react" ; import { useNavigate } from "react-router" ; import useSWR from "swr" ; import fetcher from "@src/utils/fetcher" ; import { Channels , Chats , Header , MenuScroll , ProfileImg , RightMenu , WorkspaceName , Workspaces , WorkspaceWrapper , } from "./style" ; import gravatar from "gravatar" ; const Workspace : FC = ({ children }) => { const { data , error , mutate } = useSWR ( "http://localhost:3095/api/users" , fetcher , { dedupingInterval : 100000 , loadingTimeout : 900000 , } ); const onLogout = useCallback (() => { axios . post ( "http://localhost:3095/api/users/logout" , null , { withCredentials : true , }) . then (() => mutate ( false , false )); }, []); const navigate = useNavigate (); if ( ! data || data === undefined ) { navigate ( "/login" ); } console . log ( "@@@data" , data ); return ( <> < Header > < RightMenu > < span > { /* <ProfileImg src={gravatar.url(data, { s: "28px", d: "retro" })} alt={data} ></ProfileImg> */ } </ span > </ RightMenu > </ Header > < button onClick ={ onLogout } > 로그아웃 </ button > < WorkspaceWrapper > < Workspaces > test </ Workspaces > < Channels > < WorkspaceName > Clone </ WorkspaceName > < MenuScroll > MenuScroll </ MenuScroll > </ Channels > < Chats > Chats </ Chats > </ WorkspaceWrapper > { children } </> ); }; export default Workspace ;

  • Socket.io
  • typescript
  • react
  • 웹팩
  • babel
  • 클론코딩
댓글 1 좋아요 0 조회수 263

슬랙 초대 부탁드려요!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

bethejs30@gmail.com 초대 부탁드려요!!!

  • github
  • git
  • 버전관리시스템
js be 댓글 1 좋아요 1 조회수 226

강사님 질문이 있습니다~!!

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

이진석 강사님 안녕하세요~! 다름이 아니라, 강의를 들으면서 등장하는 예제 코드들을 학습을 위해서 github에 올리면서 정리하고 싶습니다. 그런데 강사님 저작권에 위반이 되지는 않을까 해서 스터디한 예제 코드들을 github에 게시하는 것이 괜찮을지 여쭤보고 싶습니다...! 늘 질문에 대해 유익한 답변들을 주셔서 감사 드립니다. 그럼 감사합니다.

  • github
  • docker
  • 예제코드
  • python
  • django
  • react
  • django
ceng99 댓글 1 좋아요 0 조회수 230

슬랙초대 부탁드립니다!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

깃을 잘 다뤄보고싶습니다!! dumi3345@gmail.com 초대해주시면 감사하겠습니다ㅎㅎ

  • git
  • 버전관리시스템
  • github
rumi du 댓글 1 좋아요 1 조회수 224

댓글작성 도중 해결안되는 에러가 있어 여쭤봅니다...

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

댓글 등록하고 버튼 눌렀을때 User 값이 안들어오는 것처럼 에러가 뜨는데 그 상태에서 바로 새로고침하면 값이 들어가있네요 분명 통신과정에서 올바르게 include한 전체 값을 들고오는게 맞는데 뭐가 문제인걸까요....?

  • redux
  • nodejs
  • react
  • express
  • Next.js
휴고 강 댓글 1 좋아요 0 조회수 259

더보기 버튼 클릭 시 경고메세지가 나옵니다.

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

안녕하세요? 더보기 버튼을 클릭하면 아래쪽으로 20개씩 영화 리스트가 쭉 뻗어나가는 기능은 정상적으로 작동합니다. 그런데 더보기를 누를 때마다 저런 경고메세지가 나옵니다. 다른분들 글을 보고 참고해서 MainMovieImage에 초기값으로 null을 넣어주었고, 선생님 코드와 비교해봐도 다른점이 없습니다. 그리고 저는 웹 페이지를 처음 로드했을 때는 아무런 에러가 없다가, loadMore 버튼만 누르면 이러는데..어떻게 해결해야 할까요 ㅠ

  • nodejs
  • 웹앱
  • mongodb
  • react
  • express
쩡이 댓글 2 좋아요 1 조회수 330

슬랙초대 부탁드립니다!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

ehs052577@gmail.com 초대부탁드려용~

  • git
  • github
  • 버전관리시스템
다랑어치킨 댓글 1 좋아요 1 조회수 187

saga에서 무한 api요청의 원인을 알 수 있을까요..?

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 제로초님 완강 후 덕분에 3군데에서 면접을 보게되어서 복습겸해서 작게나마 오픈api 활용해 영화정보 보여주는 프로젝트를 진행중 입니다. redux 셋팅을 마치고 메인 페이지에서 아래처럼 dispatch를 하고있는데 여기는 사가입니다. 이렇게요.. 어느부분이 문제인지 찾기 위해 dispatch를 하지 않고 그냥 메인페이지에서 axios호출을 하면 정상작동을 합니다. effect 콘솔도 한번만 찍히구요.. 그렇게 4시간정도 찾아보면서 수정을하다가 그럼 결론은 saga의 문제구나를 깨닫긴했는데 도대체 어디가 문제인지 알 수가 없네용 강의 프로젝트가 아니긴 하지만 한번만 확인해 주실 수 있을까용?? 전체코드가 필요할 수 도 있을 것 같아서 깃헙주소도 남겨 놓겠습니다! 바쁘실테지만,, 미리 감사합니다! 취업후기도 꼭 남길게요😄 https://github.com/psw0962/movie-reviews

  • nodejs
  • express
  • react
  • redux
  • Next.js
댓글 1 좋아요 0 조회수 513

슬랙 초대 부탁드립니다!:)

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

좋은 강의 정말 감사합니다!! 슬랙 과제를 수행해보고 싶은데 초대를 부탁드려도 될까요?:) 이메일 : ye5nikim127@gmail.com

  • git
  • 버전관리시스템
  • github
ye5ni 댓글 1 좋아요 1 조회수 211

Postman 데이터 연동시 콘솔창 이슈

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

포스트맨을 이용하여 작성 후, 개발자 메뉴에서 콘솔을 봤을 때, 강사님께서 올려주신 것 처럼 Array(3) 아래 데이터가 나열되지 않고, 다음과 같이 하나의 텍스트?로만 표현이 됩니다. 진행중인 스크립트와 postmon도 이상 없이 따라하고 있었습니다. 혹시 해당 이슈에 대해서 팁이나 조언 부탁드립니다

  • postman
  • react
  • 머신러닝 배워볼래요?
  • javascript
  • json
  • react-native
  • express
  • react
  • HTML/CSS
  • tensorflow
  • nodejs
tm 댓글 1 좋아요 1 조회수 372

react-router-dom 문제....

미해결

Slack 클론 코딩[실시간 채팅 with React]

자꾸 이와 같은 에러 가뜹니다. react-router-dom에 Switch와 Redirect을 export없다고 합니다....

  • 클론코딩
  • react
  • typescript
  • 웹팩
  • babel
  • Socket.io
박창진 댓글 2 좋아요 1 조회수 784

깃헙 권한 요청드립니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

인프런 아이디 : hihopper@kakao.com 인프런 이메일 : hihopper@kakao.com 깃헙 아이디 : tlstjddls123@naver.com 깃헙 username : SungIn-Shin

  • 깃헙
  • 권한
  • es6
  • github
  • vuex
  • vuejs
  • javascript
hihopper 댓글 1 좋아요 1 조회수 220

ERR_TLS_CERT_ALTNAME_INVALID 문제

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

도움 주신 덕분에 페이지를 잘 관리하고 있었는데 어제부터 DNS문제가 발생하는것 같네요. 저는 Error [ERR_TLS_CERT_ALTNAME_INVALID]: Hostname/IP does not match certificate's altnames: Host: api.-----.com. is not in the cert's altnames: DNS:raa.----.com, DNS:www.raa.----.com 이라는 문제를 접하고 있는데요 제로초님 사이트를 들어가보니 갑자기 문제가 생기신거 같더라고요 혹시 같은 에러때문에 오류가 발생한 것인지 궁금해서 글 남겨 봅니다. https://www.zerocho.com/ Application error An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details . You can do this from the Heroku CLI with the command 저와 같은 문제라면 아마도 서버사이드 렌더링이 깨져서 생기는 문제일 것 같긴 합니다...만 백 사이드는 오류시 적어도 프론트가 보이도록 해결은 했는데 정작 원인인 does not match certificate's altnames은 해결을 못하고 있네요.. 혹시 짐작 가시는 점 있으실까요? 강의랑 큰 관련이 없어보이기도 해서 조심스레 질문 남겨봅니다.

  • react
  • nodejs
  • redux
  • express
  • Next.js
TSJAY 댓글 2 좋아요 0 조회수 1569

useState()조건

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

const [ editingId , setEditingId ] = useState ( null ); const [ hasNext , setHasNext ] = useState ( true ); useState()에 어떨때는 null 어떨때는 true가 들어가는데 어떤것을 기준으로 판단해야 하는것인지 궁금합니다.

  • rest-api
  • graphql
  • react
Ju 댓글 1 좋아요 0 조회수 210

저두 슬랙 초대 부탁드립니다 ^^

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

rkdalstjd224@gmail.com

  • git
  • 버전관리시스템
  • github
강민성 댓글 1 좋아요 1 조회수 174

query client를 clientRef.current에 저장하는 이유가 무엇인가요~?

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

new QueryClient () 위 객체를 useState의 setState()로 state에 저장할 수도 있는데 useRef를 써서 ref.current에 저장하는 이유가 따로 있는지 궁금합니다! useRef는 html tag의 reference를 참조할 때 쓰는 걸로 알고 있어서요 :)

  • rest-api
  • graphql
  • react
uoon lee 댓글 1 좋아요 0 조회수 397

(21.12.01기준)포스트맨 Send버튼을 눌러도 응답이 없는 경우

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Send버튼을 눌러도 아무 응답이 없는 경우 우측상단 저의 경우 "No Environment"로 되어있는 부분을 클릭하셔서 자신이 작성한 목업서버 이름을 클릭하시고 다시 Send를 누르시면 작성하신 응답 받을 수 있습니다.

  • HTML/CSS
  • 머신러닝 배워볼래요?
  • javascript
  • react
  • express
  • react-native
  • tensorflow
  • nodejs
sulbum yun 댓글 1 좋아요 10 조회수 538

인기 태그

인프런 TOP Writers

주간 인기글