1. 아이콘 폰트를 사용하기 위해 Font-awesome pacakge 설치 (npm)

• npm i @fortawesome/fontawesome-free : font-awesome package 설치

2. 이미지를 사용하기 위해 webpack.config.js에서 추가 설정

3. 구현 컨셉?

• <li> 태그를 감싸고 있는 <ul>태그에 left : -1000px를 주게 되면 오른쪽으로 이동하게 된다.

4. transition 속성이 안먹는 경우

• 값이 없다가 생기는 경우
• 예시 ) left : auto 였다가 → left : -1000px로 변경되는 경우에는 transition 속성이 먹지 않는다.
• 반면에 ) left : 0px → letf : -1000px로 변경되면 transition 속성이 발동된다.

<aside> 💡 <ul>태그에 left : 0 속성을 static으로 부여하면 해결 할 수 잇다.

</aside>

5. 인디케이터 부분은 동적으로 생성한다.