프로그래밍/Web38 [부트스트랩] v5.x을 써보자 https://getbootstrap.com Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 부트스트랩은 Web 개발을 굉장히 편하게 만들어주는 강력한 도구이다. jquery에 의존했던 v4.x와 달리 v5.x로 바뀌면서 jquery가 완전히 필요없게 되었다. 부트스트랩에는 재밌고 간편한 기능들이 아주 많다. Components에서 그 기능들을 확인해볼 수 있다. 이 포스팅에서는 부트스트랩 설치와 사용에 대해 간단하게 알아볼 것이다. 부트스트랩을 사용하기 위해서 코드에 추가해주어야 하는건 2가지이다. 1. 디자인을 위한 css 1 cs 2. 여러 기능들을 위한 javascript 1 cs 이 코드들을 태.. 2021. 10. 25. [부트스트랩5] 캐러셀 사용하기 부트스트랩(bootstrap)의 캐러셀(Carousel)을 사용해보자. 부트스트랩을 모른다면? 여기를 참고하자 우선 완성된 모습이다. Previous Next 사용방법은 아주 간단하다. 우선 부트스트랩의 Carousel 페이지에서 원하는 형태의 캐러셀을 선택한다. 나는 With Controls 라는것을 골랐다. 코드를 body태그에 붙혀넣고, 코드의 "..." 부분을 이미지 링크로 바꿔넣어주면 된다. See the Pen Untitled by Jirong (@jirongkim) on CodePen. 위의 예시코드에서는 편의를 위해 이미지 링크를 unsplash라는 사이트에서 가지고왔다. 실습하는 .html 문서와 동일한 위치에 이미지 파일이 존재한다면 1 2 3 4 5 6 7 8 9 10 11 12 13.. 2021. 10. 24. 이전 1 ··· 4 5 6 7 다음
