inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

강사님 안녕하세요! 최적화 강의 1,2 잘 듣고 있습니다 :) 3-4) 이미지 사이즈 최적화 강의에서 강의에서 설명하신 방식대로 진행했는데, 제 경우는 다른 결과가 나와서 질문 드립니다. 강사님이 작성하신 코드대로 webp 형식을 지원하는 브라우저이면 source 태그를 통해 로드하고 그렇지 않으면 jpg 형식으로 로드하도록 코드를 그대로 작성했습니다. <picture> <source data-srcset={props.webp + "s"} type="image/webp" /> <img data-src={props.image} ref={imgRef} /> </picture> 그러나 고의적으로 data-srcset 에서 에러를 발생시켰을 때, img 태그에 해당하는 jpg 형식의 이미지가 로드되지 않고, 이미지 엑박이 나옵니다. 저와 동일한 질문을 봤는데 jpg 형식 이미지가 담긴 img 태그는 실제로 화면에 잘 나오는 것을 확인했습니다. webp 형식과 Jpg 형식 이미지 모두 지연 로딩을 적용해서 이러한 에러가 발생하는건가요?

  • react
  • chrome-devtools
 키키 댓글 2 좋아요 0 조회수 348

shape 함수 문의

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

shape도 함수인데, 이것은 왜 df.shape()를 안붙이는 것인가요? 모든 함수에 () 소괄호 붙이는 것은 아닌가요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
wsyang 댓글 2 좋아요 0 조회수 115

결측치 문의

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

예제 데이터 프레임에서 결측치를 np.nan으로 적어주셨는데, 결측치를 무조건 이렇게 사용해야 하는건가요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
wsyang 댓글 2 좋아요 0 조회수 112

7-30 질문합니당!!!

해결됨

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

제가 유저들끼리 커뮤니티 만들고자 하는데 이때부터 강의 보면 될까요? 여러가지 다 보고있는데 어디서부터 딱 봐야할지 모르겠습니다.! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • react
  • python
  • django
  • web-api
  • htmx
haru2175 댓글 1 좋아요 0 조회수 87

Socket의 Disconnect 해주는 부분에 대해 궁금합니다.

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

강의들이나 블로그를 보아도 소켓의 연결을 유지해주는 경우는 Receive 부분이나 Send 부분에서 ByteTransferred <= 0 이거나 SocketError != SocketError.Success가 아닐 경우에 Disconnect를 하게 되어있는데 온라인 서버에서는 원래 이렇게 구성을 해주는건가요? 이 경우엔 계속 패킷을 보내고 받지 않으면 연결이 끊기는거같아서 ..

  • C#
  • unity
  • 네트워크
choh3722 댓글 2 좋아요 0 조회수 143

df2 replace 문의

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

df2['D'].replace(" ", "") 하는 것과 df2['D'].str.replace(" ", "") 하는 것이 어떤 차이가 있는것인가요? str 붙이지 않았을 때는 공백 제거가 안되는데 어떤 차이가 있길래 두 함수 출력 값이 다른 것인가요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
wsyang 댓글 2 좋아요 0 조회수 83

v15 업데이트 이후, 하이드레이션 오류 발생

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요. v15로 업데이트를 했는데 하이드레이션 오류가 발생하기 시작했습니다. /book/1 페이지에서 vscode 저장으로 Next.js가 재실행이 되면은 오류가 발생하는데요. 하이드레이션 과정에서 서버와 클라이언트의 HTML이 일치하지 않아 클라이언트에서 재생성이 된다는 오류가 발생하고 있습니다. 그래서 속도 저하가 굉장히 심해진 상태입니다. https://nextjs.org/docs/messages/react-hydration-error 이 곳에서 오류가 발생하는 원인과 해결법을 말해주고는 있는데, 지금 저한테만 발생하는 현상인건지 좀 궁금합니다.

  • react
  • typescript
  • next.js
mins 댓글 2 좋아요 0 조회수 492

Send처럼 동시다발적으로 Recv가 발생할 경우 생기는 문제점에 대해 궁금합니다

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

Session#2 내용까지 보고 질문드립니다. Send 요청이 동시 다발적으로 발생할 경우 send 순서, 처리가 완료 되기 전 buffer를 건드리는 문제, sendAysnc의 동시다발적 발생으로 인한 부하 문제로 Queue를 사용하여 처리를 한다고 이해를 하였습니다 이런 경우를 Receive 쪽에서도 생각해볼 때 한 클라이언트에서 동시 다발적으로 send를 보낸다면 어쨌든 OnCompleteReceive릉 통해 처리될 것이고 그럼 그 요청만큼 다시 RegisterReceive가 실행이 될 것이라고 생각하고 있습니다. 그렇다면 또 그 요청만큼 recvAysnc가 실행될 것으로 예상되는데 이때는 sendAysnc가 동시 다발적으로 실행되는 것과 같이 생기는 부하 문제, 혹은 야기되는 다른 문제점은 없을까요? 아니면 비동기로 받아주는게 많은 만큼 recv가 쉬워진다던가..

  • C#
  • unity
  • 네트워크
동혁 댓글 2 좋아요 0 조회수 334

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

<Row title="Netflix ORIGINALS" id="NO" fetchUrl={requests.fetchNetflixOriginals} isLargeRow > </Row> <Row title="Trending Now" id="NO" fetchUrl={requests.fetchTrending} > </Row> return ( <section className="row"> <h2>{title}</h2> <div className="slider"> <div className="slider__arrow-left"> <span className="arrow" onClick={() => { document.getElementById(id).scrollLeft -= window.innerWidth - 80 }}>{"<"}</span> </div> <div id={id} className="row__posters"> {movies.map((movie) => ( <img key={movie.id} className ={`row__poster ${isLargeRow && "row__posterLarge"}`} src={`https://image.tmdb.org/t/p/original/${isLargeRow ? movie.poster_path : movie.backdrop_path}`} alt={movie.name} > </img> ))} </div> <div className="slider__arrow-right"> <span className="arrow" onClick={() => { document.getElementById(id).scrollLeft += window.innerWidth - 80 }}>{">"}</span> </div> </div> </section> ) 넷플릭스 오리지널에서는 슬라이드가 제대로 동작합니다. 그런데 아래 row들의 화살표를 클릭했을때 넷플릭스 오리지널 포스터의 슬라이드가 동작하는데 이유를 모르겠습니다.

  • react
  • redux
  • tdd
  • typescript
  • next.js
  • 소프트웨어-테스트
samkookji12 댓글 1 좋아요 0 조회수 210

렌더 프롭 관련하여 질문드립니다

미해결

[React 2부] 고급 주제와 훅

컨텍스르를 설계하실 때 const Consumer = ({childeren } => <>{children(emiiter.get())}</>) 설명하시면서 렌더프롭이라고 설명하셨습니다. 그 이후 Count 설계하실 때 {(value) => <div>{value.count}</div>} 라고 적으셨는데 렌드 프롭에 대한 설명이 없으셔서 정확히 어떻게 렌더링되는지 궁금합니다!! 정확한 원리를 자세히 모르겠습니다

  • react
  • React-Context
  • react-hooks
  • react-router
  • react-component
ccccssung 댓글 2 좋아요 0 조회수 219

URP 프로젝트

해결됨

두고두고 써먹는 유니티 VR

동일한 버전으로 진행하였으나 3d sample scene (URP) 밖에 안 떠서 이거로 프로젝트를 생성했는데, 다음 사진처럼 화면이 뜹니다! 이대로 진행해도 무방할까요? 그리고 핑크색처럼 뜨는 이유가 뭘까요?

  • unity
  • VR/AR
  • 유니티-vr
오늘도파이썬 댓글 2 좋아요 0 조회수 236

DFS 순서 질문드립니다.

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

1 2 3 1 2 가 출력된 이후 1 3이 선택되는 이유가 이해가 안되어 질문드립니다. ㅠㅠ 1 2 출력 이후 else: 구문의 어느 단계로 가는 건가요..? 그리고 그때 v 값은 얼마인지도 잘 모르겠습니다.

  • python
  • 코딩-테스트
오이오 댓글 2 좋아요 0 조회수 148

다익스트라와 벨만-포드 차이에서

미해결

Do it! 알고리즘 코딩테스트 with Python

안녕하세요. 다익스트라는 에지의 가중치가 양수일때 출발노드에서 전체 각 노드까지의 최단거리, 벨만-포드는 특정 출발노드에서 다른 노드까지의 최단 경로 탐색, 음수 가중치가 있어도 수행 가능 이렇게 되어있는데, 벨만-포드에서 에지 사용 횟수를 강조하는 이유가 다익스트라는 출발 노드가 정해져있고, 벨만-포드는주어진 출발노드가 달라질수 있어서라고 생각하면 될까요..? 처음엔 가중치 양수, 음수만의 차이만 인줄 알았는데, 뭔가 강조하시는걸 보니 저런 이유때문인가하고 질문해봅니다..! 다들 화이팅

  • python
  • 코딩-테스트
  • 알고리즘
  • 다익스트라
  • 벨만-포드
2885_ 댓글 2 좋아요 0 조회수 351

left, right를 사용한 풀이법에 대한 질문입니다

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

n,m=map(int,input().split()) weight=list(map(int, input().split())) left=0 right=(n-1) cnt=0 weight.sort() while left<=right: weight_sum=weight[left]+weight[right] if weight_sum>m: cnt+=1 right-=1 else: cnt+=1 left+=1 right-=1 print(cnt) 안녕하세요 선생님, 이렇게 left, right 포인터를 이용해서 풀어도 예제 문제는 모두 정답이 나오는데 혹시 이렇게 푸는 풀이도 답으로 가능할까요?

  • python
  • 코딩-테스트
댓글 1 좋아요 0 조회수 106

소환 위치

해결됨

[Unity6] 유니티6로 배우는 실전 멀티플레이 디펜스

안녕하세요 선생님 혹시 나중에 한 자리에 같은 속성끼리 3마리 씩 소환예정인가요?? 아니면 한자리에 한마리만 스폰가능하나요

  • C#
  • unity
  • 게임기획
  • multiplayer
  • game-programming
anhyeokjun 댓글 2 좋아요 0 조회수 226

에디터 버전을 영상과 똑같이 사용해도 3D(URP)가 안뜹니다.

해결됨

두고두고 써먹는 유니티 VR

에디터 버전은 2021.2.13f을 사용중이고 프로젝트 생성하고 난 뒤 3D(urp)가 안뜹니다. 뭔갈 잘못된 걸까요? 아니면 다른 코어를 사용해도 괜찮을까요?

  • unity
  • VR/AR
  • 유니티-vr
hwan9646 댓글 2 좋아요 0 조회수 295

혹시 Next.js의 핸드북 사이트는 없을까요??

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요! 지금까지 강의 너무 잘 들었습니다. React와 TypeScript 강의를 듣고 복습겸으로 제공해주신 핸드북 사이트까지 참고하면서 공부하고 있습니다! 혹시나 Next.js의 핸드북 사이트를 제가 못 찾은건지 아니면 없다면 만드실 계획은 없으신지 궁금해서 질문 올려봅니다. 좋은 강의 만들어주셔서 감사합니다.

  • react
  • typescript
  • next.js
Aurora 댓글 2 좋아요 1 조회수 280

백준 문제풀이 팁

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

안녕하세요 강사님! 백준은 코드를 제출하고 틀렸을시에 어떤 테스트케이스에서 틀렸는지 알려주지 않는데요, 이럴때 틀린 부분을 고칠 방도가 전혀 생각나지 않는 경우가 많이 있습니다. 어떤 테스트케이스가 틀렸는지 잘 알아낼 수 있는 방법 있을까요?

  • python
  • 코딩-테스트
  • 알고리즘
TAESUN 댓글 1 좋아요 1 조회수 443

Cannot read properties of undefined (reading 'props')

미해결

[React 1부] 만들고 비교하며 학습하는 React

수업 영상대로 따라갔을때 props가 undefined로 나오는데 별도의 설정이 필요할까요? SearchForm에서 다음 코드를 추가했을때도 동일하게 안되네요 constructor(props) { super(props); ... }

  • react
  • mvc
박호정 댓글 2 좋아요 0 조회수 317

02-07 별아이템을 bool[] 로 한 이유가 궁금해요.

해결됨

[유니티6] 따라하면서 배우는 실전 게임 제작 2D Platformer

star 아이템을 획득했을 경우, 단 하나의 아이템이라면 star를 획득했는지 여부로, 무언가를 할 지 여부를 결정할 수 있을 것 같은데... bool 값을 배열형태로 갖고 있어서 어떤 방식으로 이것을 활용할 건지 저는 상상이 잘 안되요. 그래서 강사님께서 의도하신 용도를 알고 싶어요.

  • C#
  • unity
idim7 댓글 1 좋아요 0 조회수 185

인기 태그

인프런 TOP Writers

주간 인기글