※ 내장 객체 서열 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 -- 그룹으로 ..
HTML - 태그() 형태의 언어 - 여는 태그와 닫는 태그로 이루어짐. (쌍태그) -- 단일 태그는 : /를 꼭 붙이지 않아도 실행은 되지만 /붙이는게 웹표준임. - 인터프리트 언어. 컴파일과 동시에 실행됨. (저장X) - 대소문자 구분 안 함. : enter ~ : 단락 구분 & 글씨 크기 (1이 제일 큼) : 단락 구분 style 속성 : CSS 속성. 태그 당 지정할 수 있음. but, CSS에서 설정하는 것이 바람직. 더보기 가나다 라마바 aaa bbb ccc ddd eee fff abcd asdf adfefg efgh - 영역 구분 : 영역 지정된 만큼 style 입혀짐, enter 쳐짐 : style 크기 지정 적용 안됨, enter 없이 바로 옆에 붙음 더보기 영역 설정 가나다 라마바 ab..
자바 기반 웹 프로그래밍 - request(요청)과 response(응답)이라는 두 객체로 이루어짐. - model: 웹 서비스에서 제공할 기능 구현 (Front + Middle) - 컴파일(기계어를 번역)을 어디서 하느냐에 따라 client 언어(client 컴퓨터에서 컴파일) - Html, Css, JavaScript, Ajax, JQuery server 언어(server에서 컴파일) - JSP, Servlet - 웹 컨테이너(server언어 처리, 웹 관리) - 톰캣 ...etc - server 종류 웹 서버 -- 정적 페이지 처리 웹 어플리케이션 서버(WAS) -- 웹서버(정적) + 웹컨테이너(동적) - 톰캣이란? -- WAS 종류 중 하나. 아파치 재단에서 만든 오픈 소스. 무료. -- 동적 페..
