172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
공지사항 갤러리와 바로가기 제작이 생략 되어있어서 다른 실전 제작 강의를 참고해서 혼자 만들어보았는데, 공지사항과 갤러리 사이 간격을 주고싶은데 방법을 모르겠습니다 ㅠ 그리고 바로가기 메뉴와 갤러리 메뉴 사이에도 간격을 주는 방법을 모르겠는데 어떻게 하면 될까요? 지금 제가 작성한 html과 css에 어떤걸 추가하면 될까요 ㅠㅠ?
해결됨
처음 만난 리액트(React)
jsx강의 에서는 jsx는 내부적으로 html/xml코드를 자바스크립트로 변환하는 과정 을 거치게 된다. 그래서 최종적으로는 자바스크립트 코드로 나오게 된다. 이렇게 말씀해주시고 jsx코드를 자바스크립트 코드로 변환하게 해주는 것이 react.createElement라고 하셨는데, 여기 강의 에서는 5분 35초 부근에 react.createElement 내부에 리액트 컴포넌트를 적어도 되고 모든 리액트 컴포넌트는 최종적으로는 html 태그를 사용하게 돼있다라고 하셨습니다. react.createElement를 통해서 최종적으로 자바스크립트가 된다는건가요? 아니면 html 코드가 된다는건가요,,?ㅠㅠ
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
색션 7 - 9 6:53초 정도에 .class-list { display: flex; list-style: none; padding : 0; margin: 1rem 0 0 0; } margin에 1rem ( 상단마진 ) 을 적용했는데 강사분이 개발자도구 확인 하시더니 기본이 16이라고 말씀하시는 부분이 이해가 안가서요. 1rem = 16px 인건가요 ?
미해결
처음 만난 리액트(React)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. create-react-app 을 하면 자꾸 이런 오류가 떠서 실습을 못하고 있는데 뭐가 문제일까요..?
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
현재 취업목적이아니라 향후 나만의 서비스를 만들어보자란취지로 자바 스프링 백엔드과정을 공부하고있는데요 향후 화면구현을 직접하기 위해 이번에 새로나온 강의를 수강하면 향후 해당취지에 도움이 많이될까요? 사실 html css js 리액트 이런게 화면을 만들어내는걸로 알고있는데 SCSS 란게 뭔지 잘몰라서 판단이안서요 ㅠㅠ 그래서 향후 공부를하게되면 화면구현을 자유자재로 할수있게될런지요? 현재 강사님의 강의는 다른 제 계정에 html + css +js 포토폴리오 시즌1,2 2강좌 반응형 웹사이트 포토폴리오 아키텍쳐 agency 1강좌 그리고 현재 이 계정엔 모바일웹 포토폴리오 figma 이렇게 총 4강좌 구매해서 보유중입니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌를 구매하게되면 제가 구매하고있는 강좌들이랑 내용의 겹침성은 크게없겠지요?
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
현재 모바일 웹 퍼블리싱 with figma 이강좌를 수강하고있는데요 보니까 새로운 강의가 또나왔더라구요 혹시 이게 내용상 많이 겹치나요????? 제가 공부가짧아서 볼줄아는 안목이없다보니 새로운강의도 하면 좋을지 판단이 잘안섭니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌요 여기구성보니까 모바일 웹퍼블리싱 관련 내용도있는것같아서요 많이중복되지않나싶어서요
미해결
중상급 퍼블리싱을 위한 CSS3의 모든 것
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.,
미해결
애플 웹사이트 인터랙션 클론!
- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :) - 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다. - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 원래 위처럼 document.querySelector("#scroll-section-0 .main-message.a"), .main-message.a 와 같이 클래스는 붙여서 작성해야하나요? 띄워서 작성하니까 안찾아지던데 아이디와 클래스는 다른 속성이라서 띄워주고, 클래스끼리는 붙여서 작성해야하는 건가요 아니면 main-message클래스랑 a클래스는 형제클래스니까 부모 자식의 관계를 뜻할 때만 띄워주는 건가요?
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 그랩님! 바로 이전 질문에서 저와 동일한 현상으로 질문 주신것에 답변(하기 스크린샷)대로 변경을 해보았습니다. 그랬더니 이번엔 그랩마켓 내의 '상품업로드'를 통해 등록한 키보드2 이미지만 뜨고 이전에 등록한 제품들은 깨져서 보이지 않아 이럴경우엔 어떻게 해결해야 할지 문의드립니다!
해결됨
처음 만난 리액트(React)
3개의 배열 메세지 모두 동일하게 map함수로 돌리고 화면에 출력하였는데, 1 didupdate call만 두 번 콘솔에 찍히고 3번 didupdate call는 콘솔에 안 찍히는 이유가 궁금합니다
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 그랩님 저번 강의부터 jsx문법으로 상품상세 페이지 아이디 반영하는 부분 부터 문제가 발생하였는데 당시에는 그냥 + index 형식으로 진행해서 문제가 없었는데 계속 Link to부분 이문제가 발생하고있습니다. 아래 코드 올려드립니다. 다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 그랩님! 강의 4:40~4:50 경 axios의 주소를 포스트맨 ulr에서 저희가 구축한 서버 url인 http://localhost:8080/products 로 변경하고 보니 아래와 같이 상품목록이 보이지 않아 개발자 도구를 켜서 확인해보니 에러발생 : AxiosError /Failed to load resource: net::ERR_CONNECTION_REFUSED 라고 뜨고 있는 상황입니다.. >> 이부분은 해결 되었습니다! 추가로 잘 작동하였던 서버도 하기와 같이 GET http://localhost:8080/ 404 (Not Found) 오류가 뜨고 있는데 구글링으로 검색해 보아도 문제 해결이 되지 않아 문의글 남겨드립니다..ㅠㅡㅜhttp:// localhost:8080/products 경로로 접근시엔 화면이 잘 뜨는데 왜 8080까지의 메인화면에서는 'cannot get' 이란 오류가 뜨는지 알 수 있을까요?
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요.. 강의 자료나 강의 때 사용하는 소스는 어디서 받을 수 있을까요? 아무리 찾아봐도 없네요. 알려주세요 ^^ 감사합니다.
미해결
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
안녕하세요~ 디자인 작업(beyound+insight) > 피그마(Figma)원본 폴더 안에 있는 두 개 파일이 열리지 않아서요. 어떻게 볼 수 있을까요~?
미해결
처음 만난 리액트(React)
chapter07 Custom Hook에서 ServerAPI 에러가 나오는데 해결을 못하여 도움 요청합니다 에러
미해결
처음 만난 리액트(React)
이렇게 코드를 짰는데..맞는 것 같은데... 이렇게 뜹니다...
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
const products 에서 products는 result.data .products를 담기 위해 선언한 products 이므로 위에서 선언한 const [products, setProducts] 에서의 products 와 다른 것이 맞나요? 또 setProducts() 안에 들어가는 products를 넣은 것은 const[products, setProducts] 에서의 products에 const products에서의 products를 대입하기 위해 넣은 것으로 보면 되나요? 즉, const products = result.data .products; setProducts(products); 를 setProducts( result.data .products); 라고 해도 문제가 없는 건가요?
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
main/index.js에서 컴포넌트 함수명(MainPage)와 App.js에서 import 하는 함수명(MainPageComponent)가 달라도 괜찮은 이유가 뭔가요? 혹시 한 js파일에서는 export를 한 개의 컴포넌트만 할 수 있어서 그런건가요?(컴포넌트는 여러개 만들어도 문제가 괜찮던데 export를 2번 쓰니까 빨간줄이 생겨요.)
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
useEffect의 두번째 파라미터에는 useState로 인해 할당된 변수인 time만 쓸 수 있는건가요? function TimerComponent() { const [time, setTime] = React.useState(0); const cnt = 0; React.useEffect(function() { setTime(time+1); }, [cnt]); return ( <div> <h3>{time}초</h3> <button onClick={function() { cnt++; }}>1씩 올려주세요.</button> </div> ); } 이런식으로 사용이 안되는건가요?
미해결
[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
안녕하세요! 좋은 강의 찾게 되어 보고 있는중에 문의 남깁니다. 결과 계산하기에서 value 값이 제일 높은 첫번째 항목을 결과값으로 보여주는데 많이 선택한 부분 출력 말고 정답 선택(1)시 값이 더해지게 바꾸는 방법이 있을까요? 점수 테스트처럼 바꿔서 만들어보고싶은데 강의로 따라하려다보니 만점아니면 빵점만 되서요 ㅠㅠ
