묻고 답해요

연습문제 정답 없죠?

미해결

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

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

• javascript
• python
• 네트워크
• frontend
• web-browser

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

미해결

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

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

• javascript
• python
• 네트워크
• frontend
• web-browser

91페이지 코드 질문

미해결

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

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

• javascript
• python
• 네트워크
• frontend
• web-browser

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

미해결

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

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

• javascript
• python
• 네트워크
• frontend
• web-browser

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

해결됨

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

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

• javascript
• promise
• frontend
• fetch-api

동영상오류인거 같아요

해결됨

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

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

• javascript
• promise
• frontend
• fetch-api

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

해결됨

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

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

• HTML/CSS
• javascript
• react
• dom
• frontend

강의내용 질문드립니다

해결됨

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

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

• HTML/CSS
• spring
• frontend
• backend
• spring-framework
• 카카오공채-개발

추가 강의 요청

해결됨

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

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

• HTML/CSS
• spring
• frontend
• backend
• spring-framework
• 카카오공채-개발

용어 질문드립니다.

해결됨

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

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

• HTML/CSS
• spring
• frontend
• backend
• spring-framework
• 카카오공채-개발

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

해결됨

Vanilla JavaScript로 직접 구현하는 Notion

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

• javascript
• 웹앱
• dom
• frontend

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

해결됨

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

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

• HTML/CSS
• javascript
• react
• dom
• frontend

퀴즈 답

해결됨

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

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

• HTML/CSS
• spring
• frontend
• backend
• spring-framework

[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
• 개발자
• 프론트
• 리액트
• 프로젝트
• 사이드프로젝트
• 사프

저는 컨트롤L이랑 컨트롤+쉬프트+I랑 동일한 창이 열리네요

미해결

[연재형] WE CAN Cusor AI ! - 커서AI 우리도 할 수 있습니다.

저는 컨트롤L이랑 컨트롤+쉬프트+I랑 동일한 창이 열리네요 컴포저가 열려야할거같은데, 컨트롤L이랑 같은 창이 열립니다. 오른쪽 창이 열립니다.

• 웹앱
• frontend
• cursor
• 인공지능(ai)
• 생성형ai

플러터 프로젝트를 시작할수 없어요

미해결

처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)

플러터 프로젝트가 안보여요 플러터 정상적으로 설치후 선생님 강의 보며 따라 하면서 이미 New Project 하고 Flutter Project 선택 클릭하면서 플러터 프로젝트 만들었습니다. 당연히 flutter doctor 는 문제없이 잘 통과 했으니 플러터 프로젝트를 만들었겠죠. 그런데 어느날 부턴가 (아마 안드로이드 스튜디오 업데이트 이후) 갑자기 플러터프로젝트를 선택할수 있는 버튼이 사라졌어요 New Project 하면 Flutter Project 를 선택할수 있는 버튼이 보여야 하는데 안보이네요. 어떻게 하나요? 혹시 업데이트 이후 다른 사람도 그런가요?

• flutter
• firebase
• dart
• frontend
• firestore

스크롤 이미지 영역 넘어갈시 가로로 스크롤이 안되여

미해결

웹 애니메이션의 새로운 표준, Web Animations API

스크롤 이미지 영역 넘어갈시 가로가 움직여서 여러개의 이미지영역이 보이는게 안되여ㅠㅠ 선생님 완성본 02.html도 안되는거같아요 css @charset 'utf-8'; html, body, h1, h2, h3, h4, h5, h6, p, blockquote, code, img, dl, dt, dd, ol, ul, li, fieldset, legend, caption { margin: 0; padding: 0; border: 0; } div, span, article, section, header, footer, p, ul, li, fieldset, legend, label, a, nav, h1, h2, h3 { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul, li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; } html { font-size: 20px; font-family: Roboto; line-height: 1.6; } body { background: dodgerblue; } .wrap{ contain: paint; } .para { padding: 1em; font-size: 50px; } .gallery{ display: flex; align-items: center; position: sticky; top: 0; width:350vw; max-width: 4000px; height: 100vh; border: 10px dashed deeppink; } .gallery-item{ width:70vw; max-width: 800px; flex-shrink: 0; } .gallery-timeline{ height:2000px; border:10px dashed mediumaquamarine; } 02.js import './scroll-timeline.js' const gallery = document.querySelector('.gallery'); const galleryTimeline = document.querySelector('.gallery-timeline'); gallery.animate( [ {transform : 'translayeX(0)'}, {transform : 'translayeX(-100%)'} ], { fill : 'both', timeline : new ScrollTimeline ({ scrollOffsets : [ {target : galleryTimeline, edge : 'start' , threshold : 1}, {target : galleryTimeline, edge : 'end' , threshold : 1} ] }) } );

• HTML/CSS
• javascript
• 인터랙티브-웹
• frontend
• web-animations-api

vscode에서 svg파일 불러오기 질문

미해결

웹 애니메이션의 새로운 표준, Web Animations API

선생님 안녕하세요 svg를 vscode에서 불러오기를 했는데, vscode에서 이미지로 열립니다 소스로 안열리는데 소스로 열리게 하는법이 있을까요?

• HTML/CSS
• javascript
• 인터랙티브-웹
• frontend
• web-animations-api

강의할때 쓰이는 문서는 어디서 확인할 수 있나욧?

미해결

처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)

강의에서 쓰이는 문서는 어디서 받아볼 수 있나요? 강의해서 쓰이는 파일이 아래와 같은 이름으로 되어 있는 것 같은데요~ 05_BASIC_WIDGETS.md - 강의 영상에 대한 질문이 있으시면, 주말/휴일 제외, 2~3일 내에 답변드립니다 - 강의 답변이 도움이 안되셨다면, dream@fun-coding.org 로 메일 주시면 재검토하겠습니다. - 괜찮으시면 질문전에 챗GPT 와 구글 검색을 꼭 활용해보세요~

• flutter
• firebase
• dart
• frontend
• firestore

theme useMaterial3 적용 안됨.

미해결

처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)

로그인 화면 구성하기 강의에서 theme useMaterial3 true로 동일 코드 적용해도 컬러가 안바뀝니다. 코드 위치를 변경 해 봐도 잘 안되는데, 코드 어떻게 수정하면 동일한 색상 테마로 적용될까요?

• flutter
• firebase
• dart
• frontend
• firestore