tree0505 님의 블로그

_05_join_05_join-test_05_join_test_07_practice_07_practice

자바태그 jstl 태그 타임리프 #{ } , ${ } 머스태치 {{}}mvcm => model => dao ( db)v => viewc => controlloerjsp => v + c servlet => v와 c를 분리할거다. 페이지 이동 jsp -> jsp -> jsp -> java -> jsp 컨트롤러를 하고 jsp로 가는거 _04_servletindex.jspindex2.jsp슬러쉬로 자른것 index3.jsp보내기만 했다면. 다시 보내주는거. 왔다 갔다. 서블릿 사용시 좋은 점 두 가지 첫 번째 => c , v 분리 할 수 있다. 두 번째 => 주소를 내 맘대로 변경할 수 있다. form 폼에서 post로 보낼때. 받을 때. get으로 받는게 아니라. post로 받아야 한다. 1 - ..

비동기슬라이드_추가된내용01_트랜스폼.html주석에 있는거 한개씩 적용시킬 수 있다. 02_트랜스폼이동.htmlbox : hover 마우스를 갔다대면 03_트랜스폼이동2.html차트. 04_슬라이드디자인.htmlcss가 어려운 이유.사진은 화면 밖으로 나갈 수 없다. 화면 밖으로 생기지 않는다. 일열로 줄 서 있게 만들기 05_슬라이드코딩.html06_실습_내비와배너.html07_이미지확대.html08_실습_아이템테이블.html

D05_dom_비동기 - 비동기1_개념_setInterval하나의 프로그램을 프로시저라고 한다. 프로시저는 한개의 스래드를 가지고 있다. main 프로그램이 돌아가고 있다. 스레드 그림을 그리고 있다. 0과 버튼 스레드를 한개 더 켬 addnumber - 1초 간격 스레드가 2개인것 스레드 1번에서 버튼을 누르면 스레드 2번이 꺼진다. 🔶 질문 1: 왜 안에 이렇게 DOM 요소(id="time")를 다루는 코드를 에 넣으면, 브라우저가 아직 를 읽기 전일 수 있어 에러가 날 수 있어요. 그래서 DOM이 다 로드된 뒤에 실행되도록 마지막에 넣는 것이 안정적입니다.🔶 질문 2: 는 뭐 할 때 쓰는 거야?✅ 는 JavaScript 코드를 넣는 곳이에요.JavaScript는 웹 페이지에서 동적인 동작을..

MVC패턴=> MODEL , VIEW , CONTORLLOER3개로 분리 MODEL => DB => DAO VIEW => JSPCONTROLLER => JAVA JSTL => JAVA STANDARD TAG LIBRARY _03_jstl01_jstl_set.jsp1. jstl - 1.2 .jar 파일 다운받아서 lib 폴더에 넣어놓기2. 임포트하기 변수명이 된다. request.setAttribute("data",10); 같은 말 자바코드들을 전부 태그들로 변환시켜주는 기능이 있다. 02_jstl_if.jsp 이것을 없애겠다. 태그형태로 바꾸겠다. 임포트 해주고. if문 02_jstl_if2.jsp03_jstl_foreach.jsp반복문 03_jstl_foreach2.jspstep = 2 2칸씩 ..

el , jstl servlet위의 3개를 알아야 한다. el 과 jstl elel 태그 => $ { } request. setAttribute ( ) => 저장한 애들 session.setAtrribute( ) => 저장한 애들 위의 2개의 함수로 저장한 내용을 쉽게 꺼낼 수 있다. 편의 기능 el태그의 단점 : 몫을 못 구한다. _05_el태그와null.jsp있는지 없는지. empty라는 키워드 _06_sessionScope.jsp리퀘스트가 우선순위로 적용된다. 세션은 어떻게 찾냐. sessionScope를 붙여야 한다.

D05_dom_비동기비동기1_개념_setInterval비동기컴퓨터의 프로그램은 하나의 단위를 프로시저라고 한다. 프로시저 완전히 독립된 하나의 프로그램 메모장을 2개를 동작하면두 메모장은 아무런 상관이 없다. 프로시저가 두개 있다. 프로시저를 어떻게 확인하냐. ctrl + alt + del - 작업관리자 선택앱이라고 되어있는게 프로시저이다. 프로시저는 서로 상관이 없다. 비동기하나의 프로시저에서 여러개의 프로그램을 실행하는 것 스래드 프로시저 => 스래드 하나 (동작하는 프로그램) 이게 공식이다. 만약 (메인과 시간을 같이 만들면메인이 렉이 걸리면 시간도 멈춘다. 비동기프로시저 => 스래드가 두개 or 여러개 (그 중 한개는 매인을 담당하고, 나머지 스래드는 부수적인 역활을 담당한다.) 대체적으로 ..

폼태그5_개념_테이블문자열✅ 완전탐색이란?여기서는,orderList에 있는 모든 주문(itemNum) 을viewList의 모든 상품(itemNum) 에 전부 비교해보는 거죠.📌 즉,→ 전형적인 이중 반복문에 의한 완전탐색이에요.모든 주문을 하나하나 돌면서 → 각각 상품이랑 일일이 비교해서 → 일치하면 개수 증가가능한 모든 경우를 하나하나 전부 확인하는 방법이에요.❓조건이 있어야 완전탐색인가요?조건문(if)이 있어야만 완전탐색이 되는 건 아닙니다.완전탐색이란 "모든 경우를 다 돌았다"는 구조를 말하는 거예요.✔️ 대부분 조건도 같이 쓰이긴 해요. 왜냐하면:"전부 다 비교해보고, 조건이 맞는 것만 실행"하기 때문이죠!폼태그5_문제_테이블문자열🔁 전체 흐름 다시 정리데이터를 배열로 저장 (jsonArr)백..

D04_dom_폼태그폼태그1_개념_종류폼태그1_개념01_form과submit.html제일 중요한것 form과 submit form안에 있는 것들이 예외처리 되는지가 제일 중요하다. 폼태그1_개념02_input_text.html폼태그1_개념03_input_radio.htmlradio는 name을 하지 않으면 동작을 하지 않는다. 폼태그1_개념04_select.html폼태그2_개념_선택자폼태그2_개념01_submit함수호출.htmlevent가 자동으로 들어온다. event.preventDefault(); 이벤트를 멈추는것 prevent 미리 Default 기본으로 하다 새로고침을 없애는것 버튼을 누르면 새로고침이 되는데버튼을 누를때 새로고침을 막는것이다. 왜? 새로고침을 막냐.막고 예외처리를 다 하고. ..

이벤트5_개념_this_01_이벤트_this매개변수.html자기 자신을 넣는것 this안할 거면. id로 찾으면 된다. 쿼리 셀렉터로 굳이 가져올 필요 없다. onclick: 버튼을 클릭했을 때 실행할 자바스크립트 코드를 지정합니다.clickMe(this): clickMe라는 함수를 호출하면서 this를 넘깁니다.여기서 this는 버튼 자신을 가리켜요.✅ 즉, 버튼을 클릭하면 → clickMe(버튼자체) 함수가 실행되는 구조입니다.🔥 중요 포인트→ this는 현재 클릭된 자기 자신 HTML 요소를 의미합니다.→ 이걸 함수에 넘기면 그 버튼이 어떤 버튼인지 함수 내부에서 알 수 있어요.\ 🧑‍💼 실무에서는 언제 쓰나요?상황이유여러 개 버튼에 같은 함수 적용할 때클릭한 버튼마다 다른 동작을 하게 만들..