inflearn logo
강의

講義

知識共有

ファイナルコーディングテスト:フロントエンド

スクリプト - 仕上げ

이미지 하나가 움직임이 좀 부자연스럽

272

java-hyun

投稿した質問数 14

0

안녕하세요 강사님

마지막 스크립트까지 적용해도 왼쪽 이미지 하나는 트랜지션이 아니라 갑자기 휙 바뀌는데 

모든 이미지에 transition 이 걸리게 할수 없나요?

전체적으로 돌아가도록 할수 없나요?

 

 

코테 준비 같이 해요!

回答 1

0

Bonfire

안녕하세요. 답변을 놓친 것 같습니다. 늦은 답변 죄송합니다.

 

해당 프로젝트를 작업하진 않았지만,

갑자기 바뀌는 문제는 이미지의 갯수를 정확하게 맞춰두고 작업했기 때문으로 생각됩니다.

 

만약 전체적으로 자연스럽게 돌아가는 것처럼 보이게 하기 위해서는 양 옆에 동일한 더미 이미지들을 준비한 후에 해당 더미 이미지로 도착했을 때에 교묘하게 트랜지션없이 순서를 맨 앞의 이미지로 교체시키는 방법을 흔히 사용합니다. 이 방법을 활용하여 작업해보시면 좋을 것 같습니다.

 

감사합니다.

뮤직플레이>인트로 컴포넌트 작성강의에 관련해서 궁금한게있어서 문의드립니다!

0

344

1

cart 페이지 피그마 로직관련 질문드립니다!

0

456

1

createRootElement가 static인 이유가 무엇인가요?

0

356

1

11번째 파트 강의 정말 잘보고 있습니다!

0

244

1

좋아요 기능 만드는 강의가 완전하지 않아요!

0

267

1

[카드게임] 타이틀 display부분 질문 있습니다!

2

266

1

[카드게임] 카드게임 타이틀 부분 질문있습니다.

0

231

1

git public레포로 코드와 제공해주신 리소스들 올려도되나요?

0

290

1

items

1

336

2

album 컴포넌트 스크립트까지 다 따라 쳤는데 화면에 아예 안뜨네요..ㅜㅜ

0

267

1

SPA 섹션 강의 완성 예정일이 궁급합니다.

0

298

1

다음 구현 부분은 아직 강의 공개가 안된걸까요 ??

0

183

1

추가문제 강의 업로드

0

218

1

강의자료는 어디서 다운받을 수 있나요

0

262

1

index.js를 빼는 이유

1

281

1

파코테4 - 뮤직플레이 화면이 없어지고 li가 떠야하는데 안뜨네요.. 빨간줄이 뜬 부분은 오타가 아닌데 오타라고 뜨고 렌더쪽 문제 해결하는 법을 모르겠네요

0

311

2

reset.css 는 어디에 설정 하나요?

0

472

2

노션 링크 질문입니다.

0

203

1

CSS 업데이트 부탁드립니다.

1

177

1

궁금한점이 있어서 질문드립니다!

1

306

2

난이도 별 3개가 많은데 어떤순서가 좋을까요?

2

185

1

질문입니다.

2

214

1

리액트로 구현

1

264

2

overflow: hidden;

1

164

1