inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

문의

미해결

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

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 도형 로딩 애니메이션-01 </title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loading"> <span></span> <span></span> <span></span> </div> </body> </html> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap'); body { font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em; margin: 0; font-weight: 300; display: flex; justify-content: center; align-items: center; height: 100vh; } a { text-decoration: none; } .loading {} .loading span { display: inline-block; width: 15px; height: 15px; background-color: gray; background-repeat: 50%; } .loading span:nth-child(1) {} .loading span:nth-child(2) {} .loading span:nth-child(3) {} @keyframes loading { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0; transform: scale(1.2); } 100% { opacity: 0; transform: scale(0.5); } } 도형 자체가 만들어지지 않는데 뭐가 문제일까요? VS CODE 사용중입니다.

  • HTML/CSS
  • jquery
닉네임12 댓글 2 좋아요 1 조회수 466

<html lang = "ko">

미해결

입문자를 위한, HTML&CSS 웹 개발 입문

"ko"를 "en"으로 바꾸면 영어로 컨텐츠 내용을 구성할 수 있다고 하셨는데 혹시 한글, 영어를 섞어서 넣고 싶으면 어떻게 작성해야 할까요?

  • HTML/CSS
태보미 댓글 1 좋아요 0 조회수 846

CSS input radio type 수정하는 방법이 궁금합니다

해결됨

[코드캠프] 시작은 프리캠프

구글 통해서 radio 박스를 CSS를 이용해 변경하고 폰트 위치랑 padding을 적용해보려고 했는데 적용이 안됩니다 피드백 부탁드립니다 ㅠㅠ // HTML <div class="radioSet"> <input type="radio" class="radioBox" name="gender">여성 <input type="radio" class="radioBox" name="gender">남성 </div> // CSS .radioSet { width: 100%; height: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 20px; } .radioBox { width: 20px; height: 20px; }

  • HTML/CSS
  • javascript
jihunpark3 댓글 1 좋아요 0 조회수 825

vscode 새로운 폴더 불러오기

해결됨

[코드캠프] 강력한 CSS

제가 프리캠프 강의 듣고 넘어와서 이전에 'PRECAMP'로된 폴더가 vscode에 있었는데 css폴더를 불러오니까 사라지던데, 원래 폴더는 하나밖에 못 불러오나요? 아님 이전에 있던 폴더는 다른 곳으로 이동 한 건가요?

  • HTML/CSS
말차 댓글 1 좋아요 0 조회수 412

트랜잭션 롤백 시 Insert 쿼리

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] 여기에 질문 내용을 남겨주세요. 위와 같이 테스트를 구현하고 테스트 실행 시 Insert 쿼리가 나갑니다. 그런데 예외가 발생했기 때문에 롤백이 되어서 또는 테스트의 트랜잭션 디폴트 값이 Rollback이라서 Insert 쿼리가 나가지 않아야 하는 것 아닌가요?

  • java
  • spring
  • spring-boot
  • jpa
엽엽 댓글 1 좋아요 0 조회수 939

Task :test FAILED이 뜹니다.

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] gradlew build를 하면 이런 에러가 발생합니다. 인텔리제이 설정에서 build Tools > Run tests using 항목을 IntelliJ IDEA로 변경을 해보았으나 에러는 동일하게 발생했지만 해결책을 모르겠습니다.

  • java
  • spring
  • mvc
  • spring-boot
임찬휘 댓글 1 좋아요 0 조회수 1211

선생님 Advanced 강의가 절실합니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

좋은 강의 감사합니다. 항상 웹을 만들면서 뭔가 아쉽다 부족하다 생각햇는데 그게 GSAP로 채워지는 것 같습니다. advanced 강의는 언제 나오는지 정보좀 주실 수 없을까요? scrollTrigger와 반응형 강의가 절실합니다.ㅎㅎ 가능하다면 React나 Next.JS와 같은 프레임워크 호환 파트도 추가해주실 수 있나요.... 감사합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
월터 댓글 1 좋아요 1 조회수 497

db에서 Join vs 애플리케이션에서 조합

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예 [질문 내용] 제가 한 게시판에서 이런 글을 읽었습니다. "요즘에는 논리적인 연관관계는 만들지만 db에서는 만들지 않고 조인 연산을 거의 안 하고 여러 번 쿼리해서 애플리케이션에서 조합합니다." 이유로는 연관관계를 맺으면 테이블 설계에 있어 유연성이 떨어짐 조인연산은 db 자원을 많이 잡아먹는 무거운 연산이고 db 성능에는 한계가 있어 서버를 확장해서 자원을 쓰는 것이 유리함 라는 근거를 들었습니다. 이것이 맞는 판단인지 궁금합니다 (금융권에 계신 분이 쓴 듯 합니다)

  • java
  • jpa
dudwns328 댓글 3 좋아요 2 조회수 3597

game.js 에러 메세지 질문 드립니다

해결됨

[코드캠프] 시작은 프리캠프

코드는 강의 따라한 그대로 작성해서 구현이 잘 되는 상태인데 vs code 에러 메세지는 왜 나오는지 혹시 알 수 있을까요?

  • HTML/CSS
  • javascript
jihunpark3 댓글 2 좋아요 0 조회수 479

맥북 아파치 웹서버 자체적으로 쓰시려면 이 글을 참고해보세요.

미해결

컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

비트나미에서 wamp, mamp 지원이 중지되었다고 합니다. 개정 버전 동영상을 보아도 다른 점이 많았어서 스스로 찾아보았습니다. 윈도우의 경우 아직 시도를 못했고 맥북의 경우 설치 없이 맥북 자체에 설치된 아파치를 수정하는 방식으로 진행했습니다. 방법을 찾아보니 생각한 것보다 빨리 적용될 것 같아 시도했고, 성공하였습니다. 생활코딩 블로그에도 나와있어서 참고했으나 제 버전과는 다른 부분이 있었습니다. 구글링하여 제 버전에 적용될 수 있는 방법을 찾았습니다. 참고한 링크 올려드립니다! 많은 분들께 도움이 되셨음 합니다. https://hayjo.tistory.com/16 (생활코딩 블로그) https://meanbymin.tistory.com/69#google_vignette (바이크 타는 개발자 블로그) 좋은 강의 항상 감사드립니다.

  • HTML/CSS
havenothorn 댓글 1 좋아요 1 조회수 607

슬라이드가 안먹혀요 ㅠ

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style8.css"> </head> <body> <div class="cotainer"> <div class="haeder-inner"> <header> <div class="header-logo"> <a href="#"><img src="img/logo-header.png" alt=""></a> </div> <div class="navi"></div> </header> </div> <div class="con-inner"> <div class="slide"> <div class="slide-items"> <a href="#"><img src="img/slide-01.jpg" alt=""></a> <a href="#"><img src="img/slide-02.jpg" alt=""></a> <a href="#"><img src="img/slide-03.jpg" alt=""></a> </div> </div> <div class="items"> <div class="news"></div> <div class="banner"></div> <div class="shortcut"></div> </div> </div> <div class="footer-inner"> <footer> <div class="right"> <div class="copy"></div> <div class="copy-2"></div> </div> <div class="family-site"> <select> <option value="">family site</option> <option value="">family site2</option> <option value="">family site3</option> <option value="">family site4</option> </select> </div> </footer> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custum8.js"></script> </body> </html> @charset "utf-8"; body{ background-color: #fff; color: #333; padding: 0; margin: 0;}a{ text-decoration: none; color: #333;}ul{ list-style: none;}.cotainer{ width: 100%; margin: auto;}.haeder-inner{ width: 100%; background-color: antiquewhite; height: 100px;}header{ width: 1200px; margin: auto; height: 100px;}header>div{ height: 100px; }.header-logo{ width: 200px; float: left; line-height: 130px;}.navi{ width: 600px; float: right;} .slide{ margin: auto; overflow: hidden; height: 300px; width: 1200px; position: relative;}.slide-items{ width: 3600px; position: absolute; top: 0; left: 0; height: 200px; font-size: 0;} .items{ width: 1200px; margin: auto; overflow: hidden;}.items>div{ border: 1px solid red; height: 200px; float: left; box-sizing: border-box;}.news{ width: 450px;}.banner{ width: 450px;}.shortcut{ width: 300px;} .footer-inner{ width: 100%; height: 100px; background-color: bisque;}footer{ width: 1200px; margin: auto; overflow: hidden;}footer>div{ height: 100px; border: 1px solid red; width: 1200px; float: left; box-sizing: border-box;}.right{ width: 1000px; overflow: hidden;}.right>div{ height: 50px; border: 1px solid red;}.family-site{ width: 200px; line-height: 100px; text-align: center;}.copy{}.copy-2{} setInterval(function(){ $('.slide-items').animate({left: '-1200px'}, function(){ $('.slide-items').css({left: 0}); $('.slide-item:first-child').appendTo('.slide-items'); }); }, 3500);

  • HTML/CSS
  • jquery
  • 웹-디자인
기쁜 돌고래 댓글 1 좋아요 1 조회수 354

게시판을 추가할 수 있는 방법이 있을까요?

미해결

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

좋은 강의 감사 드립니다. 홈페이지 기능은 이제 이해가 되었습니다. 저는 게시판 기능을 추가하고 싶은데요. 무료로 제공되는 게시판이나 추천해 주실 수 있는 게시판이 있을까요? 아님 네이버 모두에 있는 무료게시판을 연동할수 있을까요? 감사합니다.

  • HTML/CSS
  • javascript
  • bootstrap
  • 웹-디자인
더넓은세상 댓글 1 좋아요 0 조회수 757

vscode 괄호 안에서 엔터 후 줄바꿈

미해결

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

선생님 안녕하세요! 현재 선생님강의와 프론트엔드 개발 공부를 함께하고있는데, 설정을 만지는 와중에 그랬는지 언제부턴가 중괄호 안에서 엔터를 치면 원래 괄호 사이에 빈 공간이 생기고 그 안에서 커서가 생겼는데, 지금은 사진과 같이 괄호 사이에 빈 공간이 없이 되어서 전처럼 하려면 어떻게해야할까요??

  • HTML/CSS
  • jquery
dbskqnsghd 댓글 2 좋아요 1 조회수 1779

회원가입 양식 라디오버튼 색상은 어떻게 변경해야하나요?

해결됨

[코드캠프] 시작은 프리캠프

<!-- 02-signup.html --> <!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <link href="./02-signup.css" rel="stylesheet"> </head> <body> <div class="flexBox"> <div class="formBox"> <div class="memberBox"> <h2>회원 가입을 위해<br>정보를 입력해주세요</h2><br> <div> <p>* 이메일</p> <input type="text"> <hr class="hr-blue"> </div> <div> <p>* 이름</p> <input type="text"> <hr class="hr-grey"> </div> <div> <p>* 비밀번호</p> <input type="password"> <hr class="hr-grey"> </div> <div> <p>* 비밀번호 확인</p> <input type="password"> <hr class="hr-grey"> </div><br> <div class="flex-radio"> <div class="radio-control"> <input class="radio-group" type="radio" name="gender">여성 </div> <div class="radio-control"> <input class="radio-group" type="radio" name="gender">남성 </div> </div> <div> <h5><input class="check-control" type="checkbox">이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다.</h5> </div> <div> <hr class="hr-grey"> <br> </div> <div> <button>가입하기</button> </div> </div> </div> </div> </body> </html> /* 02-signup.css */ * { box-sizing: border-box; } .flexBox { display: flex; flex-direction: column; justify-content: center; align-items: center; } .formBox { width: 670px; height: 960px; background: #FFFFFF; border: 1px solid #AACDFF; box-shadow: 7px 7px 39px rgba(0, 104, 255, 0.25); border-radius: 20px; margin-top: 60px; margin-bottom: 60px; } .memberBox { width: 470px; height: 818px; margin-top: 72px; margin-bottom: 70px; margin-left: 100px; margin-right: 100px; } h2 { width: 466px; height: 94px; font-family: 'Noto Sans CJK KR', sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 47px; color: #0068FF; } p { width: 158px; height: 23.65px; font-family: 'Noto Sans CJK KR', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #797979; } input { height: 30px; border: 0px; } .hr-blue { width: 466px; height: 0px; border: 1px solid #0068FF; } .hr-grey { width: 466px; height: 0px; border: 1px solid #CFCFCF; } .flex-radio { display: flex; flex-direction: row; justify-content: center; align-items: center; } .radio-control { margin: 15px; } .radio-group { width: 20px; height: 19.95px; accent-color: #EBEBEB; border: 1px solid #D2D2D2; vertical-align: -5px; } .check-control { width: 20px; height: 20px; border: 1px solid #C4C4C4; border-radius: 3px; vertical-align: -6px; margin-right: 15px; } button { width: 470px; height: 75px; background: #FFFFFF; border: 1px solid #0068FF; border-radius: 10px; } 안녕하세요. 수업을 듣고 과제 회원가입 양식 CSS에 도전하여 피그마랑 유사하게 만드는 데에는 성공했습니다. 그런데 피그마를 보면 라디오 버튼이 회색이라 background 혹은 background-color 속성으로 적용을 해보니 색상이 변하지 않았고, 구글링으로 accent-color를 사용하면 input 태그의 색상을 변경할 수 있다고 해서 써보니 스샷처럼 체크할 때만 회색으로 나오네요. 혹시 다른 방법이 있을까요?

  • HTML/CSS
댓글 1 좋아요 0 조회수 1715

nginx 에러

해결됨

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

강사님처럼 코드 쓰면 이런화면이나오고 delete하고 다시해보면 밑에 화면처럼 나옵니다.. 무슨 문제일까요 이런화면이나오네요

  • HTML/CSS
  • javascript
  • aws
  • git
  • mysql
  • rest-api
  • github
민지홍 댓글 1 좋아요 1 조회수 703

npm start 후 빈화면

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. npm start 후 작성한 코드가 실행되지 않고 빈화면 띄는데 어떻게 해야할까요? 구글링 해본 결과 package.json 파일에 "homepage="." 추가하면된다고하는데,,, (제가 참고한 블로그입니다. 리액트 빌드 결과 빈화면만 보일때 - 상대경로 설정하기 ( tistory.com ) ) 일단 index.html 파일에 있는 내용 첨부해드립니다.. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <meta name="description" content="Web site created using create-react-app" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <!-- manifest.json provides metadata used when your web app is installed on a user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <!-- Notice the use of %PUBLIC_URL% in the tags above. It will be replaced with the URL of the `public` folder during the build. Only files inside the `public` folder can be referenced from the HTML. Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> <title>React App</title> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> <!-- This HTML file is a template. If you open it directly in the browser, you will see an empty page. You can add webfonts, meta tags, or analytics to this file. The build step will place the bundled scripts into the <body> tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> </body> </html>

  • HTML/CSS
  • javascript
  • react
gayoun0417 댓글 1 좋아요 0 조회수 1945

싸이월드 만들기 1탄 padding margin 질문있습니다.

해결됨

[코드캠프] 시작은 프리캠프

이게 background이고 이게 outer입니다. 이게 .background에만 padding을 준거구요 .background { width: 1024px; height: 600px; background-image: url("../images/background.png"); padding: 20px 0px 0px 20px; } .outerbox { width: 808px; height: 544px; background-image: url("../images/outerbox.png"); } 이게 .outerbox에만 margin을 준거에요. .background { width: 1024px; height: 600px; background-image: url("../images/background.png"); } .outerbox { width: 808px; height: 544px; background-image: url("../images/outerbox.png"); margin: 20px 0px 0px 20px; } class="outerbox"가 class="background" 안에 들어가있잖아요? 그럼 .outerbox에 margin을 주면 .background는 여백이 생기면 안되잖아요. .outerbox에만 여백이 생겨야하는거 아니에요? background 위쪽은 그대로이고 outerbox만 여백이 생겨야하는거 아닌가용? 이게 웃긴게 margin을 20px 0px 0px 20px줬는데 background의 왼쪽은 그대로이고 위쪽만 내려왔다는거에요.. background의 왼쪽은 여백이 안생김.. + .background { display: flex; width: 1024px; height: 600px; background-image: url("../images/background.png"); } .outerbox { width: 808px; height: 544px; background-image: url("../images/outerbox.png"); margin: 20px 0px 0px 20px; } 웃긴게 background쪽에 display: flex 추가하니까 .outerbox에 margin 추가 해도 여백이 제대로 생깁니다 이건 또 뭘까요..

  • HTML/CSS
  • javascript
방황하는물고기 댓글 1 좋아요 0 조회수 1359

공지사항 갤러리가 안먹혀요 ㅠ

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style8.css"> </head> <body> <div class="container"> <div class="left"> <header> <div class="header-logo"> <a href="#"><img src="images/logo-header.png" alt=""></a> </div> <div class="navi"> <ul class="menu"> <li> <a href="#">menu</a> <div class="sub-menu"> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> </div> </li> <li> <a href="#">menu</a> <div class="sub-menu"> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> </div> </li> <li> <a href="#">menu</a> <div class="sub-menu"> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> </div> </li> <li> <a href="#">menu</a> <div class="sub-menu"> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> <a href="#">sub-menu</a> </div> </li> </ul> </div> </header> </div> <div class="right"> <div class="slide"> <div> <a href="#"><img src="images/slide-01.jpg" alt=""></a> <a href="#"><img src="images/slide-02.jpg" alt=""></a> <a href="#"><img src="images/slide-03.jpg" alt=""></a> </div> </div> <div class="items"> <div class="news"> <div class="tab-inner"> <div class="btn"> <a href="#">공지사항</a> </div> <div class="tab1"> <a href="#">운영위원장 후보자 추천을 받고 있습니다.<b>2020.01.09</b></a> <a href="#">홈커밍데이 진행위원회 결과를 다운로드 받으세요.<b>2020.01.07</b></a> <a href="#">카드결제 무이자 이벤트 한시적 10월 20일까지<b>2019.12.31</b></a> <a href="#">보안강화 시스템 작업 안내 공지<b>2019.12.20</b></a> <a href="#">부여 가을연꽃축제 10주년 콘서트 축제<b>2019.12.20</b></a> </div> </div> </div> <div class="gallery"> <div class="tab-inner"> <div class="btn"> <a href="#">갤러리</a> </div> <div class="tab2"> <a href="#"><img src="images/gallery-01.jpg" alt=""></a> </div> </div> </div> <div class="shortcut"> <a href="#"> <img src="images/shortcut.jpg" alt=""> </a> </div> </div> <footer> <div class="copy">(주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장<br> 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니</div> <div class="sns"> <div> <a href="#"><img src="images/sns-01.png" alt=""></a> <a href="#"><img src="images/sns-02.png" alt=""></a> <a href="#"><img src="images/sns-03.png" alt=""></a> </div> <div> <select> <option value="">여주군청 홈페이지</option> <option value="">한국관광공사</option> <option value="">여행자보험가입</option> </select> </div> </div> </footer> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custum8.js"></script> </body> </html> @charset "utf-8"; body{ font-size: 15px; } a{ color: #000; text-decoration: none; } .container{ }.container>div{ height: 650px; float: left;}.left{ width: 200px;}.right{ width: 800px;} header{}header>div{}.header-logo{ height: 100px; line-height: 130px;}.navi{ margin-top: 30px;} .menu{ padding: 0; width: 90%; margin: auto;}.menu li{ list-style: none; text-align: center; }.menu li>a{ border: 1px solid #000; display: block; padding: 5px; transition: 0.5s;}.menu li:hover>a{ background-color: #000; color: #fff;}.sub-menu{ border: 1px solid #000; display: none;}.sub-menu a{ display: block; padding: 5px; transition: 0.5s;}.sub-menu a:hover{ background-color: #000; color: #fff;} .slide{ width: 800px; position: relative; height: 350px; }.slide>div{ font-size: 0;}.slide>div a{ position: absolute; top: 0; left: 0; opacity: 0; animation: slide 10s linear infinite;}.slide>div a:nth-child(1){ animation-delay: 0;}.slide>div a:nth-child(2){ animation-delay: 3.5s;}.slide>div a:nth-child(3){ animation-delay: 7s;} @keyframes slide{ 0%{opacity: 0;} 5%{opacity: 1;} 35%{opacity: 1;} 40%{opacity: 0;} 100%{opacity: 0;}} .items{ overflow: hidden;}.items div{ height: 200px; float: left; box-sizing: border-box;}.news{ width: 300px;} .tab-inner{}.btn{}.btn>a{ border: 1px solid #000; display: inline-block; padding: 5px; width: 130px; text-align: center; border-radius: 5px 5px 0 0;}.tab1, .tab2{ border: 1px solid #000; height: 160px;}.tab1 a{ display: block;}.tab2 img{ width: 100px;} .gallery{ width: 300px;}.shortcut{ width: 200px;}footer{ overflow: hidden;}footer>div{ height: 100px; float: left; box-sizing: border-box;}.copy{ width: 600px; text-align: center; padding-top: 30px;}.sns{ width: 200px;}.sns div{ text-align: center;}.sns div:first-child{ padding-top: 5px; }.sns div:last-child{ text-align: center; line-height: 35px;}

  • HTML/CSS
  • jquery
  • 웹-디자인
기쁜 돌고래 댓글 1 좋아요 0 조회수 279

단축키 관련 문의

미해결

따라하며 배우는 HTML, CSS

19:00 부분 코드가 꺼지는? 비활성화? 시키는 단축키가 있는걸까요~?

  • HTML/CSS
yh 댓글 1 좋아요 0 조회수 412

H2 실행 반응없음 윈도우

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

안녕하세요 처음 강의를 들을 때 h2 데이터베이스를 설치하여 진행하였을 때는 잘 진행되었는데, 강의를 다시 들으며 h2를 실행시켜보니 갑자기 실행이 되지 않습니다. 환경변수는 잘 설정되어있고 명령 프롬프트로 질문들 검색해서 나온 모든 해결방법을 실행해보았는데, 반응이 없고 h2 console 바로가기를 클릭해도 반응이 없습니다... 백신관련은 제거했습니다. 14.200 말고 최근버젼으로도 도전해봤습니다. 어떻게 해야 해결될까요?ㅠㅠ https://www.inflearn.com/questions/543652/%EC%9C%88%EB%8F%84%EC%9A%B0-h2-console-bat-%EC%8B%A4%ED%96%89-%EC%95%88%EB%90%A8-%ED%95%B4%EA%B2%B0%ED%95%A8 *이 방법도 시도해봣으나 안됩니다 C:\tools\h2\bin>/"h2.bat" '/"h2.bat"'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

  • java
  • spring
  • mvc
  • spring-boot
유정 댓글 2 좋아요 0 조회수 1347

인기 태그

인프런 TOP Writers

주간 인기글