JavaScript

[JavaScript] 이미지 파일 업로드 및 썸네일 생성

이미지 파일을 업로드 하고 프로그래바( ProgressBar )를 이용하여 업로드 진행률을 나타내는 시각적 효과를 만들고 싶었다. event#01. 을 숨김 처리하고 다른 버튼을 클릭하였을 경우 버튼을 클릭한 것과 같은 효과를 만든다. 실제로 브라우저를 통해 등록하는 파일의 정보는

[JavaScript] 다중 파일 업로드시 진행률(ProgressBar) 표시

# 소스코드 파일 선택 업로드 # 출력결과 HTML 삽입 미리보기할 수 없는 소스

[JavaScript] AJAX를 이용하는 Page Navigation 제작

AJAX를 이용해 데이터를 이용한 게시글 형태의 노출시 페이지 네비게이션을 필요로 하여 제작하게 되었다. 샘플 데이터 REQRES( https://reqres.in/ ) 사이트에서 제공되는 LIST를 이용하였다. Reqres - A hosted REST-API ready to respond to your AJAX requests Native JavaScript If you've already got your own application entities, ie. "products", you can send them in the endpoint URL, like so: var xhr = new XMLHttpRequest(); xhr.open("GET", "https://reqres.in/api/product..

[JavaScript] 체크박스를 이용한 백분율 선택

5의 배수( 5 ~ 100 까지 )의 값을 가지고 있는 체크박스중 하나를 선택한경우 선택한 체크박스의 value값보다 작은값을 가지고 있는 체크박스들은 전부 선택되고, 선택한 체크박스의 value값보다 큰값을 가지고 있는 체크박스들은 전부 선택해제된다. # 소스코드 ■ 백분율(Percent)값을 체크박스로 변경하기 / Percent( % ) 5% ~ 25% 05% 10% 15% 20% 25% 30% ~ 50% 30% 35% 40% 45% 50% 55% ~ 75% 55% 60% 65% 70% 75% 80% ~ 100% 80% 85% 90% 95% 100% # 출력결과 HTML 삽입 미리보기할 수 없는 소스