inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

네비게이션 클릭시 헤더높이로 인해 제목 가리는 부분 해결방안

미해결

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

선생님, 안녕하세요:) 강의 유익하게 잘 보고 있습니다. 좋은 강의 해주셔서 몰랐던 부분을 정말 많이 알아갑니다! 'PC 레이아웃 상세 퍼블리싱 - 강의소개 05(네비게이션 부드럽게 스크롤링)' 강의에서 헤더 높이로 인해 제목 부분이 가려지는 문제를, 헤더 높이를 빼주면 해결되지 않을까 싶어 작성해보았습니다. /* Smooth Scrolling */ var linkLocation = $(this).attr('href'); $('html, body').animate({ scrollTop: $(linkLocation).offset().top-'180' // <- 작성한 부분 }, 500); e.preventDefault(); 헤더 높이인 123px보다 더 많은 값인 180을 주니 제목이 가리지 않고 알맞게 스크롤되는데 이 방법이 맞는건지, 이렇게 했을 때 다른 문제가 발생하지 않는지 궁금하네요!

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
Ji Young. 댓글 1 좋아요 4 조회수 331

부모의 부모 인스턴스

해결됨

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

예를 들어 ElectricCar extends Car, Car extends Vehicle의 상속 관계를 가질 때 new ElectricCar()를 호출하면 부모 인스턴스인 Car도 같이 생성하는데 이 경우 Car는 Vehicle 의 상속을 받으니까 Vehicle 인스턴스도 함께 생성되나요?

  • java
  • 객체지향
wk 댓글 1 좋아요 0 조회수 481

26:30 경에 userinfo 분기가 강사님과 다릅니다.

미해결

스프링 시큐리티 OAuth2

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. OicdUserService의 아래 메서드에서 true를 반환해버리는데요. 우선 해당 함수의 if(authroization_code 이냐?) 분기를 타고, accessibleScopes가 empty 가 아닙니다. 아마 키클록에서 default 스코프가 있기 때문인거 같은데요. shouldRetrieveUserInfo 해당 영상에서는 키클록의 default 스코프가 빠진걸까요? 아니면 grant type 문제일까요? 참고로 grant type 은 별다른 옵션 없이도, registration repository에서 꺼내오는 순간 registration에는 authroization_code 입니다.

  • java
  • spring
  • spring-boot
  • oauth
비오 댓글 1 좋아요 0 조회수 382

disabled 디자인 이렇게 하면 될까요?

해결됨

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

안녕하세요... 강의 3분 8초에 나오는 체크된 부분 퍼블리싱에 대해 질문드립니다.. 라이브 서버로는 되는 것 같기는 한데 혹시 더 낫게 하는 방법이나 실무에서 더 선호되는 방법이 있다면 알려주시면 감사하겠습니다... <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://kit.fontawesome.com/c0fe093804.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="02.fontawesome-active.css"> </head> <body> <form> <input type="checkbox" id="chk1" checked> <label for="chk1">HTML</label> <input type="checkbox" id="chk2"> <label for="chk2">CSS</label> <input type="checkbox" id="chk3"> <label for="chk3">Javascript</label> <input type="checkbox" id="chk4" disabled> <label for="chk4">UIKit</label> </form> </body> </html> /* Google Web Fonts CDN Raleway */ @import url('https://fonts.googleapis.com/css?family=Raleway&display=swap'); /* Google Web Fonts CDN Noto Sans KR */ @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap'); @import url('https://kit.fontawesome.com/c0fe093804.js" crossorigin="anonymous'); body{ font-family: 'Raleway', sans-serif; /* font-family: 'Noto Sans KR', sans-serif; */ color: #222; line-height: 1.5em; font-weight: 300; margin: 0; font-size: 30px; display: flex; justify-content: center; align-items: center; height: 100vh; } a{ color: #222; text-decoration: none; font-size: 12px; } form input[type=checkbox]{ display: none; } form label{ display: block; margin-bottom: 3px; } form label:before{ content: '\f00c'; text-align: center; line-height: 30px; font-family: fontawesome; margin-right: 8px; border: 1px solid #292929; color: transparent; display: inline-block; width: 30px; height: 30px; vertical-align: middle; padding: 2px; border-radius: 3px; font-size: 30px; transition: 0.2s; } form input[type=checkbox]:checked + label:before{ background-color: crimson; color: #fff; border: 1px solid crimson; /* border-color: transparent; */ } /* 눌리는 효과 */ form input[type=checkbox] + label:active:before{ transform: scale(0); } form input[type=checkbox]:disabled + label:before{ border: 1px solid rgba(220, 20, 60, 0.233); background-color: rgba(220, 20, 60, 0.233); color: #fff; } form input[type=checkbox]:disabled + label:active:before{ transform: scale(100%); }

  • HTML/CSS
d111 댓글 1 좋아요 1 조회수 292

fetch web api 에 next 옵션

해결됨

Next + React Query로 SNS 서비스 만들기

fetch 함수가 그냥 web API 같은데 fetch 함수에 next 라는 속성이 들어간건데 따로 임포트해온것도 아닌데 어떻게 작동되는건가요? next 가 내부적으로 fetch 를 새로 만든건가요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
쵸잉 댓글 1 좋아요 0 조회수 355

테스트 코드 오류

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

안녕하세요 선생님, 좋은 강의 항상 감사하게 잘 듣고 있습니다. 제가 지금 카테고리를 테스트 하는 강의를 수강하고 있습니다. 그런데 아무리 테스트를 하여도 blog/ test.py 83번째 줄에서 Nonetype 오류가 나옵니다. id를 제대로 html에 부여 하였고 대문자, 소문자, 특수기호를 모두 확인하였습니다. 그래서 제 지식으로는 오래 생각을 해 보아도 틀린 부분을 찾을 수 없어서 어느 부분이 틀린 부분인지 선생님께 여쭤보고자 연락을 드립니다. 아래 제 깃허브 url을 첨부하도록 하겠습니다. 감사합니다. https://github.com/rapgodd/django_2023.git

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
최기연 댓글 2 좋아요 0 조회수 409

static final 위치?

해결됨

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 예제를 하면서 보던 도중 static final 위치를 바꾸면 어떻게 될까 해서... 쳐보니 이렇게 둘다 되었습니다. 혹시( static final)로 하는 이유가 있나요? 저가 생각해본게 첫째 : 관례 둘째 : 지정 범위? (연산자의 우선순위처럼 이런게 정해져 있는가 생각함.) 라고 생각해보았는데 답변 부탁드립니다.

  • java
생각하는자 댓글 1 좋아요 2 조회수 792

chapter5 실습질문입니다.

미해결

처음 만난 리액트(React)

이와같이 나오는데 어떤부분에서 잘못되었을까요? 두번세번봐도 어디가 잘못됬는지 모르겠네요 ㅠㅠ

  • HTML/CSS
  • javascript
  • react
chicmania 댓글 1 좋아요 1 조회수 786

컬렉션 fetch join

해결됨

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

안녕하세요 강사님 프로젝트 중 궁금한 점이 있어 질문드립니다..! 6개의 엔티티를 조인해야 하는 상황인데 현업에서도 이렇게 조인을 하기도 하나요? 물론 성능에 따라 다르겠지만 몇개 정도의 테이블을 조인하는 것이 적당할까요? 컬렉션 패치 조인은 1개까지만 하라고 하셨는데 현재 상황은 3개나 컬렉션이 존재합니다. 이런경우는 어떤식으로 해결하는게 좋을까요?? 강사님께서는 어떤식으로 해결하시는지 궁금합니다 ㅎㅎ 감사합니다!

  • java
  • spring
  • spring-boot
  • jpa
모깅 댓글 2 좋아요 0 조회수 831

키보드 뭐쓰는지 궁금해요ㅠㅠ

미해결

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

학습과 관련은 없지만, 키보드 소리가 너무 좋아서요..

  • java
  • 객체지향
최원호 댓글 1 좋아요 0 조회수 427

repository 관련 질문입니다.

해결됨

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

[질문 내용] 안녕하세요 김영한님 강의를 듣다 의문점이 생겨서 질문을 드립니다. 무료 강의 수강 후 해당 강의를 JPA 기본서와 함께 공부 중인 학생입니다. repository관련해서 어떤 방식이 맞는지 헷갈려서 질문드렸습니다. 무료 강의 기준에선 repositry안에 있는 interface를 상속받아서 엔티티이름Repository형식으로 구현하셨는데 해당 JPA활용1 강의에선 상속 없이 class파일로 만들어서 어떤 방식이 맞는지 모르겠습니다.

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
댓글 1 좋아요 2 조회수 451

grid-template-columns에 대하여

미해결

따라하며 배우는 HTML, CSS

함께 코드로 이해하는 부분에서, 강사님과 똑같이 코드를 작성했는데 아래 사진처럼 그리드가 만들어집니다. 맨 윗 줄은 auto의 개수만큼 정렬이 잘 되는데, 두 번째 줄부터는 세로로 일렬로 나열됩니다. 어떻게 해결하면 좋을까요??

  • HTML/CSS
00.prft 댓글 1 좋아요 0 조회수 215

섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련

미해결

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

섹션3 모바일 전체 레이아웃 및 네비게이션 퍼블리싱(모바일버전)의 3강 모바일트리거 GNB 보이기 감추기까지 관련하여서 제가 잘못한것 같아서 계속 동일한 강의를 3번이나 보고 잘못된게 없는지 확인했는데, 선생님과 어떠한 점에서 코드가 다른지 찾을 수가 없습니다. 그래서 무엇이 잘못되었는지, 트리거가 작동은 하나 한번 닫은 후 햄버거메뉴가 보여야 하는데 gnb가 active되어있어도 머가 문제인지 모르겠습니다. 어째서 첫 로딩 후, 보이고, 닫기버튼을 누른 후, 햄버거 메뉴 자체가 안보일까요? 그래서 아래의 다른 학습자님의 글을 보고 추가도 해봤지만 안되네요. 제가 어떤걸 잘못했길래 보이지 않는걸까요?

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

css 관련 질문 있습니다.

해결됨

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

안녕하세요 강의 잘 수강하고 있습니다. 다름이 아니라 s1_list , s2_list 의 내용을 html에 목록 태그로 정의하고 css 디자인 입히셨는데요 이 부분을 s1_list s2_list에 display:flex 속성을 주어서 정렬을 해도 괜찮을까요? flex 속성을 활용하여 만들어보고 싶어서 여쭤봅니다! 혹시나 이 속성을 적용하면 단점이라던지 불편한 점이나 불가능한 부분이 있을까요 pc 버전등에서 디자인이 변경될때 좀 더 용이한가 싶어서 이 부분을 수정해서 포폴에 활용해 볼까 합니다!

  • HTML/CSS
  • javascript
  • jquery
  • 반응형-웹
  • media-query
박동윤 댓글 1 좋아요 1 조회수 271

flex-shrink 질문입니다

미해결

따라하며 배우는 HTML, CSS

flex-shrink 코드를 똑같이 따라 치고, Item의 수를 4개에서 5개로 늘리면 shrink가 적용되지 않았습니다. shrink가 적용되는 조건에 개수 혹은 너비의 합이 있는 건지 궁금합니다!

  • HTML/CSS
00.prft 댓글 1 좋아요 0 조회수 232

static 메서드 질문

해결됨

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. findPay 메서드가 static이면 이 안에서 호출되는 메서드는 static이어야 하는것 아닌가요? equals 메서드는 String 메서드로 단지 option에만 쓰여서 해당되지 않는 건가용

  • java
  • 객체지향
재혁 댓글 1 좋아요 0 조회수 496

툴팁을 요소의 정중앙에 위치시키기 질문

해결됨

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

안녕하세요. 실전 퍼블리싱 파트1 강의 중 마우스오버 시 툴팁 나타나게 하는 부분 듣고 있는데요, span 태그의 transform 속성을 이용해서 툴팁이 아이콘의 너비에 상관없이 아이콘의 정중앙에 오게 하는 방법이 이해가 되지 않아 질문드립니다. 강의에 보면 left: 50%; transform: translateX(-50%); 위와 같이 속성을 부여하면 된다고 말씀하셨는데, translateX 속성은 span 태그의 현재 위치를 기준으로 위치를 바꾸는 것이라 이게 왜 아이콘의 중앙에 툴팁을 위치시킬 수 있는지 잘 이해가 되지 않습니다. 추가적인 설명 해주시면 감사하겠습니다!

  • HTML/CSS
  • jquery
hyoseok BANG 댓글 1 좋아요 1 조회수 191

섹션 6-2 알림 내용 중 링크가 잘못되어 있네요.

해결됨

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

안녕하세요 섹션 6. 정적파일 (static files) & 미디어 파일 (media files) - 정적파일 관리하기 - 블로그 포스트 상세 페이지에 부트스트랩 적용하기 을 듣고 있습니다. 거기서 1:31 경, Bootstrap 관련 링크가 수정되었다고 알림이 뜨는데, 그 링크가 잘못되어있습니다. 그 링크를 이용하면, post list 를 카피하게 됩니다. Post detail을 이용하기 위해서는 아래 링크를 사용해야 합니다. https://github.com/StartBootstrap/startbootstrap-blog-post/tree/18e5cfdfb75bc7b06fbb8b04b7d957e0395fe8cc 확인 후 수정 부탁드립니다. 감사합니다.

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
smile.jisoo 댓글 2 좋아요 0 조회수 296

2024년 1월 기준 p6spy dependency 추가

미해결

실전! 스프링 데이터 JPA

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] implementation 'com.github.gavlyukovskiy:p6spy-spring-boot-starter:1.9.0' 1.9.0으로 바꾸시면 나올겁니다!

  • java
  • spring
  • spring-boot
  • jpa
동형 댓글 3 좋아요 7 조회수 997

renderGame 함수에 로그를 찍으면 무한루프가 돕니다

미해결

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

window.requestAnimationFrame 에서 계속 호출을 하고 있어서 그런 것 같은데 스위치를 만들어야 할까요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
litzoo 댓글 1 좋아요 0 조회수 304

인기 태그

인프런 TOP Writers

주간 인기글