월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
왜 비디오가 이미지보다 늦게 요청되는 걸까요?
네트워크 탭으로 분석했을 때 비디오 리소스가 팬딩상태였다가 이미지 로드 완료 후 요청되는데 왜 항상 비디오가 이미지보다 늦게 요청되는 걸까요? 리소스 타입에 따른 브라우저 네트워크 상의 우선순위같은 것이 있는지 궁금합니다!
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
intersectionObserver options에 대해서 여쭤볼께있습니다!
안녕하세요! 강의 너무나 잘보고있습니다!^^ 이미지 lazy 로딩부분을 보고 궁금한게 생겨서 문의드립니다! 강의에서는 interserctionObserver에 options이 설정되어있지 않은데 root정도는 설정 되어야 성능상 이롭다라는 말도 있던데 정말 그런지 강사님의 의견이 어떤지 궁금합니다.!!
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
useRef로 dom을 선택한 부분이 img태그가 아닌 최상단 div태그인 이유가 궁금합니다.
안녕하세요! 강사님 질문드립니다.useRef로 img의 dom을 선택하는데 ref를 img태그(19번)가 아닌상단의 div태그(18번)의 ref를 걸으신 이유가 따로 있는걸까요? 아니면 둘다 똑같은건가요? 저는 당연히 img태그의 ref를 걸어야한다고 생각했어서 질문드려요! (19번라인) 앗 죄송해요 22분 22초경에 img태그로 ref위치 수정하시네요!!.. 답변안해주셔도될것같습니다~ 좋은강의 만들어주셔서 감사합니다
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
맨마지막~
31분 52초 화면만 보고 질문 드립니다 :) photos를 외부로 옮긴 다음 PhotoList의 프롭으로 photos를 넘기게 되면 PhotoList 입장에서는 프롭이 변경된것이라고 판단 되어서 리렌더링이 될 것이라고 생각했는데 PhotoListContainer자체가 photos의 필터 연산을 외부로 옮기는 방식으로 리렌더를 하지 않기 때문에 자식 컴포넌트 자체도 리렌더링이 안되는 것이 되는 건가요?
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
내용 요약해서 개인 블로그에 올려도 될까요?
내용을 정리해놓고 보고싶은데 혹시 1,2 강의 요약해서 블로그로 작성해도 될까요? 강의 내용을 요약했다고 명시하겠습니다.
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
Items 페이지 내 이미지 깨지는 오류
동균님 안녕하세요. 좋은 강의 공유해주셔서 감사합니다 :) 지금 페이지를 로컬에서 띄워보면서 페이지 분석을 하고 있는데요, Items 페이지의 보드들의 이미지가 깨져서 보입니다. 또한 보드 클릭시 이동하는 링크도 현재 존재하지 않아 리다이렉트되는 것 같습니다. Network탭을 확인해보니 이미지 파일에 대한 Response 가 500 으로 오고 있습니다. land-mfg.com 의 대대적인 홈페이지 개편이 있었던 걸까요..? 참고목적으로 스크린샷 공유드립니다 :)
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
3-2) 서비스 탐색 및 코드 분석 내 소스코드 링크 오류
안녕하세요! 좋은 강의 공유해주셔서 감사합니다. Part1 에 이어 Part2도 즐겁게 수강하고 있습니다 :) 다름이 아니라 3-2) 서비스탐색 및 코드 분석 강의 하단에 있는 소스코드의 링크가 문구와는 다르게 lecture-4 를 가리키고 있습니다. lecture-3로 변경이 필요할 것 같습니다. clone하고 나서 순간 좀 당황했네요 ㅎㅎ..
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
lazy load 의 layout shift에 대하여
이강의에서는 이전강의에서 layout shift 에 대한 처리를 해서 현재는 발생하지 않고있지만, 보통이라면 lazy loading 을 할때 layout shift 가 반드시 따라올것같은데 image lazy loading시에는 선작업으로 무조건 layout shift를 없애주어야하는것일까요?
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
질문이있습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 먼저 좋은 강의감사합니다. 질문이있습니다. 보여주신 예제는 전부 동일한 이미지일때인데 각 이미지마다 사이즈가 다른 갤러리에서는 어떻게 적용하면 좋을까요 ? 예를들어 이런 사이트의 형식입니다. https://www.pinterest.com/seanbiehle/finterest/
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
버전 충돌 질문
위와 같은 에러는 어떻게 처리하면 될까요 ?
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
google 첫 페이지에서 사용하는 페이지
강의와 관련없지만 , 구글창키면 처음 나오는 페이지입니다! 웹팩 관련한 페이지 같은데 혹시 어떻게 설정하신건가요 ?! 추가로 private로 설정하면 AWS S3에서 올라간 이미지들을 불러올 때 캐싱이 적용이 안되는건가요 ? 내 브라우저 기준이 어떤건지 잘 모르겠습니다.
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
백엔드에서 캐싱 코드를 헤더에 넣었지만 불안정합니다.
강사님, 안녕하세요? 현재 백엔드에 캐시 코드를 추가한 상황인데, 3개의 mp3 파일을 받을 때 다음과 같이 네트워크 탭에서 다양하게 기록됩니다. 백엔드에 캐시 코드를 적용했는데, Response Headers에 Cache-Control이 안나옵니다. 두가지가 궁금합니다. 1. 6번 반복적으로 로드하면서, 계속 URL 콜을 하는건지와 2. 3개의 mp3 파일을 받는데, 첫 파일은 282B->0B, 두번째 파일은 disk cache, 세번째 파일은 282B->282B로 6번 진행됩니다. 저는 백엔드의 캐싱이 제대로 적용이 안되었다고 판단되는데, 추가적으로 리액트 프론트엔드(캐시 관련 코드 없음)에 대한 작업이 필요한지 문의드립니다.
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
1개의 동영상을 다운로드 받는데 네트워크 탭에서 여러번 받는지, 궁금합니다.
안녕하세요? 강의 재미있게 보고 있는 중에 네트워크 탭에서 같은 동영상 리소스를 계속 받는 여러 탭이 있어서 여쭙니다. 1개의 동영상을 다운로드 받는데 네트워크 탭에서 여러번 받는지, 궁금합니다.
- 해결됨프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
프론트엔드 쪽 cache-control
안녕하세요. fetch나 axios 에서 요청을 보낼 때, cache-control 설정해서 요청하는거랑 서버에서 설정해서 보내주는거랑 무슨 차이인가요?
- 미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
안녕하세요. 강의 잘 듣고 있습니다. 3-8 강의가 57분으로 구성되어 있는데, 중간에 검은화면이 길게 나옵니다.
확인해 보시면 좋을것 같습니다 :)