분류 전체보기(278)
-
Window 내장 객체
Window 내장 객체 - 인터넷 창 자체를 나타내는 것- document의 상위. document의 부모객체- window의 자식 객체 1. DOM(Document Object Model) = document, 즉 문서 브라우저(인터넷)에서 눈으로 보이는 화면 2. BOM(Browser Object Model) = Location history screen navigator 브라우저(인터넷)에서 DOM의 나머지 부분 Location : 다른 페이지로 이동할 때 사용 reload() : 현재 페이지 새로고침 replace() : 다른 페이지로 이동 history : 사용자가 방문한 페이지 기록을 관리 ..
2024.05.27 -
attr(속성)
attr attr(attribute) : 속성jQuery에서 HTML 태그 속성을 가져오거나 설정할 때 사용되는 기능jQuery를 사용하지 않을 때 속성 사용방법getAttribute = 속성 정보 가져오기getAttribute('원하는속성선택');setAttribute = 속성 정보 변경하기setAttribute('원하는속성선택', '변경할값작성');jQuery를 사용했을 때 속성 사용방법attr만 작성하면 구분xattr('원하는속성선택');attr('원하는속성선택', '변경할값작성');(ex)src="그림주소값" alt="그림설명" style="그림서식;" class="그림클래스지정">src, alt, style, class -> 모두 attr(속성)에 해당함즉, attr은 태그 안에 작성된 속성값을..
2024.05.27 -
프로그래스(진행)바
프로그래스 바 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