inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

아래 질문 (토이스토리 title에 있는 button에 링크 거는 법)에 대한 해결방법이 이게 맞을까요? 더 좋은 방법이 있으면 알려주세요

해결됨

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

navList.forEach((li, index)=>{ const roma = ['I', 'II', 'III']; const arabic = ['1','2','3'] const linkAddr = ['naver.com','google.com','inflearn.com']; // button 링크 주소 li.addEventListener('click',()=>{ if(!playing) { next = index; if(li.classList.contains('active')) return; for(let i=0;i < navList.length; i++) { navList[i].classList.remove('active'); } li.classList.add('active'); const addr = /*html*/`location.href='http://${linkAddr[next]}'`; // button 속성 값 const tl = gsap.timeline() .add(leave[current].play()) .add(titleLeave.play(),'-=1') .set('.title h1',{text:`toystory ${roma[index]}`}) .set('.title p',{text:`토이스토리 시즌 ${arabic[index]}`},'<') .add(enter[next].play()) .add(titleEnter.play()) tl.eventCallback('onComplete',()=>{ const btnLink = document.querySelector('.title button'); // button 요소 가져오기 btnLink.setAttribute('onclick',addr); // button의 onclick 속성 추가 current = next; playing = false; }) playing = true; } }) }) window.addEventListener('load',()=>{ const tl = gsap.timeline() .add(enter1.play()) // enter 타임라인 실행 .add(titleEnter.play()) tl.eventCallback('onComplete', () => { const btnLink = document.querySelector('.title button'); //처음 실행시 button에 속성값 추가 btnLink.setAttribute('onclick',"location.href='http://naver.com'"); //처음 실행시 button에 속성값 추가 playing = false; }) // page03()[1].play() // leave 타임라인 실행 })

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
미갱이 댓글 1 좋아요 0 조회수 82

토이스토리 practice에서 "WATCH NOW"버튼에 대한 href 속성값을 변경하는 방법

해결됨

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

안녕하세요. 4강 토이스토리 practice에서 강의 중 선생님께서 "WATCH NOW" 버튼의 href?값을 페이지에 따라 변경할 수 있다고 하셨는데요. gsap을 이용해서 변경할 수 있는 방법이 있는 건지요? 아님 자바스크립트 함수 안에서 직접 세팅하는 걸까요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
미갱이 댓글 1 좋아요 0 조회수 71

스택 영역 == 스레드 수

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

"스택 영역 == 스레드 수" 로 생각하면 될까요?? 별도로 프로그램을 실행하는데 필요한 부가적인 무언가?들 때문에 추가적인 스레드가 필요한 것은 제외하고 현재 진행하는 예제들을 생각해 봤을 때 main, ThreadA, ThreadB 이렇게 생성한다고 가정해보면 스택 영역이 3개 존재한다고 이해해도 될까요?

  • java
  • multithread
  • thread
insub2004 댓글 1 좋아요 0 조회수 90

단축키 질문

미해결

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 단축키도 중간에 이야기 해주시면 안될까요? 물론 직접 찾아보면서 하긴하지만 잘 안나오는 경우도 있고 그때마다 영상 멈추고 찾아보는거보다 강사님께서 알려주시면 좋을듯해서요..

  • HTML/CSS
  • javascript
  • bootstrap
  • 웹-디자인
slothmaru 댓글 1 좋아요 0 조회수 74

재귀함수 답관련 질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

51:20 Hello,World! 뮨자열 마지막에서 재귀함수는 0을 리턴하는데 답이 12아닌가요

  • python
  • java
  • c
  • 정보처리기사
바이브디벨로퍼 댓글 3 좋아요 0 조회수 98

Querydsl 부트 3.54 설정

해결됨

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

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] build.gradle 코드 수정 자료를 보고 수정했는데 오류가 뜹니다. 제공해주신 자료의 버전과도 동일한 것은 아니라서 헷갈리는데 어떻게 해야 하나요? <build.gradle 수정한 코드> plugins { id 'java' id 'org.springframework.boot' version '3.5.4' id 'io.spring.dependency-management' version '1.1.7' } group = 'hello' version = '0.0.1-SNAPSHOT' java { toolchain { languageVersion = JavaLanguageVersion.of(17) } } repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'com.github.gavlyukovskiy:p6spy-spring-boot-starter:1.9.0' compileOnly 'org.projectlombok:lombok' runtimeOnly 'com.h2database:h2' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-boot-starter-test' //test 롬복 사용 testCompileOnly 'org.projectlombok:lombok' testAnnotationProcessor 'org.projectlombok:lombok' //Querydsl 추가 implementation 'com.querydsl:querydsl-jpa:5.0.0' annotationProcessor "com.querydsl:querydsl-apt:5.0.0:jakarta" annotationProcessor "jakarta.annotation:jakarta.annotation-api" annotationProcessor "jakarta.persistence:jakarta.persistence-api" } tasks.named('test') { useJUnitPlatform() } clean { delete file('src/main/generated') } <오류 스크린샷> 추가로 인텔리제이 실행 중에 가끔 플러그인 같은 것을 추가하라는 제안 문구가 나오는데 제안을 받아들이는 것이 좋나요? 아니면 우선은 그냥 무시하는게 좋나요? 리프레시 하면 가끔 네트워크에 접근하는걸 허용하겠는지 노트북 자체에서 주의 문구가 뜨는데, 이건 꼭 허용해야 하나요?? 그리고 왜 뜨나요?

  • java
  • spring
  • mvc
  • spring-boot
억우 댓글 1 좋아요 0 조회수 269

테스트 코드 에러 질문

미해결

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 김영한님 강의인 스프링 입문 중 스프링 통합 테스트 부분에서 intellij 개발 환경으로 테스트 코드 돌리려 하는데 'No tests were found' 라고 계속 뜨더라구요. 이유를 알 수 있을까요?? 참고로 build.gradle 파일 밑에 tasks.named('test') { useJUnitPlatform() } 기재했고 settings - gradle 도구에서 build and run using, run tests using 둘 다 intellij 로 설정했습니다.

  • java
  • spring
  • mvc
  • spring-boot
Kwon 댓글 1 좋아요 0 조회수 100

32강 강의중 인텔리제이 문제

해결됨

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

다름 아니라 강사님께서 강의 하실땐 32강 도중에 User class에 User 부분이 빨간 글씨가 나오는데 왜 제가 사용하는 인텔리제이에서는 빨간 글씨가 안나오나요? 그리고 좌측에 빈 객체들에 콩모양도 안나타나요 혹시 제껀 무료인 Community버전인데 강사님인 유료버전이라서 그런가요? 아니면 설정을 따로 해야하나요? 구글에 찾아봐도 잘 안나와서 물어봅니다. 학습관련 질문이 아니라 죄송합니다.

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
커디널스 댓글 2 좋아요 0 조회수 59

임시 객체의 첫 번째 상황에 대한 질문

해결됨

기초 탄탄! 독하게 시작하는 Java - Part 2 : OOP와 JVM

강의에서 임시 객체가 생성되는 첫 번째 상황으로 클래스가 함수의 반환 자료형이 될 경우 (이름이 없는) 임시 객체를 생성 을 언급해주셨습니다. 이 경우가 아래와 같은 상황을 말하는걸까요? Class get() { return new Class(); } 그렇다면, 해당 함수(메서드)로 받은 인스턴스에 대한 참조자가 생긴다면, 그 때는 임시 객체가 아니게 되는건가요? Class value = get();

  • java
  • 객체지향
  • jvm
  • data-structure
cho766 댓글 2 좋아요 0 조회수 104

Member를 activate 시 deactiavatedAt 초기화 필요성 질문입니다

미해결

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1

Member activate 호출 시 MemberDetail의 activate 또한 호출 하게 되는데요. 이때 MemberDetail의 activate 로직에서 this.deactivatedAt = null 을 통해 비활성 일시는 초기화 해주어야 활성 -> 비활성 -> 활성 -> 비활성 시 deactivatedAt이 null임으로 문제가 없을 것 같은데 어떻게 생각하시나요?

  • java
  • spring
  • spring-boot
  • jpa
  • 리팩터링
  • ddd
하규영 댓글 3 좋아요 0 조회수 135

UI 뎁스에 관한 질문이 있습니다

해결됨

한 입 크기로 잘라먹는 Next.js

중첩된 라우팅에서 다른 레이아웃 혹은 레이아웃을 사용하고싶지 않을 때 어떻게 제어할 수 있는지 궁금합니다. 현재 소스를 보면 (with-searchbar) search book ... 와 같은 형태로 되어있는 것을 알 수 있는데요 만약에 search가 1 depth 라고 했을 때, search 페이지 아래에 예를 들어 detail-search 라는 주소를 가진 페이지가 있다고 가정할 때 (with-serachbar) serach detail-search 파일 구조 및 중첩된 라우터 구조가 위와 같이 되잖아요? 이 때 detail-search는 with-searchbar 대신 가령 with-detail-serachbar 라던가, 아예 with-searchbar 레이아웃을 사용하고 싶지 않을 수 있잖아요? 이럴 때 어떻게 해야하는지 궁금합니다 😀

  • react
  • typescript
  • next.js
김동훈 댓글 1 좋아요 0 조회수 68

이미지 생성 코드 에러 질문

미해결

나도! 스프링으로 인공지능을 할 수 있다(인프1탄)

@Service @RequiredArgsConstructor public class ImageService { private final OpenAiImageModel openAiImageModel; public ImageResponse getImageGen(ImageRequestDTO request) { ImageResponse imageResponse = openAiImageModel .call(new ImagePrompt(request.getMessage(), OpenAiImageOptions.builder() .model(request.getModel()) .quality("hd") .N(request.getN()) .height(1024) .width(1024) .build() )); return imageResponse; } } 선생님 강의와 같이 해당 코드를 작성했는데 이미지 생성에 실패했다는 오류가 뜹니다. spring 공식 문서에서는 .quality("hd")가 없어 동일하게 제거하고 재부팅해도 이미지 생성에 실패하네요 ㅠ 혹시 원인을 알 수 있을까요?

  • java
  • spring
  • spring-boot
  • 인공지능(ai)
  • spring-ai
maxx 댓글 1 좋아요 0 조회수 119

벌크 연산과 flush, clear

미해결

실전! Querydsl

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 앞선 로직으로 1차 캐시에 (이름: entity, 값: 10), ...이 저장되어 있다고 가정합니다. (스냅샷) 벌크 연산을 수행하여 모든 DB 로우 값을 5씩 곱합니다. 연산을 마치면, 1차 캐시에는 (entity, 10), ... DB에는 (entity, 50), ...과 같은 값이 저장되어 있을 것입니다. 제가 알기로, flush()는 스냅샷과 비교하여 1차 캐시의 변경 사항을 DB에 반영합니다. (실행하여도 1차 캐시에는 변함이 없습니다) 그렇다면 만약 벌크 연산 후 flush, clear를 연달아 실행하면 1차 캐시의 값이 벌크 연산을 덮어씌워 값이 오염되는 것 아닌가요? 따라서 flush -> 벌크 연산 -> clear가 맞는 호출 순서가 아닐까 궁금합니다.

  • java
  • jpa
JongYun Won 댓글 1 좋아요 0 조회수 102

MemberRegisterTest에서 @SpringBootTest 질문

해결됨

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1

MemberRegisterTest를 진행할 때 @SpringBootTest를 사용해서 테스트를 진행했는데요 서비스 테스트에는 @ExtendWith(MockitoExtension.class)를 사용하는 경우를 많이 봤습니다 헥사고날 아키텍처에서는 애플리케이션과 도메인이 중심이 되기 때문에 서비스에서 @SpringBootTest를 사용한걸까요?

  • java
  • spring
  • spring-boot
  • jpa
  • 리팩터링
  • ddd
3831568 댓글 1 좋아요 0 조회수 90

강의에서 사용하는 api 접속 불가

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

안녕하세요~ 강의에서 사용하는 api 2개 다 접속이 안되네요 1번은 외부 서버라 안될수 있는데, 2번은 서버가 죽은 건가요? koreanjson.com http://main-example.codebootcamp.co.kr/graphql

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
김주원 댓글 2 좋아요 0 조회수 142

깃허브 주소 오류

미해결

[Java 실무 프로젝트 입문편] 객체지향 사고력 훈련 - 미니 프로젝트 3종 실습

깃허브 주소 오류

  • java
  • intellij-idea
  • dip-principle
  • domains
  • validations
epee2000 댓글 3 좋아요 0 조회수 124

revalidateTag 에 대해서 질문이 있습니다.

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요! 좋은 Next.js 강의 덕분에 열심히 배워나가고 있는 학생입니다. 😀 다름이 아니라 revalidateTag를 사용했을 때, 첫 번째 인수로 전달한 태그 값을 가지는 데이터 캐시가 재검증된다고 이해했는데요! 제가 revalidateTag의 인수와 data fetch에 사용되는 옵션의 태그 값을 다르게 세팅해봤는데도 갱신이 되어서요. 제가 잘못 이해한 걸까요..?? 이 부분이 이상해서 질문 남깁니다. 아래는 제가 작성한 코드입니다! createReviewAction export async function createReviewAction(formData: FormData) { const bookId = formData.get('bookId')?.toString(); const content = formData.get('content')?.toString(); const author = formData.get('author')?.toString(); if (!bookId || !content || !author) { return; } // JSON.stringify 객체를 문자열 형태로 직렬화 해서 보내줘야 함 try { const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/review`, { method: 'POST', body: JSON.stringify({ bookId, content, author }), }, ); revalidateTag(`revew-${bookId}`); // 일부로 오타 냄 } catch (error) { console.error(error); return; } } ReviewList 컴포넌트 async function ReviewList({ bookId }: { bookId: string }) { const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/review/book/${bookId}`, { next: { tags: [`review-${bookId}`] } }, ); if (!response.ok) { throw new Error(`Review fetch faild: ${response.statusText}`); } const reviews: ReviewData[] = await response.json(); return ( <section> {reviews.map((review) => ( <ReviewItem key={`review-item-${review.id}`} {...review} /> ))} </section> ); }

  • react
  • typescript
  • next.js
fud3725 댓글 3 좋아요 0 조회수 103

공부한 내용을 블로그에 정리해서 올려도되나요?

해결됨

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

안녕하세요 프로그래밍 시작하기 : 웹 입문 (Inflearn Original) 강의를 듣고 있는 수강생입니다. 혹시 출처를 남기고 공부한 내용을 요약해서 블로그에 게시해도 될까요?

  • HTML/CSS
  • javascript
opas293 댓글 1 좋아요 0 조회수 124

21버전이 없고, 강의 메뉴얼 확인해보면 된다는 김영한 선생님 답변 확인했습니다.

미해결

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] -> 강의 메뉴얼에 자세히 나와있다고 타 수강생분 25년도 07월 28일 문의글에 답변 남겨주셨는데, 강의 메뉴얼이 어디있을까요..??

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

기본편 객체지향 프로그래밍에 대한 정의

미해결

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

[질문 내용] 안녕하세요! 기본편과 심화 3편에서 객체 지향 프로그래밍에 대한 정의가 다른 거 같은데 어떻게 이해하면 좋을지 여쭤봅니다. 기본편 3번쨰 pdf 19페이지에는 객체 지향 프로그래밍은 실제 세계의 사물이나 사건을 객체로 보고, 이러한 객체들 간의 상호작용을 중심으로 프로그래밍하는 방식이다. 즉, "무엇을" 중심으로 프로그래밍 한다. 이렇게 정의되어 있는데 고급 3편 13 함수형 프로그래밍 파트에서는 객체지향이 어떻게에 속한다고 되어있고, 무엇을은 함수형 프로그래밍과 관련되어있다고 설명되어있습니다. 저 또한 메서드나 필드 들을 하나의 객체로 모으고 객체들이 어떻게 상호작용할지가 더 맞다고 생각하는데 기본편의 정의가 무엇을 이라고 써져 있는게 어떤 의미인지 궁금합니다.

  • java
  • 객체지향
거북이 댓글 1 좋아요 0 조회수 111

인기 태그

인프런 TOP Writers

주간 인기글