inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

미해결

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

바이브 플러그님. 복습하다가 이런저런 질문이 생겨서요. 지금 예제 강의는 디지털상품이라 배송이 필요가 없는데, 만일 실제 물건을 보내야 하는 상황이면 구매자가 받을 주소를 입력할 창이 필요할 텐데, 좋은 방법이 있을까요? 실무에서는 보통 어떤 방법을 쓰시나요? 제 생각에는 택배보낼 곳 DB에는 기존에 이름과, 결재승인여부는 이미 확인했고(다른 테이블에서) 전화번호, 우편번호, 받을 주소 3개의 컬럼을 추가하면 될 것 같은데. 택배 배송을 위한 테이블만들 때 특별한 팁이 있나요? 왜 궂이 물어보냐하면, 우편번호는 우체국에 DB가 있을 것같고, 주소에 몇글자만 타이핑하면 우편번호와 기본주소를 가져오고, 세부주소를 타이핑하는거라서 좀 더 쉽게 하는 방법이 없나 해서요.

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
좋은하루 댓글 4 좋아요 1 조회수 31

설명이 잘못된거같습니다.

미해결

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

강의중 설명이 잘못된거같습니다. span이 width:400px주었을때, 인라인요소이기때문에 크기가 안되지만, block으로 변경되면, width:100%가 아니라 지정한 width:400px가 됩니다.

  • HTML/CSS
  • javascript
  • jquery
  • flex
  • 반응형-웹
박희정 댓글 2 좋아요 1 조회수 44

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

해결됨

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

강의 잘 듣고 있습니다. 31강 영상에는 profiles 테이블에 역할을 저장할 role 컬럼을 추가해 줘... 로 시작되는 프롬프트인데 하단 학습자료에는 이전 시간에 했던, profiles 테이블 내용이 있습니다. 수정 부탁드려요

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
좋은하루 댓글 1 좋아요 1 조회수 37

bitnami 설치

미해결

따라하면서 배우는 웹애플리케이션 만들기

안녕하세요. 2026년인 현재 bitnami 설치가 안되는데요. 강의가 업데이트 되어야하지 않을까요? 강의를 따라해야하는데 따라하기가 어렵습니다. 어떻게 해결해야하는지 답변 부탁드립니다.

  • HTML/CSS
  • php
a2632308 댓글 0 좋아요 0 조회수 30

강의 소스 코드는 어디서 볼수 있나여?

해결됨

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

소스 코드는 어디서 볼수 있나여>?

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
김동선 댓글 1 좋아요 1 조회수 52

자료집 관련

미해결

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

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

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

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

해결됨

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

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

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

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

해결됨

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

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

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

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

미해결

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

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

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

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 좋아요 0 조회수 48

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

해결됨

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

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

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

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

미해결

AI활용 디지털 콘텐츠 제작

내용도 없고 자료도 없어요

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

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

미해결

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

강의에 대한 질문은 인프런 질문하기나, 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 조회수 51

장치 의존성과 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 조회수 67

순수 함수 / 순수 컴포넌트

해결됨

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 조회수 43

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 조회수 48

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

미해결

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

강의에 대한 질문은 인프런 질문하기나, 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 조회수 47

node.js 설치 (LTS버전)

미해결

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

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

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

Cursor & Antigravity 소개 및 설치

미해결

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

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

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

뉴스페이퍼 테마 관련

미해결

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글