BootStrap(12)
-
프로그래스(진행)바
프로그래스 바 Progress bar : 작업의 진행 방향을 시각적으로 표현해주는 것진행하는 상황을 100%로 나타내서 사용자에게 작업이 얼마나 완료되었는지 보여줌단계가 있거나 대기시간이 필요한 작업에서 유용속성progress : 프로그래스바의 컨테이너 역할을 함progress-bar : 실제로 진행상황을 표시하는 부분 ->부트스트랩에서 기본 색상과 애니메이션 제공aria-valuemin : 진행 시작 % 설정. 보통 0%aria-valuemax : 진행 끝 % 설정. 보통 100%aria-valuenow : 현재 진행률 설정.style : 프로그래스 바의 너비 설정
2024.05.27 -
부트스트랩 실습 - 글 작성 폼만들기(2) 2024.05.27
-
사진 업로드 구현
accept="image/*" : 이미지 파일만 받음 accept : 선택한 파일만 가져올 수 있음. image : 이미지에 해당하는 파일만 가져올 수 있음 " * " : 모두 가능 // jpg, png, bmp, gif 등 만약 gif만 가능하게 하고 싶다면 image/gif만약 png, jpg, jpeg만 가능하게 하고 싶다면 image/jpg, image/png, image/jpeg만약 비디오 중에 mp4 파일과 오디오 파일중 mp3파일만 가능하게 하고 싶다면 accept=".mp4, .mp3" 또는 accept="*.mp4, *.mp3" 사진 다중 업로드 for문을 사용해서 img 태그를 생성하게 만들어 한계없이 계속 이미지 생성하게 하는 것
2024.05.27 -
부트스트랩 실습 - 커뮤니티 만들기(글 작성 폼) 2024.05.24
-
부트스트랩 실습 - 커뮤니티 만들기(갤러리) 2024.05.24
-
부트스트랩 실습 - 커뮤니티 만들기(게시판) 2024.05.24