inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

구현한 실습 브라우저 확인이 안되네요.

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

저만 이런걸 수 있지만... 결과 화면 보려고 링크 썼더니 이렇게 나옵니다. 10장( https://browser.engineering/widgets/lab10-browser.html )은 잘 출력되는 것 같은데... 11장[ 링크 ], 12장[ 링크 ]은 아래 그림처럼 나오네요. 혹시 제가 잘못한 점이 있는지, 있다면 어떤 부분을 수정해야 하는지 알려주세요! 다른 링크가 있다면 같이 안내해주시면 좋을 것 같습니다.

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
김구리 댓글 1 좋아요 0 조회수 92

해당 강의는 강의자료가 있나요?

해결됨

모든 웹 개발자가 봐야 할 단 한 장의 지도

해당 강의는 강의자료가 있나요?

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
  • 카카오공채-개발
nas0675 댓글 3 좋아요 0 조회수 201

클래스 vs 인라인 스타일 성능 질문

해결됨

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

안녕하세요. 좋은 강의 감사합니다! 26. 클래스와 스타일을 다루는 가장 강력한 방법 – classList, style, 그리고 리플로우까지 에서 인라인 스타일로 스타일을 바꾸면 리플로우/리페인트가 자주 발생할 수 있어 성능에도 안 좋을 수 있다고 설명하셨는데요. 예시로 들어주신 코드에서는 어차피 자바스크립트 엔진이 싱글 스레드라 클래스든 인라인 스타일이든 모두 반영된 후에, 리플로우/리페인트가 발생하기 때문에 성능적으로는 유의미한 차이가 없을 것 같은데요. 좀 더 구체적인 설명을 해주실 수 있을까요? ChatGPT 답변도 같이 첨부합니다. https://chatgpt.com/share/69181628-34d0-8007-8e81-02401c649370

  • HTML/CSS
  • javascript
  • react
  • dom
  • frontend
hans 댓글 2 좋아요 0 조회수 139

전자책 목차 오류

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

안녕하세요. 목차를 살펴보다가 이상한 점을 발견해서 문의합니다. (책 맨 앞의 목차가 아니라 "목차 메뉴"의 출력이 이상해서 문의합니다.) 저는 알라딘에서 전차잭으로 구매했는데 홈페이지 상세 페이지에서는 순서가 제대로 잘 나와있는 것 같은데... 제 전자책에서는 목차가 이상하게 출력됩니다. 챕터10 -> 파트4(300페이지) 챕터14~17까지 순서대로 나오다가 -> 챕터 11~13까지 나옵니다. 이건 해당 구매처로 문의해야 하는 걸까요?

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
김구리 댓글 2 좋아요 1 조회수 117

web api 에 대해 질문이 있습니다.

해결됨

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

자바스크립트는 싱글 스레드 언어라고 알고 있습니다. 자바스크립트 자체적으로 실행하지 못하고 Node나 브라우저에서 실행해야 되는데 브라우저에서 실행할 경우 선생님께서 가르쳐주신 콜스택, Callback Queue, WebpAPI 모듈이 EventLoop를 통해 멀티스레드처럼 동작한다고 이해했습니다. 여기서 질문이 있는데요. SetTimeout에서의 콜백이 WEB API에게 던져놓고 시킬 때, 싱글스레드 녀석은 CallStack에서 일한다고 바쁜데 언제 SetTimeout 콜백을 처리하나요? WEB APIs가 콜백을 따로 처리한다는 건 또 다른 스레드가 존재한다는 의미인가요? 그러면 싱글스레드인척하는 멀티스레드인셈인가요?? ㅎㅎ;

  • javascript
  • promise
  • frontend
  • fetch-api
이동훈 댓글 2 좋아요 0 조회수 154

연습문제 정답 없죠?

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

이건 4주안에 못풀거같아서요. github 에 찾아보니 사람들이 다양한 방법으로 풀긴하네요.

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
newcat 댓글 2 좋아요 0 조회수 138

71~87 페이지 공부 중 중간 과정 코드를 보고 싶은데 없을까요?

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

현재 71~87 페이지 공부 중인데... 앞 부분은 어찌저찌 완성시켰지만 2장 들어오면서 부터 정확히 어느 위치에 어떻게 넣어야 할지 감도 안오네요.. 결국 AI 도움을 받아서 쓰긴 썼는데... (결과 화면은 출력됐습니다. 근데 책 코드와 조금씩 다르네요.) 코드 입력하는 부분이 너무 헷갈리는데 중간 과정에 대한 소스가 따로 있을까요? 책에 나온 깃허브에는 완성본만 나와서 이게 맞는지 모르겠네요. 현재 2장 진행하면서 2.3까지 책의 내용대로 진행해봤는데 너무 진행이 안되서 글 남깁니다.

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
김구리 댓글 1 좋아요 0 조회수 102

91페이지 코드 질문

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

91페이지 첫번째 코드에 imprt tkinter.Font 해보면 찾질 못하더라고요. 완성본 보니 import tkinter.font라고 적혀있고 그 뒤의 코드들은 없던데... 테스트 해보려면 어떻게 써봐야 하나요?

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
김구리 댓글 1 좋아요 1 조회수 102

중간 과정 코드는 따로 제공하지 않는걸까요?

미해결

[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지

현재 71~87 페이지 공부 중인데... 정확히 어느 위치에 어떻게 넣어야 할지 감도 안오네요. 결국 AI 도움을 받아서 쓰긴 썼는데... (결과 화면은 봄.. 근데 책 코드와 조금씩 다르네요.) 코드 입력하는 부분이 너무 헷갈리는데 중간 과정에 대한 소스가 따로 있을까요? 책에 나온 깃허브에는 완성본만 나와서 이게 맞는지 모르겠네요. 현재 2장 진행하면서 2.3까지 책의 내용대로 진행해봤는데 너무 진행이 안되서 글 남깁니다.

  • javascript
  • python
  • 네트워크
  • frontend
  • web-browser
댓글 1 좋아요 2 조회수 94

9강하고 11강 동영상이 똑같은데요?

해결됨

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

화면 안나오는 부분도 똑같고 강의 내용도 똑같고 인프런은 검수를 안하고 강의를 올리나요?

  • javascript
  • promise
  • frontend
  • fetch-api
whh12345 댓글 2 좋아요 0 조회수 202

동영상오류인거 같아요

해결됨

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

9강 11분부터 15분까지 검은색 화면인데 뭐죠?

  • javascript
  • promise
  • frontend
  • fetch-api
whh12345 댓글 1 좋아요 0 조회수 121

지금 이 화면에서 뭘로 fps를 알 수 있나요?

해결됨

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

지금 이 화면에서 뭘로 fps를 알 수 있나요?

  • HTML/CSS
  • javascript
  • react
  • dom
  • frontend
ah young kim 댓글 2 좋아요 0 조회수 280

강의내용 질문드립니다

해결됨

모든 웹 개발자가 봐야 할 단 한 장의 지도

안녕하세요! 강의를 새로 구매했는데, 이전에 구매했던 강의 내용과 겹치는 것 같아 수강하기 전에 미리 여쭤봅니다! [이전에 구매했던 강의] 면접 전에 알고 가면 좋을 것들 - 신입 Java 백엔드 개발자편 [새롭게 구매한 강의] 모든 웹 개발자가 봐야 할 단 한 장의 지도 혹시 새롭게 구매한 강의가 기존에 있던 강의 내용과 중첩되는 내용일까요? 감사합니다.

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
  • 카카오공채-개발
프링글스 댓글 2 좋아요 0 조회수 122

추가 강의 요청

해결됨

모든 웹 개발자가 봐야 할 단 한 장의 지도

안녕하세요, 선생님. 강의 잘 들었습니다. 많은 도움이 되었습니다. 감사합니다. 현재 저는 IT 영업 직무로 근무하고 있습니다. 회사에서 운영하는 프로그램을 SaaS형, API 연동형, SI 구축형의 세 가지 방식으로 판매하고 있습니다. SaaS형의 경우 프로그램 기능을 익히면 비교적 단순한 영업이 가능하지만, API 연동형이나 SI 구축형 영업의 경우 웹의 흐름과 인프라 구조에 대한 이해가 필요할 때가 많습니다. 이런 이유로 IT 용어나 개념을 익히려 노력하고 있으나, 내용이 생소하고 설명이 어렵게 느껴져서 어려움을 겪고 있습니다. 다행히 개발 직군은 아니어서 깊은 기술 지식까지는 필요하지 않지만, 고객사 IT 담당자와 원활하게 커뮤니케이션할 수 있을 정도의 이해도는 갖추고 싶습니다. 혹시 선생님의 강의 중에서 이런 상황에 도움이 될 만한 강의가 있을까요? 만약 없다면, 어떤 방식으로 공부를 시작하는 것이 좋을지도 조언 부탁드립니다.

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
  • 카카오공채-개발
nas0675 댓글 2 좋아요 0 조회수 140

용어 질문드립니다.

해결됨

모든 웹 개발자가 봐야 할 단 한 장의 지도

강의 해주셔서 감사합니다! 강의 내용중에 인스턴트 와 JOSN을 설명주셨는데, 따로 찾아봤는데 어렵게 설명이 되어있어서 쉽게 설명해주실 수 있나요? 특히 인스턴트는 무슨말인지 도저히 모르겠습니다..

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
  • 카카오공채-개발
nas0675 댓글 1 좋아요 0 조회수 138

만약 문서 수가 매우 많아진다면 성능 이슈는 없을까요?

해결됨

Vanilla JavaScript로 직접 구현하는 Notion

문서 수가 수백개 이상으로 늘어나면 findDoc(), childrenOf() 등의 함수에서 전체 배열을 순회하는 부분이 성능면에서 문제가 될 수 있을까요? 만약 그렇다면 최적화할 수 있는 방법은 어떤 것이 있을까요?

  • javascript
  • 웹앱
  • dom
  • frontend
쌀밥 댓글 2 좋아요 0 조회수 135

CSS까지만 지연에 영향을 주는건가요?

해결됨

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

안녕하세요~! 궁금한 점이 생겨 문의드립니다! DOM + CSSOM > Render Tree를 만들기 때문에 CSS 배치에 따라 CRP에 영향을 주는 것까지는 이해했는데요! script는 async 또는 defer 속성을 알맞게 적어주기만 하면 실행 순서만 보장이 되고 안되고의 차이이고 CRP에는 영향을 주진 않는건가요?

  • HTML/CSS
  • javascript
  • react
  • dom
  • frontend
정수지 댓글 2 좋아요 0 조회수 196

퀴즈 답

해결됨

모든 웹 개발자가 봐야 할 단 한 장의 지도

URL은 리소스 위치고 IP 주소가 컴퓨터 식별하기 위한 주소 아닌가요?

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
댓글 2 좋아요 1 조회수 145

[React 개발자 모집] MAU 1400명 후불제 소개팅 앱

미해결

자세한 공고 내용은 아래 링크에서 확인 가능합니다 ! https://www.notion.so/FE-MAU-1400-236fe7ee433280b4b870c6a022b1ec2a [매출 지표] 출시 후 월 평균 매출 상승률 20% 달성, 월 최대 매출 540만원 달성 - 공고 내 증빙 내용 참조 [고객 지표] Data dog 기준 2주일에 1회 이상 접속자 1K 돌파 (휴면 회원 포함 시 1317명) - 공고 내 증빙 내용 참조 [정책 자금 대출 - 2건 선정] 중소기업진흥공단 청년창업자금 50백만, 기술보증기금 100백만 - 공고 내 증빙 내용 참조 자격 요건 컴퓨터 관련 전공자 또는 그에 상응하는 지식을 보유하신 분 html, css, javaScript 를 능숙하게 다루고, react를 이용한 프로젝트 경험이 있는 분 형상 관리 툴(Git, Github 등)을 활용한 소스 관리 경험이 있는 분 기술 스택 코어 : react, typeScript UI 라이브러리 : react 상태 관리 : React Context, React Query CI/CD : GitHub 지원 가능 대상 지역 → 수도권 거주자 (서울, 경기, 인천) | 성별 → 무관 나이 → 만 20세 ~ 만 30세 이하 [팀 평균 나이대 고려] 대학교 재학생, 휴학생, 졸업생, 취준생, 경력자 이런 분을 원해요 ! 단기간 내 프로젝트에 많은 시간을 투자하여 멋진 포트폴리오를 만들고 싶은 대학생 혹은 경력자 단순하게 주어진 업무 수행을 넘어, 끊임없는 개선을 고민하고 시도하시는 분 본인 업무에 대한 배움과 학습 의지가 강하신 분 스타트업이나 다른 기업에서 인턴 경험이 있으신 분 협업 기한 최소 3개월 이상 프로젝트 몰두할 수 있는 분! 프로젝트에 최소 주 20시간 이상 시간 투자할 수 있는 분 ! (시험 기간 등 개인 사정이 있는 경우, 당연히 예외 적용 가능합니다) 💡 < 운영 기간 10개월, 누적 매출 4000만원, 누적 고객 4000명, WAU 1,000명 B2C 서비스 > 서비스명 : 사랑이 찾아온 순간에만, PLOT 아이템 개요 : 1대1 매니저가 관리해주는 후불제 소개팅 플랫폼 사이트 링크 : https://plotting.kr 자세한 공고 내용은 아래에서 확인 가능합니다 ! https://www.notion.so/FE-MAU-1400-236fe7ee433280b4b870c6a022b1ec2a [지원 링크] https://forms.gle/nnKxycN1s5BkJqGT9 위 구글폼으로 지원주시면 3일 이내 연락드립니다 공고 관련 문의사항 → 플롯 대표 김현욱 010 8354 5572

  • react
  • fe
  • frontend
  • 개발자
  • 프론트
  • 리액트
  • 프로젝트
  • 사이드프로젝트
  • 사프
진수현 댓글 0 좋아요 0 조회수 69

인기 태그

인프런 TOP Writers

주간 인기글