구현할 것 파일선택 버튼 클릭 -> 내 컴퓨터에서 이미지 파일 선택 -> 화면에 이미지, 파일 이름 띄우기 부분 form을 통한 파일 처리 이미지 파일을 받기 위해 enctype을 설정해준다. input 설정 accept="image/*" : 이미지 형식 모두! 받아올 것이다~ type = "file" : 파일을 받아올 것이기 때문에 꼭 설정해줄 것. onchange : input이나 select 등의 데이터가 변경될 때 호출되는 이벤트. 위 코드에서는 파일을 불러왔을 때 loadFile함수실행. 이미지 표시 영역을 원하는 대로 꾸며준다! 별거 없다.. 내 컴퓨터에 있는 이미지 파일을 불러오는 예제를 만들어 보았다. 생각보다 간단하다!

AJAX (Asynchronous Javascript And XML) AJAX는 자바스크립트를 사용하여 웹 서버와 클라이언트 간 비동기적으로 XML데이터를 교환하고 조작하기 위한 웹 기술이다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 로드하지 않고 필요한 일부 페이지의 데이터만을 로드하는 기법 HTML만으로는 어려운 다양한 작업을 웹 페이지에서 구현해서 이용자가 웹 페이지와 자유롭게 상호 작용할 수 있또록 구현하는 기법 비동기 방식이란.. 동기는 말 그대로 동시에 일어난다는 말이다. 동기의 반대의미인 비동기는 동시에 일어나지 않는 것을 일컫는다. 요청과 결과가 동시에 일어나지 않는 것이다. 직관적으로 설명하자면 한 코드의 연산이 이루어질 동안 멈추지 않고 다른..

CSS 오픈 라이브러리가 부트스트랩이라면 Javascript에는 JQuery라는 오픈 소스 기반의 자바스크립트 라이브러리가 있다. JQuery를 이용하면 이벤트 처리를 손쉽게 구현할 수 있고 Ajax 응용 프로그램 또한 JQuery를 이용하여 빠르게 구현할 수 있다. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery library from jQuery.com Includ..