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

내가 보려고 정리하는 html 기본 문법.. 간단하게 정리해본다. HTML(Hyper Text Markup Language)은 웹페이지를 만들기 위한 언어로 웹에서 "뼈대"의 역할을 담당한다. Hyper Text - 문서와 문서가 링크로 연결되어 있음 Markup - tag로 이루어져 있음 Language - 언어 HTML의 구성 요소 Ex) This is test 태그(tag) - 정보를 정의하는 형식 - 여는 태그(opening tag), 위 예시에서 에 해당 - 닫는 태그(closing tag), 위 예시에서 에 해당 속성(attribute) - 요소의 여는 태그에서 사용되는 구체화된 명령어 체계를 의미 - 위 예시에서 class가 이에 해당한다. - 태그에 속성을 부여하면 태그의 성격을 좀 더 구..