리엑트 영화 프로젝트 한국 영화 api를 사용해보자.

리엑트 영화 프로젝트를 진행하려고 합니다. 영화 api를 호출하여 데이터에 있는 영화 정보들을 리스트화 시키고 해당 제목을 클릭하면 해당 영화의 자세한 정보가 나올 수 있도록 해야겠지요. 먼저, 영화진흥위원회 오픈 api 사용방법입니다. 영화진흥위원회 api 사용방법 https://www.kobis.or.kr/kobisopenapi/homepg/main/main.do 영화진흥위원회 오픈API OPEN API 서비스 영화진흥위원회 영화관입장권통합전산망에서 제공하는 오픈API 서비스로 더욱 풍요롭고 편안한 영화 서비스를 즐겨보세요. www.kobis.or.kr 영화진흥위원회 사이트에 접속하셔서 회원가입 및 로그인을 해줍니다. 메뉴에 있는 키/발급을 들어가셔서 키를 발급해 줍니다. * 어렵지 않습니다. 사용제..

무료 아이콘 라이브러리 설치 및 사용방법

많은 개발자들이 사용하고 있을 것이라 생각하고, 그만큼 인지도가 높다. 아이콘의 사이즈와 색상 변경, 아이콘 회전, 움직이는 아이콘, 아이콘의 border 조절 등의 기능으로 사용성이 좋다. 설치방법 https://fontawesome.com/v5/docs/web/use-with/react React The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 아이콘 검색 https://fontawesome.com/v5.15/icons?d=gallery&p=1 Font Awesome The i..

aos

aos 홈페이지 : https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io aos 깃허브 : https://github.com/michalsnik/aos Installation CDN ※ AOS 라이브러리 애니메이션은 블록 태그(Block Tag)에만 적용 가능합니다. 인라인 태그(Inline Tag)에는 효과가 적용되지 않습니다. data-aos 옵션 속성 AOS 라이브러리 코드 사용방법을 알았으니, 이제 API 옵션에 대해 알아보겠습니다. 옵션 속성이 무엇인지 정확히 알아야 제대로 사용할 수 있기 때문입니다. 옵션 속성도 정확히..

cy

codepan

https://codepen.io/ylem76 ylem76 on CodePen codepen.io https://codepen.io/sinbi/pens/public sinbi on CodePen codepen.io

슬릭 슬라이드

설명 https://m.blog.naver.com/okay1028/222027750559 [JS/jQ] #Slick Slide(이미지 슬라이드) 적용하기 Slick slide를 배웠다. #이미지_슬라이드 적용하는 법! 1. CDN을 검색하여 준다. 나는 첫 번째 페이지... blog.naver.com See the Pen 슬릭 슬라이더 by 이상호 (@Leesangho) on CodePen. https://codepen.io/Leesangho/pen/poVzKgp?editors=1100