묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결처음 만난 리액트(React)
bottom up 방식 방향으로 개발하는게 익숙치가 않네요
기존 SSR개발자입니다.실습따라하다보니 bottom up 방식 방향으로 개발하는게 익숙치가 않네요.thymeleaf나 JSP개발시엔 html 틀은 만들어놓고 기능을 추가하는 방식으로 개발해서 인지 수업순서가 적응이 안되네요. 혹시 bottom up 방식으로 하시는 이유가 있을까요?그냥 궁금해서 여쭤봅니다. 섹션17을 제외한 수업은 전부 완강했습니다.문법이 어려운거 보다 개념이 낯설어 개인적으론 어려웠습니다. 연습을 계속 하다보니 개념은 어느정도 익숙해졌습니다. 그러나 아직 머리속에 그림이 완벽하게 그려지진 않네요.감사합니다.
-
미해결처음 만난 리액트(React)
질문드립니다.
마지막 실습파트 하고 있습니다.create-react-app으로 mini-blog 만들었는데요. react 18점대 버전으로 해도되나여?
-
해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
F 유형 임의 지정 부분과 footer 부분 질문입니다
선생님, F 유형 공부를 하고 있는데 두 가지 확인하고 싶은 게 있어서 질문올립니다!content-inner 부분에 임의 지정이라는 것은D,E 유형에서 나온 세로 임의지정 calc(100vh-100px) 같은 높이값이랑 다르게 ABC 유형에서 slide / items 부분에 줬던 높이를 참고해서 제가 알아서 높이 값을 주면 되는걸까요? 문제는 안되겠지만 공개 시험지에서는 F4를 제외한 F1,2,3 유형은 footer 높이가 120px 로 되어있더라고요..! 강의에서는 F1 레이아웃인데 높이 값을 100px로 주셔서 다른 수험생들도 순간 멈칫할 수 있을 것 같아요. 수업 노트에 이 부분에 대해 올려주시는 게 좋을 것 같아 말씀드립니다!
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
비주얼스튜디오에서 타이핑이 이상하게 될 때 (글자간격이 벌어져요)
글자 간격이 벌어지면서 타이핑이 제대로 되지 않는 현상이 벌어집니다...이럴 때 어떻게 해결할 수 있나요?제가 뭘 눌러서 이런 현상이 벌어지게 된건지 모르겠습니다가끔 이런 현상이 종종 일어나는데 시험보다가 갑자기 이렇게 되면 당황스러울 것 같아서 질문드립니다. ㅠㅠ ■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.
-
미해결퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
포트폴리오 어느정도 틀이 정리돼서 웹표준 검사 해봤는데저 부분만 오류로 나와요!저렇게 오류가 떠도 괜찮은 건지 궁금합니다! 포트폴리오는 크게 상관이 없다해도 후에 혹시 실무에서 쓸 일이 생길 때 써도 괜찮은 건가 해서요..!
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
a 태그에 넣는 것
a 태그 안에는 꼭 "#none"를 넣으라고 하셨는데,#만 넣는 걸로 코딩을 배워왔는데, 혹시 이렇게 되면 감점이 되는 걸까요? #none도 맞고 #도 맞는 건지 궁금해요! ■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ
안녕하세요!어제오늘 이틀내내 구글링도 해보고 이렇게 저렇게 다 시도해봤는데 결국 실패하고 질문드려요..! 포트폴리오 PDF파일의 예시처럼 실전퍼블리싱 파트를탭메뉴 안에 slick slider로 해서 넣고싶은데탭버튼과 컨텐츠를 pos:r 과 pos:a으로 하면 높이값이 사라지면서 슬라이더가 깨지고,input버튼으로 하면 1번 탭버튼 컨텐츠는 잘 적용되지만2번째 탭버튼부터는 슬라이더가 깨지면서 너비값이 0이 됩니다ㅠㅠ 어떻게 코드를 짜야 pdf파일처럼 나올 수 있나요?ㅠㅠ제가 참고하고 싶은 구성입니다. 처음 탭메뉴에서는 잘 배치가 되는데두번째 탭메뉴부터 이렇게 깨져요...!! html은 이렇게 구성되어있어요..!
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
이런 화면만 나오는데요? css 연결 잘했는데 안돼요
-
미해결[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
영상 오류가 발생합니다
9:43 부터 영상이 재생되지 않습니다.
-
미해결처음 만난 리액트(React)
Event의 정의 및 Event 다루기 설명 확인 요청
강의에서 컴퍼넌트 이벤트 콜백에 Bind 해주는 내용이 나옵니다.함수 내에서 사용하는 this 스코프를 정하기 위해 bind를 하는 거로 알고 있는데요. 괄호로 설명하는건 맞지 않는것 같습니다.
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
.news-thum .date 위치가 안맞아요
<section class="news" id="news"> <div class="news-inner"> <div class="headline-share"> <h1>스타트메이트 최신 소식</h1> </div> <div class="news-content"> <div class="news-left"> <div class="news-big"> <img src="images/news-thum-big.jpg"> <div class="news-headline"> <h2>Merry Christmas 2020</h2> <p> 스타트업 CEO 여러분~ 지금은 사회적으로 힘든 시기를 보내고 있지만 우리는 이겨낼수 있습니다.<br> 스타트업메이트가 여러분을 응원합니다. <small class="date">Dec 24, 2020</small> </p> <a href="#none" class="btn-view">자세히 보기</a> </div> </div> </div> <div class="news-right"> <div class="news-items"> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-01.jpg"> <span class="badge hot">hot issue</span> </div> <p> 스타트업 메이트 드디어 사무실이 확장 이전했습니다. <small class="date">Dec 11, 2020</small> </p> </div> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-02.jpg"> <span class="badge new">new issue</span> </div> <p> 예상 고객의 요구사항 분석을 미리 알아보는 오프라인 CEO 프로젝트 <small class="date">Oct 21, 2020</small> </p> </div> </div> <div class="news-items"> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-03.jpg"> <span class="badge hot">hot issue</span> </div> <p> 스타트업을 위한 앱 개발 유료서비스 플랫폼 서비스 오픈 <small class="date">Nov 12, 2020</small> </p> </div> <div class="news-thum"> <div class="news-photo"> <img src="images/news-thum-small-04.jpg"> <span class="badge new">new issue</span> </div> <p> 스타트업 CEO를 위한 사업 기획서 작성과 아이디어 도출 방법 <small class="date">Oct 16, 2020 </small> </p> </div> </div> </div> </div> <a href="#none" class="btn-readmore">read more news</a> </div> </section> //css .news { background-color: #f9f9f9; } .news-inner { width: 1300px; margin: auto; } .news-content { overflow: hidden; width: 95%; } .news-content > div { float: left; width: 50%; } .news-big { position: relative; width: 550px; height: 550px; margin: auto; } .news-big::before { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s; } .news-big:hover::before { background-color: rgba(0, 0, 0, 0.4); } .news-big img { width: inherit; height: inherit; object-fit: cover; } .news-headline { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width: 90%; } .date { display: block; margin-top: 20px; font-size: 14px; } .btn-view { background-color: #000; padding: 5px 10px; border-radius: 5px; color: #fff; } .news-items { margin-bottom: 20px; } .news-items > div { display: inline-block; } .news-thum { width: 280px; } .news-thum:first-child { margin-right: 30px; } .news-thum:hover .news-photo img { transform: scale(1.1); } .news-thum p { margin-top: 0; } .news-photo { position: relative; display: inline-block; overflow: hidden; } .news-photo img { display: block; transition: 0.3s; } .badge { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 14px; padding: 0 10px; } .badge.new { background-color: red; } .badge.hot { background-color: #000; } .news-thum .date { float: right; } .btn-readmore { background-color: #69acfe; color: #fff; width: 180px; text-align: center; padding: 5px; border-radius: 20px; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; margin: auto; margin-top: 30px; }제목 길이에 따라 date 위치가 바뀌는데 어떻게 수정해야 같은 위치로 놓을 수 있나요?
-
미해결Tailwind CSS로 만드는 멋진 웹 UI 스타일링
첨부파일 누락확인
[다운로드]+Tailwind+CSS(v3.4.1)+이론+및+실전+예제+완성본.zip 파일을 다운로드 받았는데, 강의내용과 폴더안의 파일이 다른것같습니다. 확인부탁드립니다.
-
미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요
이미지가 왜 안뜨나 했더니 Ctrl + shift + I로 오류 찾았을 때Not allowed to load local resource가 뜨네요Html 문서와 같은 장소에 이미지 파일이 있거나그보다 하위 폴더에 있을 때만 이미지가 뜨고 상위 폴더에 있거나 절대 경로로 접근은 보안상의 이유로 차단되어있는 것 같네요 구글 이미지 링크주소 복붙은 정상적으로 되는데 간혹 안되는 이미지 파일도 있네요
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 적용하기 관련 문의드립니다.
Link 수업 듣는 중에 아래 질문과 같이 동일한 문제가 발생했는데요(상품 클릭 시, 링크 변경은 되는데 페이지 이동이 안되는 현상)https://www.inflearn.com/questions/645148/link-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EA%B4%80%EB%A0%A8%EC%A7%88%EB%AC%B8 질문 확인하고<React.StrictMode> 을 제거하기 전에는 상품카드를 클릭했을때 url만 변경되고 페이지가 새로고침되지 않았습니다.<React.StrictMode> 제거해야지만 클릭시 url변경 + 페이지 새로고침까지 되었습니다강의와 동일하게 작성하였는데 왜 <React.StrictMode> 제거 후 문제가 해결된걸까요?
-
해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
[필독] D,E 강의 설명 중 필수 이론 04 가상 클래스 질문
안녕하세요 선생님,저는spot 메뉴에서 ' | ' 바의 역할이 단어 칸 나누기라고 생각해서지금까지 키보드 위에 있는 저 바를 html 에 입력하고a태그로 메뉴를 구성했었거든요,필독 사항 강의 에서도 반드시 필요한 것은 아니고, 코드 간결을 위해서 사용한다고 말씀해주셨는데, | 부분을 실무에서 코사용할 때 after를 사용하나요? 키보드에 있는 걸 쓰는 것을 쌤은 비추를 하시는지 궁금해서 질문 드립니다..!
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
슬라이드가 이상하게 넘어갑니다
<div class="content-inner"> <div class="slide"> <div class="slide-items"> <a href="#none" class="slide-item"><img src="images/slide-01.jpg" alt="slide 01"></a> <a href="#none" class="slide-item"><img src="images/slide-02.jpg" alt="slide 02"></a> <a href="#none" class="slide-item"><img src="images/slide-03.jpg" alt="slide 03"></a> </div> </div> .slide-items { position: relative; width: 1200px; height: 300px; overflow: hidden; } .slide-item { position: absolute; top: 0; left: 0; width: 3600px; font-size: 0; } setInterval(function(){ $('.slide-items').animate({left: '-1200px'}, function(){ $('.slide-items').css({left: 0}); $('.slide-item:first-child').appendTo('.slide-items'); }); }, 3500);제 컴퓨터가 이상한 건지는 모르겠는데 코드 확인 해봐도 도저히 다른 곳이 없는데 뭐가 문제일까요ㅠㅠ 사진이 툭툭 끊기면서 넘어가요
-
미해결코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)
javascript 자동완성 안됨
vscode에서 html은 자동완성이 되는데 javascript 자동완성이 안됩니다. 해결방법이 있나요?
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
sticky 추가 css 코드 누락
올려주신 드라이브 파일에서 sticky 관련 파일은 찾을 수가 없는데 누락된건가요? 제가 못찾은거라면 어느부분에 작성되어 있는 지 알 수 있을까요? +추가) 밑줄 없애는 css 코드도 따로 없는것 같은데 확인 부탁드립니다..!
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
파일
강의에 대한 질문은 인프런 질문하기나 1:1 카카오톡 플러스 친구에서 문의하셔도 가능합니다.(카카오톡 플러스친구 주소 http://pf.kakao.com/_ckMyxj/chat) 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 글 가져오기 파일.xml은 어디서 다운 받을 수 있나요? 이런 파일들도 하나하나 다 요청해야지 받을 수 있는건가요?
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
단축키자료
단축키 자료 올려주신건 비쥬얼스튜디오에도 똑같이 적용이 가능한 부분인가요?시험전 준비영상도 봤는데 그 영상에서 말씀하신 단축키만 바꾸면 똑같이 써도 되는건지 궁금해서요. ■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.