173만명의 커뮤니티!! 함께 토론해봐요.
미해결
반응형 웹사이트 포트폴리오(Architecture Agency)
<!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>DesignWokrs Agency</title> <script src="./js/jquery-2.1.4.js"></script> <!-- page scroll Effects js＆css --> <script src="./js/velocity/modernizr.js"></script> <script src="./js/velocity/velocity.min.js"></script> <script src="./js/velocity/velocity.ui.min.js"></script> <script src="/js/velocity/main.js"></script> <link rel="stylesheet" href="./js/velocity/velocity.css"> <!-- custom js＆css --> <script src="./js/custom.js"></script> <!-- 순서가 중요함 pc버전인 스타일 css가 먼저우선시 되야함 --> <link rel="stylesheet" href="./style.css"> <!-- 모바일 부분만 반응 css --> <link rel="stylesheet" href="./responsive.css"> </head> <!-- 애니메이션 속성들 --> <!-- hijacking: on/off - animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax --> <body data-hijacking="on" data-animation="rotate"> <div class="container"> <section class="cd-section visible"> <div> <div class="content"> <img src="./images/temp-section-01.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-02.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-03.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-04.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-05.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-06.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-07.jpg"> </div> </div> </section> <header> <div class="gnb-inner"> <div class="logo"> <a href="#none"><img src="images/logo.png"></a> </div> <!-- 네비게이션 부분 --> <div class="gnb"> <div class="menu"> <a href="#none">Home</a> <a href="#none">About</a> <a href="#none">Project</a> <a href="#none">Plan & History</a> <a href="#none">Awards</a> <a href="#none">Location</a> <a href="#none">Contact</a> </div> <div class="slogan">We design places, not projects.</div> </div> <!-- 햄버거 버튼 --> <div class="trigger active"> <span></span> <span></span> <span></span> </div> </div> </header> </div> <nav> <ul class="cd-vertical-nav"> <li><a href="#0" class="cd-prev inactive">Next</a></li> <li><a href="#0" class="cd-next">Prev</a></li> </ul> </nav> <!-- .cd-vertical-nav --> </body> </html> $(function() { /* Trigger */ $('.trigger').cli(function(){ $(this).toggleClass('active') }) }) /* Google Web Font : Montserrat */ @import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500&display=swap'); @import url('https://fonts.googleapis.com/css?family=Manrope:300,400,500,600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass&display=swap'); /* FontAwesome CDN 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /* Reset CSS */ * {box-sizing: border-box;} ul { list-style: none;} a {text-decoration: none;} /* Default CSS */ body{ font-family: 'Montserrat', sans-serif; color: #222; font-size: 15px; margin: 0; height: 100vh; background-color: #fff; } /* Entire Layout(전체적인 레이아웃) */ .cd-section { height: 100vh; } .cd-section > div { height: 100%; position: relative; } .content { background-color: #ddd; position: absolute; /* 연산함수 calc를 이용하여 섹션내에 삐저나오지 않고 들어오게함 */ width: calc(100% - 40px); height: calc(100% - 80px); left: 20px; bottom: 20px; /* 넘치는 부분 끊기 */ overflow: hidden; } /* Header */ header { position: fixed; top:0; left: 0; width: 100%; } .gnb-inner { /* bd+tab =보더 생성 */ /* border: 1px solid #000; */ width: calc(100% - 40px); margin: auto; height: 60px; /* 높이값만큼 주면 중앙 정렬 */ line-height: 60px; } .logo { float: left; } .gnb { float: right; } .menu { display: block; } .menu a{ } .gnb a {} .slogan { font-size: 16px; font-style: italic; } .trigger { display: none; } 햄버거 버튼이 x로 바뀌지 않습니다 ㅠㅠ
ckrnckr12
2024-06-17T08:55:59.546Z
댓글 2
좋아요 0
조회수 242
미해결
반응형 웹사이트 포트폴리오(Architecture Agency)
<!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>DesignWokrs Agency</title> <script src="./js/jquery-2.1.4.js"></script> <!-- page scroll Effects js＆css --> <script src="./js/velocity/velocity.min.js"></script> <script src="./js/velocity/velocity.ui.min.js"></script> <script src="/js/velocity/main.js"></script> <link rel="stylesheet" href="./js/velocity/velocity.css"> <!-- custom js＆css --> <!-- 순서가 중요함 pc버전인 스타일 css가 먼저우선시 되야함 --> <link rel="stylesheet" href="./style.css"> <!-- 모바일 부분만 반응 css --> <link rel="stylesheet" href="./responsive.css"> </head> <!-- 애니메이션 속성들 --> <!-- hijacking: on/off - animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax --> <body data-hijacking="on" data-animation="rotate"> <div class="container"> <section class="cd-section visible"> <div> <div class="content"> <img src="./images/temp-section-01.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-02.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-03.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-04.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-05.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-06.jpg"> </div> </div> </section> <section class="cd-section"> <div> <div class="content"> <img src="./images/temp-section-07.jpg"> </div> </div> </section> <header> <div class="gnb-inner"> <div class="logo"> <a href="#none"><img src="images/logo.png"></a> </div> <!-- 네비게이션 부분 --> <div class="gnb"> <div class="menu"> <a href="#none">Home</a> <a href="#none">About</a> <a href="#none">Project</a> <a href="#none">Plan & History</a> <a href="#none">Awards</a> <a href="#none">Location</a> <a href="#none">Contact</a> </div> <div class="slogan">We design places, not projects.</div> </div> <!-- 햄버거 버튼 --> <div class="trigger"> <span></span> <span></span> <span></span> </div> </div> </header> </div> <nav> <ul class="cd-vertical-nav"> <li><a href="#0" class="cd-prev inactive">Next</a></li> <li><a href="#0" class="cd-next">Prev</a></li> </ul> </nav> <!-- .cd-vertical-nav --> </body> </html> /* 모바일전용 */ /*pc min:최소너비 */ /* 모바일 기준 최대넓이 768을 넘지 못한다 */ @media (max-width: 768px) { /* Entire Layout(전체적인 레이아웃) */ .cd-section { height: auto; } .cd-section > div { height: auto; } .content { position: static; width: 100%; height: 100%; left: 20px; bottom: 20px; }; /* Header */ .menu { display: block; } .slogan { display: none; } .gnb { background-color: #fff; position: fixed; top: 0; right: 0; width: 250px; height: 100vh; /* 왼쪽,위아래,퍼짐정도 */ box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1); } .menu { line-height: 40px; /* 메뉴를 전체적으로 내림 */ margin-top: 60px; } .menu a { text-align: right; display: block; padding-right: 20px; color: #000; font-size: 20px; }; /* Trigger */ .trigger{ display: block; border: 1px solid #000; width: 24px; height: 14px; position: absolute; right: 20px; top: 20px; cursor: pointer; }; }; /* pc버전 */ /* Google Web Font : Montserrat */ @import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500&display=swap'); @import url('https://fonts.googleapis.com/css?family=Manrope:300,400,500,600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass&display=swap'); /* FontAwesome CDN 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /* Reset CSS */ * {box-sizing: border-box;} ul { list-style: none;} a {text-decoration: none;} /* Default CSS */ body{ font-family: 'Montserrat', sans-serif; color: #222; font-size: 15px; margin: 0; height: 100vh; background-color: #fff; } /* Entire Layout(전체적인 레이아웃) */ .cd-section { height: 100vh; } .cd-section > div { height: 100%; position: relative; } .content { background-color: #ddd; position: absolute; /* 연산함수 calc를 이용하여 섹션내에 삐저나오지 않고 들어오게함 */ width: calc(100% - 40px); height: calc(100% - 80px); left: 20px; bottom: 20px; /* 넘치는 부분 끊기 */ overflow: hidden; } /* Header */ header { position: fixed; top:0; left: 0; width: 100%; } .gnb-inner { /* bd+tab =보더 생성 */ /* border: 1px solid #000; */ width: calc(100% - 40px); margin: auto; height: 60px; /* 높이값만큼 주면 중앙 정렬 */ line-height: 60px; } .logo { float: left; } .gnb { float: right; } .menu { display: block; } .menu a{ } .gnb a {} .slogan { font-size: 16px; font-style: italic; } .trigger { display: none; } 아까 질문드렸던 수강생입니다 추가하여 업로드 하였습니다
ckrnckr12
2024-06-14T08:03:50.961Z
댓글 2
좋아요 1
조회수 232
미해결
반응형 웹사이트 포트폴리오(Architecture Agency)
& History</a> <a href="#none">Awards</a> <a href="#none">Location</a> <a href="#none">Contact</a> </div> <div class="slogan">We design places, not projects.</div> </div> <!-- 햄버거 버튼 --> <div class="trigger"> <span></span> <span></span> <span></span> </div> </div> </header> </div> @media (max-width: 768px) { /* Entire Layout(전체적인 레이아웃) */ .cd-section { height: auto; } .cd-section > div { height: auto; } .content { position: static; width: 100%; height: 100%; left: 20px; bottom: 20px; }; /* Header */ .menu { display: block; } .slogan { display: none; } .gnb { background-color: #fff; position: fixed; top: 0; right: 0; width: 250px; height: 100vh; /* 왼쪽,위아래,퍼짐정도 */ box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1); } .menu { line-height: 40px; /* 메뉴를 전체적으로 내림 */ margin-top: 60px; } .menu a { text-align: right; display: block; padding-right: 20px; color: #000; font-size: 20px; }; /* Trigger */ .trigger{ display: block; border: 1px solid #000; width: 24px; height: 14px; position: absolute; right: 20px; top: 20px; cursor: pointer; }; }; 위 코드 적용시 이렇게 임시 보더 박스가 표기 되지 않습니다 ㅠㅠ
ckrnckr12
2024-06-14T02:22:49.130Z
댓글 3
좋아요 1
조회수 277
미해결
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
실수로 style.css파일을 지워서 다시 만들려고 style.scss에 watch sass를 눌렀는데 css파일이 다시 생기지가 않아요.. 해결 방법이 없을까요...? ㅠㅠ
HTML/CSS javascript sass jquery scss
망고19
2024-06-13T07:30:44.187Z
댓글 1
좋아요 1
조회수 216
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
강사님. 완벽히 준비하지 못했지만 월요일에 시험 치르고 왔습니다.ㅎㅎ ㅠㅠ 아마 완벽히 준비를 못해서 불안한 마음에 이 글 남기는게 더 크지 싶습니다^^;;; 이번으로 자격증 취득이 끝이 나야 할텐데요...ㅠㅠ 포토샵 실습을 못해서 학생 때, 잠깐 포토샵 사용한 기술로 사진 크기 줄이는거만 어찌저찌 해서 5mb 이하로 용량 맞춰서 제출했네요.ㅠㅠ(실격 안 당하려고 무진장 애썼다능...) 제가 어떤 시험이든 준비하는 스타일이 합격선 이상으로 준비해서(모든 유형 마스터, 다 완성가능해야함) 시험을 치러야 마음이 편한 인간 부류인데...ㅋㅋㅋ 이 시험은 아무리 강의를 본들, 코드 작성을 따라보고 친들, 이거는 제 스스로가 유형별로 만들어보지 않으면 시험합격하긴 어렵더라구요. 그리고 공부법도 시험친후 파악했구요ㅋㅋㅋ ㅠㅠ 60점만 넘으면 되긴 하는데... 강사님처럼 완벽하게 하진 못했구요.ㅠ 메뉴 마우스 오버 시에 색 바뀌는거랑 메뉴 마우스 올리면 배경이랑 서브메뉴 나오면서 주메뉴하고 서브메뉴 같은 색으로 바뀌게끔 작성하고 나오긴 했는데...ㅠ 감점 있을까요?ㅠㅠ 그리고 나머지 배너, 공지사항 갤러리도 허접하게 했지만 그래도 하고는 나왔습니다.ㅠ 슬라이드는 그래도 하고 나오긴 했어요. 문제는 이미지 용량을 무지 줄여서 좀^^;; 이것도 감점사유가 되나요?ㅠㅠ 암튼...ㅠㅠ 어떤것들이 감점 요인으로 작용할까요?ㅠㅠ 넘 불안해요. 이번으로 끝내고 싶은 마음이 간절하다보니 이렇게 글 남깁니다. 아무튼 이런 좋은 강의 만들어주셔서 감사하고, 좋은 결과 나오면 다시한번 더 글 남기도록 할게요:) 오늘도 좋은 하루 보내세요. ps) 참고로 a2 유형이었고, 아! 그리고 팝업도 하고 나왔습니다! 완벽히 준비하지 못해서 느낌이 애매하다 보니...ㅋ 글 작성하면서는 결과가 나쁘지는 않을 것 같은데... ㅜㅜ 그래도 이게 결과라는게 불확실하다보니까...ㅠ 감점이 어떻게 들어가는지 궁금하네요. 그리고 유형별로 슬라이드 내용을 포토샵으로 하면 안되는 유형도 있더라구요. 아! 마지막으로 이건 건의사항인데요^^;;; 저희 강의에서 요약정리로 슬라이드 css, javascript 사용해서 보여주셨잖아요~ 메뉴도 유형별로 정리하는것도 나쁘지 않을 것 같습니다.
sy4562
2024-06-13T01:46:28.469Z
댓글 1
좋아요 0
조회수 1239
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
예제파일 어디서 다운 받을수 있나요? (구매는 완료함)
aerooom
2024-06-12T03:12:55.626Z
댓글 2
좋아요 1
조회수 226
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
header h1{width: 200px; height: 40px; margin: 30px 0;} header .gnb {width: 180px; height: 200px; margin: 0 auto; background: #0660da;} header .gnb li{height: 50px; line-height: 50px; text-align: center; font-size: 20px;} header .gnb li .lnb{width: 0px; position: absolute; transition: 0.3s; height: 50px; background: rgba(0,188,228,0.9); left: 190px; top: 100px; overflow: hidden; z-index: 10;} header .gnb li:hover{background: #0c4ba0;} header .gnb li a{color: #fff; display: block;} header .gnb:hover li .lnb{width: calc(100% - 190px); } header .gnb li .lnb li{float: left; font-size: 18px;} header .gnb li .lnb li a{padding: 0 20px;} header .gnb li:nth-child(2) .lnb{top: 150px;} header .gnb li:nth-child(3) .lnb{top: 200px;} header .gnb li:nth-child(4) .lnb{top: 250px;} position relative는 안적었는데 그럼 부모기준으로 .gnb li가 부모로 자동지정되는건가요? 참고로 D3 유형입니다.
sy4562
2024-06-09T02:14:36.057Z
댓글 1
좋아요 0
조회수 222
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
D,E,F타입의 경우 슬라이드 영역이 유동형인데 포토샵에서 창 크기를 어느정도로 해야할까요?
준혁김
2024-06-06T05:01:26.089Z
댓글 1
좋아요 1
조회수 227
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
모달창 열리는거는 문제 없는데 닫기 누르면 이 창이 떠요. 닫히는 코드에 문제나 오타가 있다기에는 뒤로가기 누르면 또 제대로 닫혀 있어요.. 이전에는 공지사항 갤러리 탭 메뉴할때도 갤러리 누르면이 창이 떠서 뒤로가기 누르면 또 갤러리 탭이 제대로 실행되어있더라구요.. 다시 공지사항 누르면 저 오류창은 안뜨구요. 제이쿼리가 작동은 되는데 중간에 이 창이 뜨는 이유를 모르겠어요 ㅠㅠ 크롬으로 연결해도 똑같이 뜨네요 ㅠㅠ
2024-06-03T05:54:36.881Z
댓글 1
좋아요 1
조회수 181
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
강사님. 오늘도 수고 많으십니다:) 다름이 아니라 지금 연습을 하고 있습니다만, 업로드된 코드들 A유형부터 F유형까지 수정 점검 한번 부탁드립니다.^^;; 분명 강의 업로드나 수업자료 등 강사님 계획이 있으셨을 듯 한데...^^;; 시험이 얼마 안남은지라 급하게 제가 요청드려서 죄송합니다.ㅠㅠ 제가 고치면서 하고는 있는데 유형별로 A1부터 F4까지 중간 중간 수정이 필요할듯해서요. 코드들 확인 부탁드립니다. 오늘도 좋은 하루 되시길 바라며, 오늘도 열공하러 갑니다. 좋은 강의 감사합니다.
sy4562
2024-05-31T04:34:00.358Z
댓글 3
좋아요 0
조회수 317
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
강사님. 혹시 슬라이드 사진 E유형처럼 100%로 보이게 어떻게 하면 되는건가요?ㅠㅠ 코드 부탁드립니다.
sy4562
2024-05-31T03:46:04.275Z
댓글 2
좋아요 0
조회수 267
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
특성화고에서 필기면제자 검정 대비 학생들 가르치고 있습니다. D,E유형에서 반응형 슬라이드에 대한 부분은 공개문제에서 없는거같아서요.. 그냥 기존에 A,B,C타입에서 하던대로 시켜도 시험에서 큰 지장이 있을까요?
준혁김
2024-05-29T05:40:57.838Z
댓글 2
좋아요 1
조회수 286
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Green복지재단</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> <h1> <a href="#"> <img src="images/logo.jpg" alt=""> </a> </h1> <nav> <ul class="gnb"> <li><a href="#">재단소개</a> <ul class="lnb"> <li><a href="#">설립취지</a></li> <li><a href="#">연혁</a></li> <li><a href="#">찾아오시는길</a></li> </ul> </li> <li><a href="#">후원하기</a> <ul class="lnb"> <li><a href="#">국내후원</a></li> <li><a href="#">국외후원</a></li> <li><a href="#">맞춤후원</a></li> </ul> </li> <li><a href="#">자료실</a> <ul class="lnb"> <li><a href="#">서식자료실</a></li> <li><a href="#">사진자료실</a></li> <li><a href="#">후원양식</a></li> </ul> </li> <li><a href="#">스토리</a> <ul class="lnb"> <li><a href="#">웹진</a></li> <li><a href="#">보고서</a></li> <li><a href="#">나의 후원</a></li> </ul> </li> </ul> <div class="lnb_bg"></div> </nav> </header> <div class="slide"> <ul> <li><img src="images/slide1.jpg" alt=""></li> <li><img src="images/slide2.jpg" alt=""></li> <li><img src="images/slide3.jpg" alt=""></li> </ul> </div> <section> <div class="board"> <h2><a href="#">공지사항</a></h2> <ul> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> <li> <a href="#"> <p class="title">웹디자인 기능사 풀어보야요</p> <p class="date">2023-12-15</p> </a> </li> </ul> </div> <div class="gallery"> <h2><a href="#">갤러리</a></h2> <ul> <li><a href="#"><img src="images/gallery1.jpg" alt=""></a></li> <li><a href="#"><img src="images/gallery2.jpg" alt=""></a></li> <li><a href="#"><img src="images/gallery3.jpg" alt=""></a></li> </ul> </div> <div class="banner"> <h2><a href="#">배너</a></h2> <ul> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> <li> <a href="#"> <p class="icon"><img src="images/icon.jpg" alt=""></p> <p class="title">시험유형은 모두 20가지</p> </a> </li> </ul> </div> </section> <footer> <h1><img src="images/logo_footer.jpg" alt=""></h1> <div class="lnfo"> 경기도 성남시 분당구 돌마로 46 (광천빌딩 5층)<br> 그린컴퓨터에서 ui/ux 웹디자인+웹퍼블리셔 수업중 (강쌤) </div> <div class="family"> <select> <option value="">familysite</option> <option value="">네이버</option> <option value="">다음</option> <option value="">네이트</option> </select> </div> </footer> </div> <div class="popup_box"> <div class="popup"> <h3>팝업제목</h3> "한정 기간, 특별 혜택! 최대 40% 할인과 선착순 사은품! 다양한 상품으로 쇼핑의 즐거움을 높이세요. 놓치지 마세요! 자세한 내용은 홈페이지에서 확인하세요. 지금 쇼핑 시작!" <button type="button">닫기</button> </div> </div> <script src="script/jquery-3.7.0.min.js"></script> <script src="script/action.js"></script> </body> </html> 파일업로드는 불가한건가요?ㅠㅠ 먼저 css파일을 선생님 코드로, html은 제가 짠 코드로 해보니 에러가 나서 html에서 문제가 발생했다는 사실을 알아서, html을 선생님 코드로 해보니 정상으로 나와서... 제 html 파일 업로드해봅니다. 어디가 문제인지 모르겠습니다.ㅠㅠ 이런 경우가 제법 되어서 왜 그런지 이번에 좀 확실히 짚고 넘어가야겠어요.ㅠㅠ 흐규... 그리고 a2유형 입니다!
2024-05-28T22:42:14.682Z
댓글 2
좋아요 0
조회수 330
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
잊어버리고 있다 다시 시작 할려는데 교제를 찾을수 없네요.. car4000@naver.com 아니면 다운 받는곳이 있나요?
최수성
2024-05-28T02:08:17.318Z
댓글 1
좋아요 1
조회수 206
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
안녕하십니까? 강사님. 다름이 아니라 F1 실무코드로 변경해서 만드신 코드도 한번 보고 싶은데... 가능할까요? 파일 있으시다면 업로드 시켜주시면 감사하겠습니다:)
sy4562
2024-05-27T23:52:13.175Z
댓글 1
좋아요 0
조회수 184
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
.container{} .container>div{} .container{}만 하고 .container>div{} 는 하지 않는 경우도 있고 .container>div{} 를 하는 경우도 있는데 .container>div{} 어떤 경우에 해야 합니까?
HL5PFM
2024-05-27T18:27:45.655Z
댓글 1
좋아요 1
조회수 198
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
강의에서처럼 선 안쪽경계에 자식요소가 부모요소 너비만큼 이동했을때 선안쪽경계에 붙는게 아니라 예제처럼 선바깥쪽경계에 딱 붙게하려면 어떻게 하는게 가장 좋은 방법인가요? 같은 질문이 있긴한데 border-box를 줘도 선두께만큼 배치한 자식요소도 같이 따라 가서 결국 똑같이 되서요
부드러운 종다리
2024-05-27T08:50:18.356Z
댓글 1
좋아요 1
조회수 196
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
강사님. F1 메뉴 제이쿼리 로 제작된 파일은 업로드 되지 않아 혹시나 싶어 문의글 남깁니다^^;;
sy4562
2024-05-27T08:37:31.606Z
댓글 2
좋아요 0
조회수 225
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
.slide {width: calc(100% - 600px); 라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요? 왜 슬라이드에서 % 사용이 가능한지 궁금합니다. 추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.
sy4562
2024-05-27T04:10:06.043Z
댓글 1
좋아요 0
조회수 183
미해결
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
안녕하세요? 강사님. 공부 중에 혹시 css로 메뉴 만드는 거 말고 jquery로 메뉴 만드는 것도 가르쳐주시면 안될까요? 물론 css가 쉽고 간편하지만 jquery도 알고 싶어 문의글 남깁니다. 확인부탁드립니다. 감사합니다:)
sy4562
2024-05-24T01:38:40.443Z
댓글 1
좋아요 0
조회수 205
