Do it! HTML+CSS+자바스크립트 (8) 썸네일형 리스트형 JSP 한글설정 한글설정이 안되어있어 서버로부터 받아온정보를 출력할때 한글이 깨져있을수 있다. post 방식의 경우 jsp 페이지에 이것만 추가 하면 된다. get방식의 경우 이클립스의 server.xml과 톰캣의 server.xml 파일을 모두 수정해 주어야한다. 이클립스에서 만들어 둔 서버 폴더안에서 server.xml 파일을 열어서 source 탭에 들어가 63번째 줄에 가면 connector라는 부분이 있는데 여기에 URIEncoding을 추가한다. URIEncoding="EUC-KR" 그리고 현재 사용중인 톰캣이 존재하는 폴더로 가서 conf폴더 밑에 server.xml 파일이 있다 이를 메모장으로 열면 connector가 엄청 많은데 69번째줄쯤 톰캣의 인코딩을 지정하는 connector에 URIEncodin.. JAVAScript 객체 태그들을 Dom이라고 하는 객체라고 부른다. 자바스크립트에서 class만들기가 가능하고 객체도 만들수 있다. new라는 키워드 사용 new Date()에 년월일 시분초에 관한 게 다있다 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getDate Date.prototype.getDate() - JavaScript | MDN getDate() 메서드는 주어진 날짜의 현지 시간 기준 일을 반환합니다. developer.mozilla.org 자바스크립트 내장객체에 대해서 관찰할 수있다. 실행해서 결과값도 볼 수있고 함수는 끝에 괄호 열고 닫고 가 있다 클래스의 메소드에 접근할때는 .으로 접근한다. new Ar.. JAVASCRIPT #result로 href를 설정하면 그 해당하는 id로 이동한다. 이벤트 처리는 다른 사람이 할 수 있도록 한다. 이벤트 처리를 부탁하면 결과가 나온다; 실패 성공이 정해지지 않음 특정한 사건이 발생하면 후처리를 실행 하는 방식이다. 동기 : 결과 가 나올때까지 기다림 비동기 : 내 할일 함 마우스 클릭 함수의 true/false 정상적으로 실행(true)이 되면 href=에서 설정된 주소로 이동한다. 해당함수가 false로 되어있으면 거기서 이벤트를 멈춘다. 더블 클릭 해당영역을 벗어나면 mouseout함 과제: a-text.html을 만들고 div태그를 만들고 id = "a" 요소는 "안녕하세요" 마우스를 올리면 마우스 모양이 변하게 안녕하세요 안녕하세요 인라인으로 js와 css넣는거 하지말고 외부파.. css 뷰포트 이어서 미디어쿼리 출력되는 미디어에 맞춰서 보이게 하기 위해서 768 단 컨테이너에 대한 공간은 무조건 확보하고 옆에 이어붙인다 flex-wrap : nowrap -> 플렉스 항목을 한줄에 표시 -> 화면이 줄어들면 갯수는 그대로인데 걍 크기가 줄어들기만함 -> 줄어들면 요소의 크기가 줄어든다. flex-wrap : wrap -> 화면이 줄어들면 요소들이 아래로 내려감->요소의 사이즈가 변화가 없다 flex-wrap : wrap-reverse -> 화면이 줄아들면 요소들이 위로 올라감-->요소의 사이즈가 변화 없다 담는그릇이 어떻게 되는지를 쓰는거다->전체 대상 가로정렬 justify-content: flex-start -> 왼쪽 정렬 flex-end -> 오른쪽 정렬 space-around -> 빈공간을 정확.. css 8-5부터 layout!!!!하려면 이거 잘 알아야한다 위치 지정 position 원하는 위치에 갖다 놓는다 x,y좌표 - absolute 절대 좌표 체계를 이용하자 -> 부모좌표기준이므로 body기준 부모가 relative여야한다 부모를 기준으로 하기 때문에 x,y = left,top 브라우저의 좌측상단이 0,0이다. static 문서의흐름에 맞춰 의미x 생략가능 relative 위치값을 지정할 수있는 static left,top을 지정하지 않으면 static과 동일 내앞에 있는 애를기준으로 한다. fixed 브라우저 창을 기준으로 위치를 지정해 배치한다 브라우저창에 완전히 고정 backgroud-clip border-box : 가장 외곽테두리까지 background-image 이미지를 크기에 맞춰 바둑판형태로 .. css mvc model -> (data관리 /비즈니스 로직(값): html 왜 값일까? label이라는 의미를 부여하고 text로 문자열 값을 주기 때문이다. view -> 출력 (pc(해상도), 모바일(해상도)): css 로직은 같지만 출력하는 방식이 바뀔수 있다 controller -> model과 view를 제어 & 사용자 입력 : js view에 붙으면 controller도 view갯수만 큼 존재가능 model에 붙으면 controller도 하나이다 model : view = 1:n model : controller = 1:1 정적, 동적 정적 : 나주에 변경 불가능 동적 ; 외부에서 입력받아 사용해야한다 외부파일이있어야한다. css 작성 선택자 key1:value1; 선택자 tag, #id, .cla.. html 인바운드 이어서 localhost바꾸기 C:\Windows\System32\drivers\etc 관리자모드로 저장 글자변경 값을 못받아와서 못출력하느 에러가 발생할 수잇는데 name 값 잘 확인해줘야함 라디오 버튼에서 하나의 버튼만 선택할 수있도록하려면 라디오의 name값을 똑같이 지정해야한다. form HTML Apache tomcat 설치하기! Preferences에 server에 runtime Environments에 들어가서 add를 눌러 서버를 추가한다 아파치 톰캣 9.0이라는 표준으로 설치한다 Browse해서 내가 원하는 폴더에 apache를 설치하도록 설정한다. 기다리기 설치파일이 다운로드가 완료되면 finish를 누를 수 있고 설치 끝나면 finish하고 apply close 해서 닫으면 tomcat설치 완료!! 프로젝트 생성 이전 1 다음
