inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

slick slide 클레스 네임 관련

해결됨

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

PC 레이아웃 상세 퍼블리싱 - 프론트 페이지(Focus Class) 02 강의에서 /*section : focus-class*/ .focus-class { background-color: $cloudy-gray; .focus-class-inner { .focus-class-content { margin-bottom: 30px; .focus-class-items { /* Custom Css : Slick - 아이템 간격 조정 */ // 실제로 찾아가는것은 F12 개발자도구로 찾아가서 조절하는것 이다. .slide-list{ margin: 0 -5px; } .slick-slide{ margin: 0 5px; } 포커스 클래스 부분의 슬릭슬라이더 부분에서, 마진 조절하는 부분에 개발자도구로 찾아보니 .slide-list 가 아니라 . slick-list 인거 같습니다. 감사합니다.

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
백근우(qor0923) 댓글 1 좋아요 1 조회수 293

line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다

미해결

반응형 웹사이트 포트폴리오(Architecture Agency)

jump up 이론 파트 em단위와 rem 단위 이해하기 부분 강의를 듣는 중입니다. em 단위가 부모요소에 대해 상대적으로 지정하는 단위이고 line-height에 주로 쓰인다고 하셨는데 그렇다면 주로 p의 폰트사이즈는 주로 p를 감싸고 있는 부모요소에 지정하고 줄간격은 p 그 자체에 지정하는 것인가요?

  • HTML/CSS
  • jquery
  • 웹-디자인
  • 반응형-웹
d111 댓글 1 좋아요 1 조회수 239

Github에서 deploy 하려면 따로 방법이 있나요?

미해결

떠먹는 Three.js

안녕하세요. 수업 잘 듣고 있습니다. 다름이 아니라 수업 실습때는 내부에 node_modules에 파일이 있으니까 잘 작동 되는데 Github gh-pages이나 url로 deploy 한다고 하면 node_modules/three 폴더가 없으니 실행이 불가능하네요. 강제로 node_modules폴더를 포함하기에는 파일수가 너무 많구요ㅠ 혹시 따로 build 하는 방법이 있나요? 일부 몇몇 필요파일만 따로 올려서도 시도해봤는데, 로컬에서는 에러 안나도 업로드 후엔 GLTFLoader가 에러나네요. (파일 및 로더 경로는 맞아도 404에러)

  • HTML/CSS
  • javascript
  • three.js
Graham 댓글 2 좋아요 0 조회수 350

abstract클래스의 인스턴스 생성

미해결

김영한의 실전 자바 - 기본편

[질문 내용] 안녕하세요! 궁금한게 있어서 질문을 남깁니다. 자식클래스로부터 인스턴스가 생성되면 부모클래스의 인스턴스도 함께 생성되는 것으로 공부하였습니다. 추상 클래스는 실체인 인스턴스가 존재하지 않는다고 하였는데, 추상 클래스를 상속 받은 자식 클래스로부터 인스턴스를 생성하면 왜 추상클래스 인스턴스도 함께 생성되는 것인가요?

  • java
  • 객체지향
더블지 댓글 3 좋아요 1 조회수 477

테스트가 실패해요

미해결

재고시스템으로 알아보는 동시성이슈 해결방법

하다가 안돼서 깃허브 소스 복붙하고 돌려도 테스트가 실패해요.

  • java
  • spring
  • 동시성
dev 댓글 2 좋아요 0 조회수 454

한글 깨짐 현상

미해결

김영한의 실전 자바 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요. 메인클래스 실행 시 사진과 같이 한글이 깨져서 나옵니다. 구글링 해서 나온 방법대로 해봐도 안돼서 질문 드립니다. 수정할 때마다 인텔리제이 재접속도 해봤습니다. 혹시 몰라 수업자료 받은 파일도 실행해봤는데 똑같이 깨져서 나왔습니다.

  • java
  • 객체지향
댓글 4 좋아요 0 조회수 494

오늘 F3 오픈뱅킹 (23번) 유형 시험을 보고 왔습니다!

해결됨

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

학습 질문은 아니지만 선생님께서 주변에 F유형 시험 보신 분이 없어서 정보가 정확하지 않다는 것이 기억이 나서 오지랖 같아 보이지만 다른 수험생 분들과 선생님께 도움이 좀 되고자 시험 끝나고 달려와 게시글을 작성합니다! 이번 주 내내 이상하게 F유형이 마음에 걸렸었는데 오늘 딱 시험 보는 걸 직감했었나봅니다ㅠㅠ 강의대로 .slide 안에 slide-image 와 slide-banner 로 묶어서 공부를 했는데, 시험지에서는 저희가 slide-banner 라고 칭한 부분을 지시 사항에서는 <바로 가기> 라 했고, content-inner 안에 있는 shortcut 부분을 시험지에서는 <배너> 라고 지시하고 있었습니다. 그저 코드 묶는 이름만 달랐지만 F유형 준비하시는 분들은 덜 헷갈리셨으면 하는 맘에 코드 명을 바꿔서 공부하는 게 어떨까 하는 생각이 들었어요! 저도 중간에 '바로 가기' 지시 사항 읽으면서 평소처럼 slide-banner 로 작성하다가 헷갈려서 그냥 지시 사항 요구한 이름으로 코드 이름도 통일을 시켰어요! 핑크색 박스 부분을 색칠한 부분에 대해서 말씀드릴 게 있는데요~ 기억하실지 모르겠지만..ㅠㅠ 제가 24.03.27에 F유형 slide-banner link 부분에 글자 입력하는 지시 사항이 있을 까봐 질문을 올린 적이 있습니다..! 불행하게도ㅠㅠ 제 예상처럼 시험 지시 사항에 각 엥커 마다 텍스트를 넣으라는 부분이 있었습니다. 제공되는 텍스트 메모장에 삽입 하라는 텍스트가 있더라고요ㅠㅠ 그리고 총 들어가는 이미지는 레이아웃과 동일하게 5개였습니다. 다만, 텍스트를 이미지 어디에 넣으라는 특정 지시는 없어서, 그래서 저는 span 으로 텍스트를 입력해서 갤러리 이미지에 span을 넣은 것과 똑같이 display:block 처리를 해서 위아래로 넣고 배열하는 방식으로 만들었습니다. 일러스트나 포토샵으로 이미지를 만드는 것이 아니라, 제공 된 이미지를 삽입 했어야 됐습니다..! 배치를 하고 나니까 슬라이드 이미지 위에 뜬금없는 사진들을 붙여 놓은 것 같아서, 저는 백그라운드 컬러를 주고 투명도 조절을 해서 슬라이드 이미지와 별개 부분인 아이콘처럼 보이게 만들었습니다. 그리고 공지사항 부분이요! 오른쪽에 선생님께서 ???ㅠㅠ 라고 하늘색으로 쓰신 부분 정말 공백이었어요!! 다만, 공지사항 부분에 엥? 하고 놀랬던 부분은, tab-inner 너비가 넓지 않을 수 있으니 공지 사항 부분에 em / b 태그를 이용해서 배치와 말 줄임을 공부하고 갔는데, 날짜 입력이 없었습니다! 그래서 편히 앵커만 넣고 블록 처리해서 중앙 배치해서 꾸몄습니다. 제가 실수한 부분은 푸터 메뉴에 보더 버텀을 안준 것과 메뉴 서브 백 width 크기를 해더 크기로 줬다는 것 두 가지인데, (A유형 sub-back처럼 만들어버렸어요ㅠ) 다른 건 다 작동 잘 되고 스스로도 아 이 정도면 됐다하는 맘으로 잘 풀고 왔습니다!! ㅠㅠ 이러다 저 두 가지 문제로 떨어지면 너무 너무 창피하고 부끄러울 것 같습니다만..ㅠㅠㅠㅠ 그래도 스스로 많은 구조를 파악하고 만들 수 있다는 게 너무 뿌듯합니다. 그리고 F유형이 아무래도 본 적 없는 유형이라 그런지.. 오늘 제가 간 시험 장에 12명이 시험 봤는데 6명이 중도 포기하고 나가셨어요.. 저는 모든 확인을 끝내고 제출하는 데까지 2시간 20분 정도 걸렸는데, 그 시간까지 저 포함 제출한 사람들은 3명이었고, 제가 교실 나올 때까지 3명이 남아있었습니다. 4월 9일에 합격발표일인데 제발 붙었으면 좋겠습니다ㅠㅠ 선생님 대면 수업이 아닌 온라인 수업이었지만 정말 많은 걸 배웠습니다ㅠㅠ 감사합니다ㅠㅠ!

  • HTML/CSS
  • jquery
  • 웹-디자인
띵가 댓글 2 좋아요 2 조회수 351

live server는 적용되는데 index.html을 더블클릭하면 아무것도 안되어 있어요..

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

featherlight 하다가 다 깨져있어서 featherlight 문제인가 했는데 html파일 자체가 scss로 작업한 게 적용이 안되어있더라구요... 라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니 스타일이 하나도 안되어있습니다ㅠㅠ 뭐가 문제일까요...?? **SCSS로 디자인한 걸 featherlight로 어떻게 해야하는 지 알려주세요...!

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
이유정 댓글 1 좋아요 1 조회수 414

이미지랑 아이콘 파일을 어떻게 찾아요?

미해결

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인스타그램 포스팅 카드 만들기 수업에 사용된 이미지랑 아이콘 파일을 어떻게 찾아요?

  • HTML/CSS
  • javascript
민수 댓글 1 좋아요 0 조회수 382

7:58 예제 코드 찾는 법

미해결

스프링 웹 MVC

안녕하세요 기선님! 기선님의 스프링 강좌 재탕하고 있습니다. 7:58 부분에 스프링의 테스트 코드 예제는 보통 어떻게 검색하여 찾으시는건가요? 그냥 깃허브에서 검색하셨는지 꿀팁이 있다면 알려주시면 감사하겠습니다.!

  • java
  • spring
  • mvc
Aurora 댓글 2 좋아요 0 조회수 271

프롬프트 내용은 어디서 볼수있나요?

해결됨

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

안녕하세요 강사님 강의 정말 잘 듣고있습니다. 다름이 아니라 프롬프트의 내용이 꽤 긴데 혹시 복붙할 수 있는 페이지는 따로 없는지 궁금합니다..! 제가 못찾은것일수도 있어서 조심스럽게 문의드립니다

  • HTML/CSS
  • javascript
  • react
  • node.js
  • chatgpt
류돌프 댓글 2 좋아요 1 조회수 444

시험장에선 인터넷이 사용 되지 않는데 작업 중 확인을 위한 Open with Live Server 어떻게 확인합니까?

미해결

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

시험장에선 인터넷이 사용 되지 않는데 작업 중 확인을 위한 Open with Live Server 어떻게 합니까? 확인해 보고 수정해야 하는데 완성한 후가 아닌 작업 중에 확인하고자 할 때는 어떻게 합니까?

  • HTML/CSS
  • jquery
  • 웹-디자인
HL5PFM 댓글 2 좋아요 1 조회수 551

코드에 대한 피드백 부탁드립니다.

미해결

김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. package array; import java.util.Scanner; public class ArrayEx10_1 { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); String[] productName = new String[10]; int[] productPrice = new int[10]; int productCount = 0; while (true) { System.out.println("1. 상품 등록 | 2. 상품 삭제 | 3. 상품 목록 | 4. 종료\n메뉴를 선택하세요." ); String options = scanner.nextLine(); if (options.equals("1") && productCount < 10) { System.out.print("상품 이름을 입력하세요: "); productName[productCount] =scanner.nextLine(); System.out.print("상품 가격을 입력하세요: "); productPrice[productCount] =scanner.nextInt(); productCount++; scanner.nextLine(); } else if (options.equals("1") && productCount == 10) { System.out.println("더 이상 상품을 동록할 수 없습니다."); } else if (options.equals("2") && productCount > 0) { for (int i = 0; i < productCount; i++) { System.out.println((i+1) + ". "+ productName[i] + ": " + productPrice[i] + "원"); } System.out.println("삭제할 품목의 번호를 입력해주세요."); int delNum = scanner.nextInt(); if ((delNum-1) < productCount) { productName[delNum-1] = null; productPrice[delNum-1] = 0; productCount--; System.out.println(delNum + "번 품목이 삭제되었습니다."); scanner.nextLine(); } else { System.out.println("올바른 품목의 번호를 입력해주세요."); scanner.nextLine(); } } else if (options.equals("2") && productCount == 0) { System.out.println("삭제할 품목이 없습니다."); } else if (options.equals("3") && productCount > 0) { for (int i = 0; i < productCount; i++) { System.out.println((i+1) + ". "+ productName[i] + ": " + productPrice[i] + "원"); } } else if (options.equals("3") && productCount == 0) { System.out.println("등록된 상풍이 없습니다."); } else if (options.equals("4")) { System.out.println("프로그램을 종료합니다."); break; } else { System.out.println("올바른 메뉴를 선택해주세요."); } } } } 실습을 하다가 삭제기능도 있었으면 해서 만들어 봤습니다.우선, 강의를 봤을 때와 조금 다르게 만든거 같구요. 메뉴를 선택할 때 글자를 넣으면 오류가 떠서 스트링형으로 바꿨습니다. 위 코드에서 가독성 측면이나 중복 등 피드백 가능하실까요...?또 추가로 강사님이었으면 어떻게 하셨을 것 같나요??

  • java
  • 객체지향
김대경 댓글 2 좋아요 0 조회수 310

F3번 오픈뱅킹 modal 창 질문있습니다.

해결됨

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

F 유형에 대해 자꾸 질문 드려서 죄송합니다..ㅠㅠ F1하고 F3번 modal 창을 만들면 푸터 부분에 modal background-color 가 검정색으로 덮혀 지지 않은데 정상일까요? 제가 잘못 만든 줄 알고 선생님께서 올려주신 최종본도 확인해봤는데 쌤 최종본에서도 푸터 부분에 검정색이 적용 안되는 걸 확인해서요..!! 쌤 코드랑 제 코드가 똑같아서 따로 코드는 올리지 않았습니다.. 이 부분이 문제가 되지 않는다면 이제 문제가 되는 유형이 없는 것 같아요..!! 시험 하루 남아서 최종 점검 겸 질문 남깁니다ㅠㅠ 추가 ) Ai 답변을 보고 제 질문이 디자인 쪽으로 보여지는 것 같아서요..! 의문점인 부분이 .modal 의 크기 값을 width:100 % , height: 100% 로 줘서 창의 전체를 어둡게 덮게 만드는 건데, 그 크기 값이 왜 height 100% 임에도 불구하고 footer에는 적용이 안되는 것 질문이었습니다..!

  • HTML/CSS
  • jquery
  • 웹-디자인
띵가 댓글 2 좋아요 1 조회수 236

authentication관련 질문...

미해결

스프링과 JPA 기반 웹 애플리케이션 개발

public void login(Account account) { System.out.println(account); UsernamePasswordAuthenticationToken token = new UsernamePasswordAuthenticationToken(account.getNickname(), account.getPassword(), Collections.singleton(new SimpleGrantedAuthority("ROLE_USER"))); SecurityContextHolder.getContext().setAuthentication(token); } 우선 AccountService에 있는 login입니다. 제가 테스트를 하던 도중 나머지는 다 되는데 authetication부분에서 문제가 있는것을 발견했습니다. 단위테스트로 하다보니 권한이 부여가 되지 않아서 회원가입을 해도 다시 원상태로 복구되더군요 springsecurity6로 바뀌면서 새로 바뀐부분이 있길래 구글링해서 바꿀만큼 바꿔보고 찾을만큼 찾아봤다 생각했는데도 자꾸 권한부여 부분에서 문제가 생깁니다(위의 login함수) 이럴경우 어떻게 바꾸어야 할까요...? 저 위에 SecurityContextHolder.getContext().setAuthentication(token); 라는 코드전에 토큰을 출력해 보니 UsernamePasswordAuthenticationToken [Principal=jungsik, Credentials=[PROTECTED], Authenticated=true, Details=null, Granted Authorities=[ROLE_USER]] 이렇듯 AUtheticated는 true로 반환되는데 redirect될때는 권한이 사라지는것 같습니다

  • java
  • spring
  • spring-boot
  • jpa
  • thymeleaf
최정식 댓글 2 좋아요 0 조회수 514

제 vscode가 이상해요

미해결

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

제 vscode 아래쪽에 보시면 노말 모드랑 인서트 모드를 계속 정해줘야해요... 그래서 따라하는데 여러가지 어려움이 있습니다. 제 프로그래은 왜 그런건가요 ㅜㅜ

  • HTML/CSS
Tom Joo 댓글 1 좋아요 0 조회수 308

카페 24 파일질라 부분 질문있습니다.

미해결

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

선생님 알려주신대로 잘 따라와서 드디어 포트폴리오 웹사이트가 완성됐네요 감사합니다^^ 위 사진은 교재 내용 일부 캡쳐해왔는데요 카페 24 웹호스팅 신청까지 완료 했고 파일질라 다운받아서 그림대로 따라하는데 6번 고급 에서 기본로컬디렉터리 에는 어떤 파일을 넣어야 하나요? 제 포트폴리오 웹사이트 파일을 넣는건가요?

  • HTML/CSS
  • 웹-디자인
  • 포트폴리오
이종주 댓글 1 좋아요 1 조회수 314

d,e유형 네비게이션 제작시 서브메뉴가 고정이 안됩니다

해결됨

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

강의 de유형 네비게이션 7:55분초를 보면 선생님 서브메뉴는 고정되어서 잘 나오는데 제꺼는 고정이 안되고 자꾸 슬라이드 업 되어서 서브메뉴에 호버를 할수가 없습니다 제생각에는 엡솔루트 준 뒤로 이러는것 같은데..ㅠ 코드올려드립니다 왜이러는걸까요 ㅠㅜ html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>D-1</title> </head> <link rel="stylesheet" href="./css/style.css" /> <body> <div class="container"> <div class="main-content"> <div class="left"> <div class="header"> <div class="header-logo"></div> <div class="menu"> <ul class="menu1"> <li> <a href="#none"> meun-1</a> <div class="sub-menu"> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> </div> </li> <li> <a href="#none"> meun-1</a> <div class="sub-menu"> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> </div> </li> <li> <a href="#none"> meun-1</a> <div class="sub-menu"> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> </div> </li> <li> <a href="#none"> meun-1</a> <div class="sub-menu"> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> <a href="#none">meun-2</a> </div> </li> </ul> </div> <div class="spot-menu"></div> </div> </div> <div class="right"> <div class="slide"> <div class="slide-img"></div> <div class="slide-banner"> <a href="#none"><img src="./images/banner-01.png" alt=""></a> <a href="#none"><img src="./images/banner-02.png" alt=""></a> <a href="#none"><img src="./images/banner-03.png" alt=""></a> </div> </div> <div class="items"> <div class="shortcut"> <a href="#none" ><img src="./images/shortcut-01.png" alt="shortcut-01" /></a> <div class="shortcut-content"> <h3>얼리버드 선착순 할인 이벤트, 신규강의 최대 30% 할인</h3> <p> 12월은 사랑의 달~ 코딩웍스에서 여러분께 사랑을 뿌려요~ 12월 개강반을 12월 06일까지 접수하는 분들께는 15%~ 20% 의 얼리버드 할인을 제공합니다. 더불어 소중한 리뷰를 꼼꼼히 남겨주시는 분들을 뽑아 더 큰 적립금을 추가지급해 드릴 예정이오니 리뷰도 놓치지 마시고 작성해주세요~^^<br /> <b>기간:2022년 12월 18일~ 12월 25일</b> </p> </div> <a href="#none" ><img src="./images/shortcut-02.png" alt="shortcut-02" /></a> </div> <div class="news-gallery"></div> </div> </div> </div> <div class="footer"> <div class="footer-logo"> <a href="#none" ><img src="./images/footer-logo.png" alt="footer-logo" /></a> </div> <div class="copyright"> 상호 : (주)코딩웍스 | 대표자 : 홍길동 | 개인정보관리책임자 : 성춘향 부장 사업장주소 : 경기도 남양주시 별내동 1234 코딩웍스 빌딩 6층 (주)코딩웍스 </div> <div class="sns"> <a href="#none"><img src="./images/sns-01.png" alt="sns1" /></a> <a href="#none"><img src="./images/sns-02.png" alt="sns2" /></a> <a href="#none"><img src="./images/sns-03.png" alt="sns3" /></a> </div> </div> </div> <script src="./script/jquery-3.7.1.js"></script> <script src="./script/custom.js"></script> </body> </html> css @charset "UTF-8"; body { margin: 0; background-color: #fff; color: #333; } a { text-decoration: none; color: inherit; } /* 전체레이아웃 */ .container { border: 1px solid red; } .main-content { border: 1px solid black; display: flex; } .main-content > div { border: 1px solid black; } .left { width: 200px; } .header { } .header > div { border: 1px solid red; } .header-logo { height: 100px; } .menu { height: 400px; } .menu1 { padding: 0; } .menu1 > li { position: relative; } .menu1 > li > a { background-color: #333; display: block; color: #fff; height: 40px; line-height: 40px; text-align: center; transition: 0.5s; } .menu1 > li:hover > a { border: 1px solid#333; background-color: #333; color: #fff; } .sub-menu { position: absolute; top: 0; left: 100%; width: 100%; display: none; } .sub-menu > a { display: block; text-align: center; height: 35px; line-height: 35px; background-color: #333; color: #fff; transition: 0.5s; } .sub-menu a:hover { background-color: #ffffff; color: #333; } .spot-menu { height: 50px; } .right { width: calc(100% - 200px); } .slide { height: 400px; position: relative; } .slide-img { border: 1px solid blue; height: 400px; } .slide-banner { border: 1px solid green; position: absolute; top: 0; right: 0; } .slide-banner > a > img { width: 180px; display: block; } .shortcut { border: 1px solid black; height: 200px; display: flex; align-items: center; } .shortcut-content { display: block; } .shortcut-content > b { font-weight: bold; } .news-gallery { border: 1px solid red; height: 250px; } .footer { display: flex; align-items: center; height: 100px; } .footer > div { text-align: center; } .footer-logo { width: 200px; } .copyright { width: calc(100% - 430px); } .sns { width: 250px; } .sns > a > img { width: 50px; border-radius: 5px; } js $(".menu1 li").mouseover(function () { $(this).children(".sub-menu").stop().slideDown(); }); $(".menu1 li").mouseleave(function () { $(this).children(".sub-menu").stop().slideUp(); });

  • HTML/CSS
  • jquery
  • 웹-디자인
양신영 댓글 2 좋아요 1 조회수 305

챕터0 3강의 Postfix/Prefix 관련 질문입니다.

미해결

처음 만난 리액트(React)

여기 1-5번까지 출력결과가 a=1이고 b=a++니까 1이 더해져서 1, 2라고 생각했는데 왜 2, 1인건지 이해가 잘 안갑니다!

  • HTML/CSS
  • javascript
  • react
윤하 댓글 2 좋아요 1 조회수 305

인기 태그

인프런 TOP Writers

주간 인기글