묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
live server가 안 떠요..
저 이 화면에서 open with live server 를 눌렀는데이 화면이 떠요.. 저 그러고 혹시 강의 마지막 부분만 보고도 앱을 만들 수 있나요?
-
해결됨반응형 웹사이트 포트폴리오(App Official Landing Website)
하드코딩으로 이미지맵(image map) 만들기
하드코딩으로 이미지맵(image map) 만들기이미지맵 만드는 강좌 연습파일 다운로드는 유튜브 영상의 [더보기]에 링크가 있다고 하셨는데, 아무리 찾아봐도 찾을 수가 없습니다.어디서 받을 수 있는걸까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
시험 시 슬라이드 작성 관련 문의
슬라이드 유형 중에는 아래와 같이 가로세로 고정이 아닌 형태가 있는데 포토샵으로는 어떻게 만들면 좋을까요?D /E /F 유형 별로 자세하게 설명해 주셨으면 합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
그랩님, 답변 부탁드립니다.Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지
좋은 강의 잘 듣고 있습니다.다름이아니라, 이전 강의들에 에러들을 다 해결해서 80강을 듣기 전 까지 상품 상세 페이지 구현 후,상품 상세 페이지 보기까지 에러 없이 잘 되던 것이80강을 듣고 코드를 작성 후 부터 '상품 상세 페이지 ' 가 뜨지를 않고 있습니다.아래 사진 첨부 합니다. 사진 1. 아래 사진으로 DB Browser for SQLITE에서 이미지를 작성 해 준 뒤 일단 이미지는 잘 받아 옵니다. 위에 사진 1에서 가장 마지막인 4번째의 축구공을 누르면, 위와 그리고 아래와 같은 에러가 발생하며 상품 정보 상세 페이지.즉 상품 정보를 받고 있습니다... 만 그대로 멈춰있고 이전 강의 챕터에서 만든 것이 불러올 수 없게 되어질문을 남깁니다. 즉 상품 정보 상세 페이지가 잘 만들어져서 그대로 에러 없이 잘 해왔는데, 에러가 나서 여쭈어봅니다.어떻게 해야 이 에러를 해결 할 수 있을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
강의 질문 있습니다
■ 질문 남기실 때 꼭! 참고해주세요.안녕하세요 코딩웍스선생님의 웹디자인기능사자격증 수업듣고있는데요 중간에 다른선생님 목소리로 강의가 나와서요 강사2분의 강의를 한 강좌 안에 섞어서 만든 강의 인가요? 어제 9월9일에는 37강 부터 코딩웍스 선생님 목소리로 강의가 나왔는데 오늘 9월10일 에는 37강이 코딩웍스 강사분 목소리가 아닌 다른강사분 목소리로 강의가 나와서요 저는 코딩웍스 선생님의 강의를 듣고 싶어요 방법이 없을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
시험 관련 문의
시험유형 관련 사항 문의합니다. 예를 들면 D유형의 경우 공개문제 상으로는왼쪽 개별 네비게이션, 우측 메가 메뉴 두 유형이 존재하는데 예를 들면 D유형 공개문제에는 없는 상단 메뉴가 추가되어 나온다는지 하는 경우가 있는지 문의 드립니다. 정리하면 24개 공개문제에 없는 새로운 유형이 출제 될 수도 있는지 알려주시면 될 것 같습니다.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
파워포인트 자료 다운로드 버튼 어디에 있나요?
안녕하세요 7강 파워포인트 자료 다운로드 버튼 어디에 있나요? 나중에 코딩소스도 다운로드해서 볼수있나요?
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.01
hover pulse animation 관련해서 질문있습니다!
mouseenter 마우스 이벤트를 할때 pulse.start(); 대신 pulse.restart();로 처음시작하게 하는것처럼 실습 때 mouseleave 마우스가 벗어날 때 자연스럽게 하려면pulse.pause();gsap.to('button',{scale:0.8,duration:0.4})두개를 사용해서 어색하지 않게 구현했는데요, pulse.pause();gsap.to('button',{scale:0.8,duration:0.4})대신 pulse.reverse();를 사용해도 동일하게 어색하지 않게 줄 수있는 효과인건가요? 차이점은 없는건지 궁금합니다.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
브라우저 화면 줄일 시 빈 공간 발생
D1 유형이고, 브라우저 화면을 줄이면 위와 같이 빈 공간이 발생합니다. 슬라이드 이미지로 꽉 채워져야 할 것 같은데 말입니다. 제공된 예제 파일에서도 이런 증상이 있는 것 같은데 혹시 잘못된 부분이 있는 건가요?아니면 원래 예상된 동작인지 궁금합니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="maincontant"> <div class="left"> <header> <div class="headerlogo"></div> <div class="navi"></div> <div class="spotmenu"></div> </header> </div> <div class="right"> <div class="slide"> <div class="slideimg"> <div class="slideinner slideitems"> <a class="sitem" href="#none"><img src="images/slide-d-01.jpg" alt="slide-d-01"></a> <a class="sitem" href="#none"><img src="images/slide-d-02.jpg" alt="slide-d-02"></a> <a class="sitem" href="#none"><img src="images/slide-d-03.jpg" alt="slide-d-03"></a> </div> </div> <div class="slidebanner"> <a href="#none"><img src="images/banner-01.png" alt="banner-01"></a> <a href="#none"><img src="images/banner-02.png" alt="banner-02"></a> <a href="#none"><img src="images/banner-03.png" alt="banner-03"></a> </div> </div> <div class="items"> <div class="shortcut"></div> <div class="newsgallery"></div> </div> </div> </div> <footer> <div class="footerlogo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> <script type="text/javascript" src="script/jquery-1.12.4.js"></script> <script type="text/javascript" src="script/custom.js"></script> </body> </html>@charset "utf-8"; body { margin: 0; background-color: #fff; color: #333; } .container {} .maincontant { display: flex; } .maincontant > div{ border: 1px solid; /* height: 800px; */ } .left { width: 200px; } .right { flex : 1 } /* header */ header{} header > div { border: 1px solid red; } .headerlogo { height: 200px; } .navi { height: 500px; } .spotmenu { height: 50px; } .slide { height: 400px; position: relative; } .slideimg { /* border: 1px solid blue; */ height: 400px; position: relative; overflow: hidden; } /* Slide Animation */ .slideinner { /* 실제로 움직이는 요소 */ position: absolute; top: 0; left: 0; font-size: 0; /* animation: slide 10s linear infinite; */ height: inherit; } .slideinner a { /* 움직이는 .slide-image-inner에 포함된 요소 */ height: inherit; } .slideinner a img { width: 100%; height: inherit; /* 부모요소인 a의 너비에 유동적으로 맞춰지게 하는 속성 */ object-fit: cover; } .slidebanner { width: 100px; height: 300px; position: absolute; top: 0; right: 0; } .slidebanner img{ width: 100px; } /* items */ .items{} .items > div{ border: 1px solid green; } .shortcut { height: 200px; } .newsgallery { height: 250px; } /* footer */ footer { display: flex; } footer > div { border: 1px solid; height: 100px; } .footerlogo { width: 200px; } .copyright { flex:1 } .sns { width: 300px; }setInterval(function(){ $('.slideitems').animate({top:'-100%'},function(){ $('.slideitems').css({top:0}); $('.sitem:first-child').appendTo('.slideitems') }) },1000);
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인부탁드립니다
권한 요청드렸습니다.확인부탁드립니다!
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
CodeSandbox Vanilla 질문있습니다
안녕하세요. CodeSandbox에 Vanilla가 보이질 않습니다. 그래서 인프런 내부에 올라온 여러 해결방법을 찾아서 따라하려 했으나 잘 되지는 않는 것 같습니다. 혹시 그냥 자바스크립트를 사용해도 이상없을까요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
6강/7강 수업
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.6강 마지막 화면이랑 7강 첫화면 코드가 달라져서 이 부분은 어떻게 해결하면 될까요??(안녕하세요->환영합니다)(console.log->alert)크게 이 두 부분이 다른 것 같습니다. 그냥 이대로 진행하면 될까요?2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
-
해결됨[코드캠프] 강력한 CSS
노션 자료위치
안녕하세요 .강의에 노션자료가있다고하는데 노션링크를 못찾아서요 노션링크를 공유받을수있을까요 ?
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
div#css-checker-widget의 해결방
DIV를 HTMl에서 두 개를 만들었는데 계속 이미지와 같이 div#css-checker-widget라는 것이 생겨서 3개의 div가 나옵니다. 껐다 재실행도 해보고 다른 파일에서도 생성해도 같은 증상이 나오는데 왜 그런걸까요?<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>자손선택자vs자식선택자</title> <link rel="stylesheet" href="CSS/style.css"> <script src="/script/jquery-1.12.4.js"></script> </head> <body> <span>Inline element</span> <span>Inline element</span> <span>Inline element</span> <div>Block Element1</div> <div>Block Element2</div> </body> </html> * { box-sizing: border-box; } body { font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 1.5em; color: #222; } a{ text-decoration: none; color: #222; } span { border: 1px solid #000; text-transform:capitalize; width: 400px; height: 100px; margin: 20px; } div { border: 1px solid red; background:red; margin: 20px; width: 200px; height: 50px; }- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결구글 애드센스 수익형 워드프레스 블로그 만들기
테마 관련
안녕하세요 혹시 뉴스페이퍼 말고 아스트라나 다른 기본 테마로 블로그 운영하는건 별로인가요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
서브메뉴가 유지되지 못하고 사라지는데 무엇이 문제 일까요?
서브메뉴가 아래 같이 유지되지 않고 사라지네요. 어디가 잘못일까요? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="main-content"> <div class="left"> <header> <div class="headerlogo"></div> <div class="navi"> <!-- navigation --> <ul class="menu"> <li> <a href="#none">CLUB</a> <div class="submenu"> <a href="#none">클럽소개</a> <a href="#none">시설안내</a> </div> </li> <li> <a href="#none">BOOKING</a> <div class="submenu"> <a href="#none">요금안내</a> <a href="#none">예약안내</a> <a href="#none">위약안내</a> </div> </li> <li> <a href="#none">INFORMATION</a> <div class="submenu"> <a href="#none">명예의 전당</a> <a href="#none">이벤트</a> <a href="#none">자료실</a> <a href="#none">포토갤러리</a> </div> </li> <li> <a href="#none">COMMUNITY</a> <div class="submenu"> <a href="#none">공지사항</a> <a href="#none">Q&A</a> </div> </li> </ul> </div> <div class="spotmenu"></div> </header> </div> <div class="right"> <div class="slide"> <div class="slideimg"></div> <div class="slidebanner"></div> </div> <div class="items"> <div class="shortcut"></div> <div class="newsgallery"></div> </div> </div> </div> <footer> <div class="footer-logo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> <script type="text/javascript" src="/script/jquery-1.12.4.js"></script> <script type="text/javascript" src="/script/custom.js"></script> </body> </html>@charset "utf-8"; body { margin: 0; background-color: #fff; color: #333; } a { text-decoration: none; color: inherit; } .container {} .main-content { display: flex; } .main-content > div{ border: 1px solid gray; /* height: 800px; */ } .left { width: 200px; } .right { flex : 1 } header {} header > div { border: 1px solid red; } .headerlogo { height: 100px; } .navi { height: 400px; } .spotmenu { height: 100px; } .slide { position: relative; height: 400px; } .slide > div { border: 1px solid blue; /* height: 400px; */ } .slideimg { height: 400px; } .slidebanner { position: absolute; top: 0; right: 0; height: 300px; width: 100px; } .items {} .items > div { border: 1px solid green; } .shortcut { height: 200px; } .newsgallery { height: 250px; } footer { display: flex; } footer > div { border: 1px solid orange; height: 100px; } .footer-logo { width: 200px; } .copyright { flex: 1 } .sns{ width: 300px; } /* navagation */ .menu { list-style: none; padding: 0; width: 90%; margin: auto; margin-top: 15px; } .menu li { position: relative; text-align: center; } .menu li > a { border: 1px solid black; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a { background-color: rgba(0, 0, 0, 0.5); color: white; } .submenu { border: 1px solid black; display: none; position: absolute; top: 0; left: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); height: 150px; } .submenu a { display: block; padding: 5px; transition: 0.5s; } .submenu a:hover { background-color: rgba(0, 0, 0, 0.5); color: white; }// navigation $('.menu li').mouseenter(function(){ $(this).children('.submenu').slideDown() }) $('.menu li').mouseleave(function(){ $(this).children('.submenu').slideUp() })
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?
ch-7-2에서포스트 상세 조회 router 안에서 ipify.org api를 호출하는데포스트 상세 조회 API를 클라이언트에서 호출할 경우서버에서 ipify.org api를 호출하기 때문에 의도한바와 다르게 서버 ip 주소가 나오고 클라이언트 IP는 req.ip를 통해서만 얻을 수 있지않나요??const response = await axios.get("https://api.ipify.org?format=json"); ip = response.data.ip;
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
슬라이드 및 완성본 관련 사항
슬라이드 작성 시 CSS 도 변경되어야 할 것 같은데 아직 강의 영상에서는 찾지 못했습니다.어느 위치에 있는 건가요?예를 들면 가로 슬라이드 제작시 width: 3600px;로 설정하고 position absolute로 변경 해야 할 것 같은데 관련 사항을 찾을 수 없습니다.abc type에 대한 flex / jquery 적용 완성본 공유 부탁드립니다.ABD 강의 영상은 DEF 타입과 달리 flex나 jquery 를 사용하지 않아 시험 준비하는데 어려움이 있네요.혹시 제가 찾지 못한 것이라면 위치 알려주셨으면 합니다. 그리고 시험이 얼마남지 않아 공부중인데 자료 찾는데 시간이 너무 많이 걸립니다. A~F 유형에 대한 모든 완성본 취합해서 올려주시면 많은 도움이 될 것 같습니다.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다
@charset "UTF-8"; body{ margin: 0; background-color: #ffffff; color: #333333; } a{ text-decoration: none; color: #333333; } .container{ width: 100%; } .main{ margin: auto; display: flex; border: 1px #333333 solid; box-sizing: border-box; } footer{ margin: auto; } .left{ width: 200px; border: 1px #333333 solid; box-sizing: border-box; } .right{ width: calc(100% - 200px); border: 1px #333333 solid; box-sizing: border-box; } .header-logo{ height: 100px; border: 1px #333333 solid; } .navi{ border: 1px #333333 solid; box-sizing: border-box; height: 100px; } .sub-menu{ border: 1px #333333 solid; height: 100px; } .header-logo a img{ object-fit: cover; } .slide{ height: 400px; border: 1px #333333 solid; position: relative; } .slide-itmes{ height: 400px; border: 1px #333333 solid; position: relative; overflow: hidden; } .silde-items-img{ height: 400px; width: 300%; font-size: 0; position: absolute; } .silde-items-img a{ border: 1px #333333 solid; height: inherit; width: calc(100% / 3); display: inline-block; box-sizing: border-box; } .silde-items-img a img{ object-fit: cover; height: inherit; width: 100%; } .slide-banner{ position: absolute; top: 0; right: 0; box-sizing: border-box; } .item1{ height: 200px; border: 1px #333333 solid; box-sizing: border-box; } .item2{ height: 250px; border: 1px #333333 solid; box-sizing: border-box; } .news{ height: inherit; } footer{ border: 1px #333333 solid; display: flex; justify-self: start; box-sizing: border-box; width: 100%; } footer>div{height: 100px;} .footer-logo{ background-color: #161111; width: 200px; } .copyright{ background-color: aqua; width: calc(100% - 400px); } .sns{ background-color: rgb(158, 69, 69); width: 200px; }<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css"> <title>Document</title> </head> <body> <div class="container"> <div class="main"> <div class="left"> <header> <div class="header-logo"> <a href="#none"><img src="images/logo-b4-header.png" alt=""></a> </div> <div class="navi"></div> <div class="sub-menu"></div> </header> </div> <div class="right"> <div class="slide"> <div class="slide-items"> <div class="slide-items-img"> <a href="#none"><img src="images/slide-d-01.jpg" alt=""></a> </div> </div> <div class="slide-banner"> <a href="#none"><img src="images/banne-a1-02.jpg" alt=""></a> </div> </div> <div class="item1"> <div class="shortcut"></div> </div> <div class="item2"> <div class="news"></div> </div> </div> </div> <footer> <div class="footer-logo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html>ovject-fit:cover;했는데 이미지가 유동적으로 변하지 않아서 글을 올립니다 창 넓이를 늘리면 슬라이드창에 맞춰 이미지 크기가 변해 붙지 않고 공백이 생겨납니다
-
해결됨[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.
@charset "UTF-8"; body{ margin:0 ; background-color: #fff; color: #222328; } a{ color: #222328; text-decoration: none; } .header-inner{ width: 1200px; margin: auto; line-height: 120px; } header{ height: 100px; width: 1200px; margin: auto; z-index: 20; position: relative; } header>div{ height:100px;} .header-logo{ width: 200px; height: 100px; float: left; } .navi{ width: 800px; height: 100px; float: right; } .contents-inner{ width: 1200px; margin: auto; } .slide{ width: 1200px; height: 300px; position: relative; overflow: hidden; } .slide-items{ width: 3600px; height: 300px; font-size: 0; position: absolute; } .items{ width: 1200px; margin: auto; display: flex; } .items>div{ height: 200px; width: 400px; } .footer-inner{ border: #222328 1px solid; width: 1200px; margin: auto; } footer{ height: 100px; width: 1200px; display: flex; overflow: hidden; } .footer-items{ width: 1000px; } .footer-items div{ height: 50px; border: #222328 1px solid; } .fmily-site{ border: #222328 1px solid; width: 200px; } /* 갤러리,공지사항 */ .tab-inner{ padding-top: 10px; } .tab1{ border: #222328 1px solid; width: 93%; padding: 10px; margin: auto; } .tab1 a{ display: block; border-bottom: 1px #222328 solid; } .tab1 a:last-child{ border-bottom: none; } b{ float: right; font-weight: normal; } .tab-inner>span{ display: inline-block; border: #222328 1px solid; border-radius: 5px 5px 0 0; border-bottom: #fff 1px solid; margin-bottom: -1px; margin-left: 10px; width: 100px; text-align: center; } .tab2{ border: #222328 1px solid; width: 93%; padding: 10px; margin: auto; padding-top: 22px; text-align: center; height: 112px } .tab2 a img{ width: 100px; } .banner a img{ padding: 5px; width: 95%; } /* 메뉴 */ .menu{padding: 0;} .menu li{ float: left; width: 25%; list-style: none; text-align: center; display: block; } .menu li>a{ display: block; } .sub-menu{ background-color: #222328; border: 1px solid #222328 } .sub-menu a{ display: block; text-align: center; color: #fff; z-index: 8; display: none; } .menu li:hover>a{ color: #fff; background-color: #222328; } .sub-menu a:hover{ color: #222328; background-color: #fff; } .sub-back{ width: 1200px; height: 200px; background-color: #222328; position: absolute; left: 0; top:100%; z-index: -3; display: none; } .footer-items:nth-child(1){ text-align: center; }setInterval(function(){ $('.slide-items').animate({left:'-1200px'},function(){ $('.slide-items').css({left:0}) $('.slide-items a:first-child').appendTo('.slide-items') }) }, 3500); $('.menu li').mouseenter(function(){ $('.sub-menu,.sub-back').slideDown() }) $('.menu li').mouseleave(function(){ $('.sub-menu,.sub-back').slideUp() }) <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="header-inner"> <header> <div class="header-logo"> <a href="#none"><img src="images/header-logo.jpg" alt=""></a> </div> <div class="navi"> <ul class="menu"> <li> <a href="#none">대학소개</a> <div class="sub-menu"> <a href="#none">총장인사말</a> <a href="#none">학교소개</a> <a href="#none">홍보관</a> <a href="#none">캠퍼스안내</a> </div> </li> <li> <a href="#none">입학안내</a> <div class="sub-menu"> <a href="#none">수시모집</a> <a href="#none">정시모집</a> <a href="#none">편입학</a> <a href="#none">재외국민</a> </div> </li> <li> <a href="#none">정보서비스</a> <div class="sub-menu"> <a href="#none">대학정보알림</a> <a href="#none">정보공개</a> <a href="#none">정보서비스안내</a> </div> </li> <li> <a href="#none">커뮤니티</a> <div class="sub-menu"> <a href="#none">공지사항</a> <a href="#none">참여게시판</a> <a href="#none">자료실</a> </div> </li> <div class="sub-back"></div> </ul> </div> </header> </div> <div class="contents-inner"> <div class="slide"> <div class="slide-items"> <a href="#none"><img src="images/slide01.jpg" alt="슬라이드1"></a> <a href="#none"><img src="images/slide02.jpg" alt="슬라이드2"></a> <a href="#none"><img src="images/slide03.jpg" alt="슬라이드3"></a> </div> </div> <div class="items"> <div class="news"> <div class="tab-inner"> <span>공지사항</span> <div class="tab1"> <a href="#none">산업대학교 동문회장배 자선골프대회<b>2016-09-12</b></a> <a href="#none">개교 100주년 기념 야외 오페라 초청 <b>2016-09-10</b></a> <a href="#none">동문회장 및 운영위원장 후보자 추천<b>2016-09-09</b></a> <a href="#none">진행위원회(정회원) 선발 결과<b>2016-09-07</b></a> <a href="#none">산업대학교 동문회 개최일 변경<b>2016-08-30</b></a> </div> </div> </div> <div class="gallery"> <div class="tab-inner"> <span>갤러리</span> <div class="tab2"> <a href="#none"><img src="images/img1.jpg" alt="이미지"></a> <a href="#none"><img src="images/img2.jpg" alt="이미지"></a> <a href="#none"><img src="images/img3.jpg" alt="이미지"></a> </div> </div> </div> <div class="banner"> <a href="#none"><img src="images/banner.jpg" alt=""></a> </div> </div> </div> <div class="footer-inner"> <footer> <div class="footer-items"> <div><a href="#none">법적고지 개인정보취급방침 개인정보처리방침 <br>상호명 : 산업대학교 대표자 : 송성훈 개인정보관리책임자 : 김보미 대리 사업장주소 : 서울특별시 중구 개항로 49</a></div> <div><select> <option value="">패밀리사이트</option> <option value="">산업대학교</option> <option value="">정보통신부</option> <option value="">과학기술연구원 </option> </select></div> </div> <div class="family-site"> <select> <option value="https://www.naver.com">네이버 </option> </select> </div> </footer> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html>
