안녕
-
-
JSP - Parameter 파라미터 전송하기프로그래밍/JSP 2021. 10. 12.
파라미터 전송 GET 방식으로 전송 확인 POST 방식으로 전송 이름 : 나이 : 등록하기 클라이언트로 부터 요청(request) 받은 정보 GET 방식으로 보냈을때의 정보들과 POST방식으로 보냈을때의 여러 정보들을 확인 할 수 있다. 파라미터를 getParameter()로 받기 이름 : 패스워드 : 나이 : 남자 여자 좋아하는 과목 : 자바 스프링 오라클 서블릿 웹 보내기 서버에서 넘겨 받은 파라미터 이름 : 패스워드 : 나이 : 성별 : 출신도 : 좋아하는 과목 : 결과를 보기위한 jsp 파일에서는 항상 파라미터를 확인해야하니 request.setCharacterEncoding("utf-8"); 를 꼭 자바 코드에 넣어야 한다. POST 전송 방식 사용에 필요하나 GET 방식으로 한다고 해도 코드가..
-
JSP - 전송 방식의 차이 (GET / POST)프로그래밍/JSP 2021. 10. 11.
파라미터 인코딩 - GET 방식 - 기본적으로 클라이언트가 서버에 접속하는 경우 파라미터 전송 방식은 GET 방식이다. - Query String : GET 방식으로 전송되는 파라미터 - 주소줄에 파라미터를 실어서 보냄 - GET 방식으로 정보를 보낼때 한글등은 반드시 인코딩해서 보낸다. 확인 | 확인 확인 이름 : 나이 : 전송 = 19 ? "성인" : "미성년자"; %> GET 방식으로 전달받은 파라미터를 이용한 처리 결과 님의 나이는 이므로 입니다. 하나의 jsp 파일은 결과창을 보여주기 위해 만들었다. GET 방식으로 넘어온 데이터를 받기위해서 request를 사용 폼 태그 안에서 전송 방식을 따로 설정 하지 않으면 GET 방식이 기본 값임. 항상 데이터 주고 받을때는 인코딩과 디코딩을 해야함 그..
-
자바스크립트 - 반응형 웹프로그래밍/JavaScript 자바스크립트 2021. 10. 7.
반응형 웹 미디어 쿼리 : 각 미디어 매체에 따라 다른 스타일을 적용할 수 있게 만드는것 @media 옵션을 주면 페이지의 너비나 높이가 몇이상 이하 일때의 옵션을 줄 수 있다. @media (max-width:600px) { .box { display: none; } } 최대 너비가 600보다 작아지게 되면 display를 none으로 하겠다는 뜻 그리고 meta 부분에 이걸 추가해야 반응형으로 만들 수 있다. 헤더입니다. 메인입니다. 사이드 입니다. 푸터입니다. 전부 max-height 옵션을 줘서 각각의 최대치의 너비보다 작아졌을때의 옵션을 준 모습 헤더입니다. 메인입니다. 사이드 입니다. 푸터입니다. max-height와는 반대의 개념인 min-height가 있다. 최소 너비가 ~~ 이상일때 의 ..
-
자바스크립트 - 파일 File프로그래밍/JavaScript 자바스크립트 2021. 10. 6.
파일 용량 체크 등록하기 File List 업로드 파일이 단일일 경우와 여러개일 경우 비교하기 text File 읽기 이건 텍스트 파일만 가능하다. 파일을 읽어와서 콘솔창에 텍스트 파일의 내용을 뿌리는 코드 이미지 미리보기 등록하기 이미지 파일만 올릴 수 있도록 input 옵션에 accept="image/*" 를 줬다 역시 정규식을 사용해서 *으로 인해 이미지 파일이지만 모든 타입의 이미지 파일을 허용하게 했다. 그리고 이미지 미리보기 기능을 위해서 파일 객체 reader가 로드가 되면 function(e) 함수 이벤트를 실행하게 했는데, 문서내 엘리먼트의 아이디가 imgPreView인 애한테 어트리트뷰트셋(속성 설정) 해주는 것 그리고 그 읽어온 이벤트 결과를 보낸다는 뜻 .readAsDataURL(f..
-
자바스크립트 - DOM프로그래밍/JavaScript 자바스크립트 2021. 10. 6.
DOM 이름 : 나이 : 생년월일 : 양력 전화번호 : 확인 요소에 접근하기 위한 방법은 엄청 다양하다. document.getElementsByTagName("*"); 을 통해서 모든 요소에 접근 할 수 있고 아니면 특정 태그나 클래스 이름 아이디 등등 접근할 방법이 많다. document.getElementById("name").value; 아이디로 접근 document.getElementsByName('age')[0].value; 네임으로 접근 document.getElementsByClassName("telClass")[0].value; 클래스로 접근 querySelector("#layout").innerHTML = s; 쿼리 셀렉터로 접근 노드 추가 및 삭제 자바 안드로이드 프레임워크 노드정보 ..
-
자바스크립트 - 정규식프로그래밍/JavaScript 자바스크립트 2021. 10. 6.
정규식(Regular Expression) - 정규식 생성방법 보통은 생성자 방식 보다는 리터널(값을 주는) 방식으로 많이 사용한다. + = 앞 문자가 한개 이상 즉 앞 문자가 ab가 하나씩은 있어야함 그리고 슬러시 뒤에 i는 대소문자 구분안하고 검사 하겠다는 뜻 정규식(Regular Expression) - flag [a-d]+ 는 괄호로 묶인 애들을 패턴 정규식이라고 하며 a~d의 의미 +가 있으니까 앞에 한글자가 a~d 사이는 하나는 있어야 한다 라는 뜻 그리고 /자바/g 같은 경우 뒤에 g는 자바랑 똑같이 일치하는 모든 문자를 검색 한다는 뜻 문자열 치환할때 유용하다. 정규식(Regular Expression) - 패턴 . 점은 뭐와 뭐의 사이 라는 뜻 a.s는 a와s사이에 뭐가오든 상관없다는 뜻..