인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

짜호호웅님의 프로필 이미지
짜호호웅

작성한 질문수

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

실습 인스타그램 마지막강의 듣는데 smoothscroll-polyfill 이 다운받았는데 실행이 안되네요 ㅠ

작성

·

243

0

깃허브에 있는 링크들어가서 다운로드 받아서 강의내용처럼 한줄짜리 코딩 다 입력하면 되는거 아닌가요?ㅠㅠ 

계속 인강 돌려보고 코딩 확인했는데  저가 틀린거는 하나도 없네요 아마도 이게 문제인거 같아요 ㅠㅠ 

smoothscroll-master < 이거다운로드 맞나요 ? 그안에 smoothscroll.js 이파일 을 그냥 복사해서 넣으면되는거죠?

저는 왜안될까요 ㅠㅠ 

꼭 답변 달아주세여ㅠㅠ 곧 완강인데 여기서 발목 잡히네요  진짜 강의 너무 만족합니다..마지막까지 딱 만들어서 멋진 수강평 쓰고싶네요 ㅠㅠ 

답변 2

0

다운로드는 해당 주소 접속후 mac 이면 cmd + s,  윈도우의 경우 ctrl + s 누르시면 됩니다!

0

안녕하세요 :) 

문제를 해결하기 위해 약간의 설명을 하겠습니다! 

javascript 코드를 베포하거나 공유하게될떄 개행이나 필요없는 공백을 없애기 위해 경량화를 하게됩니다. 
그 작업을 minify 라고 하고 minify 된 결과물 확장자 앞에 min 을 뭍이는 것은 확장자의 약속입니다!

따라서 smoothscroll.js 파일을 경량화 하게 되면 smoothscroll.min.js 로 변환됩니다.

강의에서 나온 smoothscroll.min.js 가 한줄로 보였던 이유도 경량화를 했가 때문입니다 :)

https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js

위 주소로 접속해 해당 파일 다운로드 후 현재 진행하고 계시는 폴더안에 넣으시고, 

강의와 같이 card.html 하단에

<script type="text/javascript" src="scripts/smoothscroll.min.js"></script>

추가하시면 정상동작하실거에요!

짜호호웅님의 프로필 이미지
짜호호웅

작성한 질문수

질문하기