반응형 자바스크립트11 HTML <Select> 태그 사용법 태그를 이용하여 우리가 손쉽게 SelectBox를 웹페이지상에서 표현해줄수 있다. 카테고리 의류 침구 가구 HTML 삽입 미리보기할 수 없는 소스 이런식으로 select box를 생성하여 각각의 옵션에 value값을 설정해주면, 사용자가 선택했을때의 해당 value값을 추출하여 코드를 활용할수있다. 이때 사용하는 속성이 onchange이다. onchange는 select 요소의 값이 변경될때마다 호출되는 Javascript 이벤트 속성이다. 카테고리 의류 침구 가구 HTML 삽입 미리보기할 수 없는 소스 이런식으로 onchange를 이용하여 함수를 호출 하고 매개변수 this.value를 이용하여 셀렉트박스의 옵션 value값들을 전달해준다. this.value에서 this는 이벤트가 발생한 요소( 즉 .. 2023. 6. 12. JSP 파일 템플릿 등록하기 웹 개발 환경을 구축하다보면 수많은 JSP파일을 만들어준다. View 하나만 구성하더라도 MVC 패턴을 이용하면 기능에 따라 View가 각각 구현되는데 그럴때마다 JSP파일을 매번 생성한다. 근데 이클립스에서 기본적으로 제공하는 HTML5 형식의 JSP파일이 아주 내용이 부실(?) 하다. 우리가 개발을 하다보면 Jquery Library도 등록해서 써야하고, Taglib을 이용하여 JSTL도 자주 사용하게 되는데 JSP 파일을 생성할때마다 생성후에 이러한부분들을 매번 설정해주는게 보통일이 아니다. 그렇기 때문에 잘 작성된 "Base" JSP파일을 작성해준후 그 파일을 JSP파일 생성할때 "기본설정"으로 정해주는 작업이 바로 JSP파일 템플릿 등록이다. 먼저 현재 개발에 필요한 Jquery와 Taglib을.. 2023. 1. 14. 53일차. Model, View, Controller MVC 패턴 오늘은 드디어 웹개발의 꽃이라 감히 불러보는 MVC 패턴에 대한 정의, 그리고 개념을 설명들었다. MVC 패턴은 Client와 Server 그리고 Database간에 요청(Request)과 응답(Response)를 각각 역활에 따라 분류하고 그에 따라 코드를 작성하는 Pattern이라고 설명할수 있을것 같다. Model, View, Controller로 이루어져있는데. Model은 어플리케이션에서 사용되는 데이터와, 그 데이터를 처리하는 부분이고 View는 User(사용자)에게 보여지는 부분, 즉 웹 페이지의 화면을 구성하고 있는 부분이며 Controller는 User의 Request를 받아 수행하고 처리하며, 그 결과를 Response 해주는 과정이라고 설명할수 있을것 같다. 음... 정확한 설명인지는.. 2023. 1. 5. 51일차. Javascript 회원가입 폼(Form) 유효성 검사하기 Javascript 유효성 검사 오늘은 로그인 폼을 만들고 개발자가 사용자에게 부여할 유효성 검사에 대해서 알아보았다. 우리가 주로 회원가입을 할때 양식을 보면 ID 값을 필수로 입력해야한다던지, 양식에 맞게 전화번호를 입력해야한다던지 비밀번호와 비밀번호 확인란이 일치해야 한다던지. 등등을 유효성 검사라고 한다. 꼼꼼하게 하면 할수록 사용자는 불편하지만, 반대로 개발자의 입장에서는 Database에 값을 저장해야하는데, 이때 좀더 수월하게 값을 저장할수 있는 수단이기도 하다. 오히려 불편하면 불편할수록 개발자한테는 유리하다(?) 고 볼수 있다. 보통 회원가입시 비밀번호같은 민감한 개인정보가 들어있기때문에 Form 태그에서 Page를 이동할때 Method는 Post로 해야 하는게 바람직하지만, 아직 우리는.. 2023. 1. 3. 이전 1 2 3 다음 반응형
