https://intheham.tistory.com/44#%3C%20DOM%20%3E-1 [JavaScript] form, image, DOM ※ 내장 객체 서열 window : 창의 위치, 툴바 구성 등 | document : 윈도우창에 웹 페이지 뿌리기 | form, image | button, text, textarea, radio.... (value 로 접근) - get, post // 이름이 t1인 입력 양식의 값 -- f.t intheham.tistory.com AJAX (Asynchronous JavaScript and XML) : 비동기 자바스크립트와 xml 웹 동기 요청 -- 요청을 보내면 새 페이지로 응답페이지를 받아옴. 전체 페이지 바뀜. 웹 비동기 요청 -- 응답 페..
홈화면 - 대문 이미지 1초마다 변하게 하기 - 카테고리 이미지 누르면 (onmouseover, onmouseout) 대분류 카테고리 나오기 - 대분류 카테고리에서 항목에 마우스를 올리면 중분류 뜨게 하기 shop 의류 가전 가구 잡화 제품상세화면 - 홈화면에서 하단의 상품 이미지를 누르면 제품상세 html 페이지로 넘어가기 - 이미지에 마우스를 올리면(onmouseover) 이미지 변하게 하기 - 주문 수량에 따라 (주문수량 * 가격) 값을 결제 금액에 띄우기 (onchange) 제품 상세 페이지 제품명파란 하트 가격30000 주문수량 결제금액 결제 상품 상세 설명 봄이 생각나는 하트
※ 내장 객체 서열 window : 창의 위치, 툴바 구성 등 | document : 윈도우창에 웹 페이지 뿌리기 | form, image | button, text, textarea, radio.... (value 로 접근) - get, post // 이름이 t1인 입력 양식의 값 -- f.t1.value form: 사용자가 입력한 데이터를 서버 페이지에 제출 => 서버 페이지는 전달한 값들을 받아서 처리 - get (Servlet에서 doGet 호출) : 링크 이동 / url 쳐서 들어가는 것 : 데이터를 url 뒤에 붙여서 보냄. 보안 취약. : url 길이의 제약이 있어 데이터 크기 제약됨. : 한글이 더 많이 깨짐. - post (Servlet에서 doPost 호출) : 패킷에 ..
작성자: 글 비밀번호: 내용: 작성버튼 작성 버튼 누르면 밑에 글 내용 수정버튼 삭제버튼 계속 추가 prompt() -- alert에 값을 입력받는 창이 뜬다. style="display: none;" -- 화면에 안보이게 하고 자리 할당 안 함. 에 있긴 함. .style.display = ''; -- 화면에 나타나게 함. innerHTML 태그로 입력받은 값: value 부모 요소 는 자식 요소보다 상위 요소임 document.getElementById("parent").appendChild(document.getElementById("child1"); document.getElementById("parent").removeChild(document.getElementById("child1"); 방명..
회원가입 폼 id pwd pwd 확인 email 가입버튼 누르면 id 6글자 이상 필수사항 pwd 5글자 이상 pwd 와 pwd 확인이 일치해야 함. 내 코드 id: pwd: pwd 확인: email: 강사님 코드 - alert가 한 번만 뜸. (우선순위대로 id->pwd->pwd확인) - 필수조건을 모두 충족하면 submit함 ※ 테이블 여백 제거 ( 여백 없애기) (표 테두리 사이 공백 없애기) - cellspacing = "0" - border-spacing: 0px 회원가입 ID PWD PWD확인 EMAIL 가입 Servlet ※ 한글 안깨지게 request.setCharacterEncoding("euc-kr"); response.setCharacterEncoding("euc-kr"); respo..
변수: 변하는 값 저장 상수: 변하지 않음 - 변수 선언 해도 되고 안해도 됨. -- 변수를 선언하지 않고 값을 할당하면 전역변수됨. function f1() { kkk = 10; } alert("kkk: " + kkk); - 변수 선언할 때 타입 지정 안함. (값의 형태에 따라 자동으로 타입 결정됨) - 변수명 있어도 되고 없어도 되고 - ; 있어도 되고 없어도 되고 - 태그 안에 작성함. -- https://www.oracle.com/kr/database/what-is-json/ JSON이란 무엇인가? JSON을 이용하는 프로그래머, 개발자, IT 전문가들은 어떤 언어에서든 데이터 구조와 실제 데이터를 다른 언어 및 플랫폼에서 해석 가능한 형식으로 전송할 수 있습니다. www.oracle..
아쉬운 점 - 윗 상단 버튼들을 고정 포지션으로 해서 화면을 줄이거나 개발자화면 같은거 띄우면 옹기조기 모여있게 됨,, - 한국어로 번역되는 창을 너비 맞추는 거 귀찮아서 그냥 textarea로 옆 표와 똑같이 만듦 - 표에서 세로선만 없애고 가로선은 남기고 싶었지만 실패함,,, 왜 border-bottom이 안먹히는가 의문 - 표 width를 고정 너비가 아니라 50%로 해서 화면 크기를 변경할 때마다 줄었다 늘었다 했으면 좋겠음 ㅠㅠ - 버튼을 좀 예쁘게 할 수 있었겠지 (체력만 있었다면) - 하단에 url입력창~한국어로 번역 부분에 줄 치고 싶었어. ㅎ. 언어감지 한국어 영어 일본어 중국어(간체) 중국어(번체) 스페인어 프랑스어 독일어 러시아어 포르투갈어 이탈리아어 베트남어 태국어 인도네시아어 힌디..
※ HTML, CSS, JavaScript 등 예제 코드 및 튜토리얼 페이지 https://www.w3schools.com/default.asp W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com CSS를 적용시킬 요소 선택 1. 태그명(name)-- 중복가능 2. id--중복불가 3. class -- 그룹으로 ..
