HTML & CSS & JS (75) 썸네일형 리스트형 Ajax 원래 기존의 데이터 처리방식. Html form태그로 부터 받은 데이터는 Servlet에서 request 객체로 받아서 사용해 왔음. 근데 이 방식은 현재 페이지에 대해 작업이 일어나고 다음 페이지로 넘어갈 땐 끊김. 그리고 다시 접속시 재 작업을 해줘야 함. => 엄청난 시간 손실 따라서 비동기 적으로 해당 각 페이지마다 처리를 따로 해줌. 그때 Ajax가 삽입된 js파일을 html에 첨부해서 form이 발생했을 때, 작업을 처리하도록 함. html과 URI 매핑 html 작성. My First Bootstrap Page This is some text. @Controller public class ViewController { @RequestMapping(value = "/", method = RequestMethod.GET) String home(Model model) throws Exception { return "index"; } } index이름을 가진 html 파일이 지정한 URI에 매핑됨. layout 2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 홍익대학교 홈페이지 점검안내 · 점검안내 2019년 12월 12일 1시까지 · 점검내용 학교 네트워크 플랫폼 교체 · 문의사항 컴퓨터 공학과 3학년 임현준 · 점검범위 홍익대학교 홈페이지 참조 · 안내사항 홈페이지 서버는 이용 가능하나 일부 서비스가 제공되지 않습니다. 홍익대학교 홈페이지 홍익대학교 클래스넷 홍익대학교 공지사항 홍익대학교 학사정보 Colored by Color Scripter cs 1 2.. 유튜브 영상 첨부 영상 오른쪽 클릭-> 소스코드 html 원하는 위치에 붙여 넣고 width , height 등 크기 지정 가능하고 style을 내부에 지정해서 border-radius를 직접 지정 가능. p tag p태그-> 하나의 문단 구성 줄바꿈이 발생 span태그-> p안에서 영역지정 해 줄 때 사용 줄바꿈 x · 점검안내 -> 이런식으로 '안내'만 따로 폰트라던지 강조하고 싶을 때 사용. p를 사용하는 것 중에 fram , category class 제외 하는 법 ->not 키워드 사용 p:not(.frame):not(.category){ } rgba & border-radius rgba -> 색에 투명도 정해줄 수 있음 border-radius => 픽셀을 줘서 모서리 둥글게 가능. .frame{ width: 850px; height: 600px; background-color: rgba(255,255,255,0.7); border-radius: 10px; margin-left: auto; margin-right: auto; margin-top: 30px; } position 심화 position : absolute -> 직접 영역 지정하는 것. position : relative -> 지정된 프레임 안에서만 이동 근데 프레임이 작으면 벗어나 질 수도 있음. .red{ position: absolute; width :200px; height: 200px; background-color: red; } .yellow{ position: absolute; width :200px; height: 200px; background-color: yellow; } .green{ position: absolute; width :200px; height: 200px; background-color: green; } 인 경우 빨강 위 노랑 위 그린으로 겹쳐짐. 브라우저 전체 기준 좌표를 지정해 줘야 .. transition transition transition: 0.3s; -옵션이 걸린 영역에 딜레이 줄 수 있음 이전 1 ··· 5 6 7 8 9 10 다음
