inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

자료집 관련

미해결

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

안녕하세요! 혹시 이 강의에 대한 자료집이 따로 없나요?

  • HTML/CSS
  • javascript
  • 웹앱
  • 웹-디자인
  • 포트폴리오
사라오 댓글 2 좋아요 0 조회수 69

13. (App 2) 기본기 훈련 에서

해결됨

딸깍, 바이브코딩 - 12개의 앱을 만들며 배우는, 진짜 일반인을 위한 유용한 실무 활용 이론&실습

강의 내용을 따라서 해보고 있는데 강의 2:58 쯤에 antigravity IDE 가 작성하다가 웹브라우저를 열어 테스트 해보는 장면이 나옵니다. 12차시에도 그런 내용이 나오는데, antigravity 설치시 설정을 강의에 나오는 내용대로 설정했지만, 제 컴에서는 자동으로 웹브라우저를 열어 테스트를 하지 않습니다. 뭘 더 설정해야 하는지 궁금합니다

  • HTML/CSS
  • javascript
  • python
  • 인공지능(ai)
  • ai-agent
  • 바이브코딩
  • 안티그래비티
하루분 댓글 1 좋아요 0 조회수 98

17강 강의에 목데이터 첨부파일이 없습니다.

해결됨

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

목데이터가 찾을 수 가 없네요~~

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
땀모 댓글 2 좋아요 2 조회수 94

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

미해결

딸깍, 바이브코딩 - 12개의 앱을 만들며 배우는, 진짜 일반인을 위한 유용한 실무 활용 이론&실습

3:00 근처에서 텍스트 파일(바이브코딩으로 딹각 만든 URL 수십개 들어 있는) 하나를 강의에 첨부해 놓으신다고 했는데, 파일이 없는 것 같습니다. 확인 부탁드립니다

  • HTML/CSS
  • javascript
  • python
  • 인공지능(ai)
  • ai-agent
  • 바이브코딩
  • 안티그래비티
하루분 댓글 1 좋아요 0 조회수 66

11차시 Antigravity IDE 설치 후

해결됨

딸깍, 바이브코딩 - 12개의 앱을 만들며 배우는, 진짜 일반인을 위한 유용한 실무 활용 이론&실습

개인 노트북에서는 Antigravity IDE 설치 해서 사용을 해 보았습니다 사무실에서 업무용으로 사용하려고 인터넷망(외부망) 컴퓨터에 구글 드라이브 접속 권한 부여 받아 antigravity IDE 설치까지는 끝났는데, 프로그래 실행 후, Continue with Google을 클릭해서 크롬에서 로그인까지 했는데, IDE 열겠냐고 해서 OK 까지 했는데 , IDE 화면으로 가면 여전히 Continue with Google 로 나옵니다. 강의화면 2:14 에 나오는 Sucess.... 이런게 안 나옵니다. 어떤 부분을 더 해제해야 인터넷망에서 사용할 수 있을까요?

  • HTML/CSS
  • javascript
  • python
  • 인공지능(ai)
  • ai-agent
  • 바이브코딩
  • 안티그래비티
하루분 댓글 1 좋아요 1 조회수 77

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

해결됨

딸깍, 바이브코딩 - 12개의 앱을 만들며 배우는, 진짜 일반인을 위한 유용한 실무 활용 이론&실습

처음 설치 이후에 항상 묻는 방식으로 설정한 경우 이를 알아서 자동으로 설정하도록 앱 내에서 변경하는 방법이 궁금합니다.

  • HTML/CSS
  • javascript
  • python
  • 인공지능(ai)
  • ai-agent
  • 바이브코딩
  • 안티그래비티
장윤석 댓글 1 좋아요 0 조회수 92

5,6,7,8 내용이 없어요

미해결

AI활용 디지털 콘텐츠 제작

내용도 없고 자료도 없어요

  • HTML/CSS
  • javascript
  • 웹-디자인
  • 자기계발
  • 인공지능(ai)
  • claude
  • 바이브코딩
당신 꿈의 서포터, 이화진 댓글 1 좋아요 0 조회수 66

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다. (커뮤니티 주소 https://itconnect.dev/커뮤니티/ ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다. https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing 마우스를 가져다댔을 때 파란색으로 나오게 바꾸고싶은데 푸터 모듈란을 뒤져봐도 잘 모르겠어요...

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
HE YOO 댓글 1 좋아요 0 조회수 68

장치 의존성과 CSR

해결됨

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

안녕하세요! 6번 강의의 24:15 부분 즈음부터 설명하시는 장치 의존성에 대해 궁금한 점이 있어서 질문드리려고 합니다. 강의를 들으면 마치 "장치 의존성을 해결하기 위해 React.js와 같은 CSR 방식이 등장하였다."라고 이해하게 되는데, 그런 의도로 말씀하신게 맞는지 궁금합니다. 만약 그러한 의도로 말씀하신 것이 맞다면, 제가 알고 있는 내용과 많이 다른 것 같아 혼란스러워 질문을 작성하게 되었습니다. 제가 기존에 알고 있던 지식으로는, 다양한 화면의 장치에 대응하기 위해(즉, 장치 의존성을 해결하기 위해) "반응형 웹 디자인"이 등장한 것으로 알고 있는데요. HTML은 어떤 장치에서 받든 해당 파일을 구동하는 장치(구체적으로는 프로그램)에서 사용할 수 있게 결국 파싱이 되니까(Ex. DOM 생성) 장치에 의존하지 않는 것 아닌가요? 화면의 크기마다 달라지는 UI를 제어하기 위한 방법으로는 CSS에서의 반응형 웹 디자인으로 알고 있었는데요.. React.js와 같은 CSR이 등장하게 된 배경은 다양한 화면에 맞게 알맞은 UI를 보여주려고 한다기보다는, 웹 서버로 보내는 요청을 획기적으로 줄여(클라이언트의 브라우저에서 JS를 이용해 직접 index.html에서 필요한 요소(컴포넌트)를 리렌더링하므로) 웹 서버가 SSR 방식으로 설계되었을 때보다 더 적은 부하를 맡게 되고, 클라이언트 입장에서는 부드러운 화면전환을 경험할 수 있게 하기 위함으로 알고 있는데요. CSR 방식 자체가 장치 의존성을 해결할 수 있는 것이라면 그 이유가 무엇인지 궁금합니다!

  • HTML/CSS
  • spring
  • frontend
  • backend
  • spring-framework
ikv 댓글 1 좋아요 0 조회수 96

순수 함수 / 순수 컴포넌트

해결됨

React 마스터 클래스: Part 1 - 미션으로 깨우치는 렌더링 본질과 설계

강의 예제에서 add(2,3) -> 항상 5 (순수) getTime() -> 실행 시점마다 달라짐 (순수 아님) "실행 시점 마다 달라진다 또는 전역 변수를 수정하는 함수는 같은 입력을 넣어도 실행 시점에 따라 결과가 달라지기 때문에 순수하지 않습니다. "라고 하셨고, 이와 마찬가지로 "순수 컴포넌트는 동일한 props와 state가 주어졌을 때 항상 동일한 UI를 반환하는 컴포넌트 (외부 변수를 수정하거나, props를 직접 변경하지 않음)" 라고 했는데 제 머릿속에서는 state는 언제든지 변경될 수 있고 props가 어떤 특정한 state값 ( 서버에서 받아온 상품 목록 리스트)이면 결국 해당 props도 변경 될 수 있다라고 생각이 들어서 좀 많이 자세하게 설명을 듣고 이해 하고, 코드를 작성할 때 적용하기 위해 질문을 올립니다. 추가 ctx) 현재 프론트엔드 개발자입니다. 프론트 개발을 하고 있습니다. 언제나 순수 함수 / 순수 컴포넌트 말로 만 듣고 "이런 거겠지" 라고 하며 어물쩡 넘어갔었는데 요번에 확실하게 개념과 이해 그리고 체화 하고 싶어서 질문 남깁니다.

  • HTML/CSS
  • javascript
  • react
  • 웹앱
  • frontend
Coi 댓글 1 좋아요 0 조회수 67

css box-sizing 관련 질문

미해결

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

안녕하세요! 열심히 잘 듣고 있는데 궁굼한게 있어서요! css > "box-sizing: border-box;"를 reset.css에 주지 않고 각각 필요할 때만 쓰는 이유가 있나요? 예를 들면 , 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, font, 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, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;} 여기에 주지 않고 .work ul{display: flex; padding: 3% 30%; box-sizing: border-box;} 이렇게 따로 주는데 혹시 이유가 있나해서요!

  • HTML/CSS
  • javascript
  • 웹앱
  • 웹-디자인
  • 포트폴리오
사라오 댓글 2 좋아요 0 조회수 64

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다. (커뮤니티 주소 https://itconnect.dev/커뮤니티/ ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다. https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing MeongMeong.co.kr이라는 도메인으로 팠는데 생각해보니까 제가 하려는 방향성에 너무 가벼운 ;;; 도메인인것같아서요. 지금 어느정도 만들어놓긴 했는데 다른 도메인으로 이대로 만든걸 통째로 옮길 수 있는지 궁금합니다. 추가로 요금을 내지 않고 지금 멍멍.co.kr에 얹힌 패스트코멧?이것도 다른 도메인으로 할 수 있느지도 궁금합니다.

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
HE YOO 댓글 1 좋아요 0 조회수 66

node.js 설치 (LTS버전)

미해결

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

맥에서는 어떻게 선택하면 될까요?

  • HTML/CSS
  • figma
  • 포트폴리오
  • 인공지능(ai)
  • 바이브코딩
강예림 댓글 1 좋아요 0 조회수 74

Cursor & Antigravity 소개 및 설치

미해결

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

여기서 커서랑 비주얼스튜디오 말고 다른 툴을 사용해도 된다고 하셨는데 클로드를 사용해도 될까요?

  • HTML/CSS
  • figma
  • 포트폴리오
  • 인공지능(ai)
강예림 댓글 2 좋아요 0 조회수 74

뉴스페이퍼 테마 관련

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

이 테마 링크가 어디 있나요? 못찾겠어요!!! 강의 노트가 있나 찾아보는데 아무리 봐도 없어요.

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
조나다 댓글 1 좋아요 0 조회수 66

지우지 말아야할걸 지운상태로 저장해버렸어요....

미해결

구글 애드센스 수익형 워드프레스 블로그 만들기

강의에 대한 질문은 인프런 질문하기나, 1:1 커뮤니티 페이지에서 문의하시면 빠르게 답변 드리고 있습니다. (커뮤니티 주소 https://itconnect.dev/커뮤니티/ ) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 테마 파일과 CSS, PHP 파일은 아래 링크를 통해 받아보실 수 있습니다. https://drive.google.com/drive/folders/1KtkfsZe2uy5jNMps0F6gnqlEvZnq0mRN?usp=sharing 블로그의 시작, 메인 페이지 만들기의 16:35시간에 있는 4개의 네모 이미지를 남겨놔야 하느네 실수로 지워버린 상태로 저장을 눌러버렸습니다.... 이거 어떻게 해야 할지 모르겠어요. 다시 제가 한땀한땀 만드는 방법이 있을까요? 현재 지워버린 상태인 페이지입니다 https://meongmeong.co.kr/

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
HE YOO 댓글 1 좋아요 0 조회수 68

24번 수업에 나온 창은 무슨 프로그램인가요

미해결

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

터미널은 써본적이 없는데... 그부분을 스킵하고 건너뛴 것 같아요 24번째 수업에 나오는 화면이 터미널인가요? ㄷㄷ 무슨 화면인지 모르겠네요 피그마 수업이 길고 ㅠㅠ 바이브 코딩 진입 부터 너무 훌쩍 건너뛰고 진행되는 느낌입니다..... 22. Node.js 설치 여기도 터미널 화면이 나오는데....당연히 사용법을 안다는 전제로 작성하셔서 따라가는데 어려움이 있고 당황스러워요

  • HTML/CSS
  • figma
  • 포트폴리오
  • 인공지능(ai)
  • 바이브코딩
suhyun lee 댓글 1 좋아요 0 조회수 67

Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지

미해결

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

제공한 폰트를 다운받았냐고 물으시는데 다운을 어디서 받나요? 첫 강의 노션과 피그마를 봐도 링크가 안 보여요 관련 자료는 해당 강의에 코멘트로 링크를 주시면 좋을 것 같아요

  • HTML/CSS
  • figma
  • 포트폴리오
  • 인공지능(ai)
  • 바이브코딩
댓글 1 좋아요 0 조회수 69

span 태그에 여백이 들어간 것 같은데 왜 그런건가요?

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

선생님 안녕하세요~ 강의 잘 듣고 있습니다! 강의 23~24분 쯤에 .color span 부분에 display: inline-block; 을 하면 선생님 화면처럼 사각형 박스들이 붙지 않고 약간의 여백을 가지는데 왜 그러는 건가요?? 위에서 .size span 작업할때는 여백을 안 가졌는데 여기 부분만 여백을 가지는게 이상해서 여쭤봅니다..!

  • HTML/CSS
박효정 댓글 5 좋아요 1 조회수 148

1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요

미해결

(AI 퀀트) 바이브 코딩으로 미국 주식 AI 자동 분석 시스템 만들기 with Claude Code

강의 계속 반복해서 보고 프롬포트도 계속 해봐도, 강의에서 처럼 us_price_fetcher를 실행 또는 가격 정보 수집해달라고 클로드에 요청해도 'collect_sp500_prices' 가 생성이 안됩니다. 현재 강의와 제가 지금 열람가능한 프롬포트가 좀 다른건가요? 애초에 하기 프롬포트 실행 시 강의와 다르게 S&P500 종목의 1년 데이터를 가져오는 게 아니라, AAPL / MSFT / BRK-B 3개 종목의 1달치 데이터만 가져오는 테스트?? 코드 같아서 문의드립니다.

  • HTML/CSS
  • python
  • 머신러닝
  • 인공지능(ai)
  • 바이브코딩
현종 댓글 2 좋아요 0 조회수 84

인기 태그

인프런 TOP Writers

주간 인기글