Front End/JS

★**[모든 프로그램은 주기억장치(RAM)에서만 실행된다]** 기억장치 ①주기억장치 - RAM : 비쌈 ②보조기억장치 - HDD, CD-R/W, FDD 기본용어 ①적재(load) : 보조기억장치→ 주기억장치 ②프로그램 : 하드디스크에 저장되어있는 상태 자체 ③프로세스 : 주기억장치에 로드된 상태의 프로그램(실행되고 있는 프로그램) = 프로그램을 로드 이클립스 → JSP 환경 설정 html,css,jsp → UTP-8로 변경 자바버전 11로 변경 Create a Dynamic Web Project -context root(=project root) -content directory(=폴더) HTML File 김영미 홈페이지를 만드려면 서버가 필요함! [서버사이트] https://tomcat.apache.o..

-웹문서에 접근 및 제어 가능한 형태 form 태그(객체) 사용자의 정보를 입력받아서 전달하는 태그 -fieldset 태그로 감싸줌 폼태그 제목 사용자의 정보를 입력받아서 전달하는 태그 action : 정보를 전달하는 페이지(속성) method : 전달 방법(속성) method 속성 get 방식 -전송할 데이터를 주소(URL)에 붙여서 전송 -URL끝에 ? 사용해서 정보 전달 (중요데이터 노출) -데이터 길이 제한(256byte) -body가 필요없음 -빠른 전송속도 -&을 사용하여 데이터를 연속으로 사용 가능 ex) www.itwillbs.co.kr?id=itwill&age=20 post 방식 -전송할 데이터를 body에 담아서 전송(주소줄 표시x) -데이터 길이 제한X -body 필수 -느린 전송속도..

2. 브라우저 객체 모델 (BOM) -브라우저 내부에 내장되어 있는 객체 정보 window,screen, location, history, navigator… 이벤트 -웹 브라우저에서 클라이언트가 수행하는 모든 동작 이벤트 리스너 : 웹 브라우저에서 이벤트가 발생하는지 체크하는 기능 실행할 수 있도록 만들어줌 이벤트 핸들러 : 이벤트가 발생시 자바스크립트 실행가능 1. onclick //클릭해도 동작x -> 보여지는 동작과 클릭시 동작이 분리되어있기 때문 --> // -> 이벤트 핸들러 추가해야함 //동작함 //alert 2번클릭 몇개든 상관x, but 일반적사용x -> script태그 사용 + 함수 // function을 이용한 버튼 2. ondblclick // function을 이용한 더블클릭 버튼..

자바스크립트의 객체 종류 1. 내장객체 2. 브라우저 객체 모델 (BOM) 3. 문서 객체 모델 (DOM) . 1. 내장객체 - 자바스크립트 안에 내장되어 있는 객체 (문자, 날짜, 배열, 숫자,...) 날짜(Date) //날짜(Date) 객체 생성 var today = new Date(); document.write(today + " "); var day2 = new Date(2023,8,4); // 년, 월-1(9월을 의미), 일 // 월 : 0~11까지 표시 (1~12) // 8월을 나타내고 싶으면, new Date(2023,7,4); 을 표시 document.write(day2 + " "); var day3 = new Date(2023,7,4,9,32,0); // 년, 월-1, 일, 시, 분, 초..

JS에서의 객체란? JS에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가르킨다. 객체 추상화 내가 코드로 표현하려고 하는 대상을 선택해서 속성, 동작들을 정의 모니터 속성 : 브랜드, 모델명, 크기, 색상, 가격 , 화소, ... (정의하기 나름) 동작 : 전원 on/off, 명도, 음량조절, ... (정의하기 나름) 인스턴스화 ⇒ 객체를 메모리에 올리는 작업 ★**[모든 프로그램은 주기억장치(RAM)에서만 실행된다]** 변수 vs 객체 변수 : 데이터를 저장하는 것 책상에 책을 꽂음, 책을 꺼내서 건네줌 함수 : 실행문(코드)을 저장하는 것 객체 : 데이터, 실행문(코드)을 둘 다 저장하는것 사물함 할당(책, 칫솔) 참조변수 (레퍼런스) : 변수는 저장하는 변수와 같은 메모리를 참조하게 된다. ..

무한루프를 사용할 경우 → 특정 동작을 무한히 수행해야할 떄 / 얼마나 반복해야하는지 알 수 없을 때 → 단점 : 코드 잘못 만들면 아무것도 실행x -> 보조제어문 통해 무한루프 빠져나올 수 있음 for(;;) { // 무한루프 } for(;true;) { // 무한루프 } while(true) { // 무한루프 } do{ // 무한루프 } while(true); 보조 제어문 break; (switch-case) : 가장 가까운 반복문 하나 탈출 => (이중for문 일 시 가장 가까운 for문만 빠져나감 - for문 하나만 빠져나올 수 있다.) continue; : 특정 조건을 무시하고 다음 반복문 실헹 => 단계스킵 특정 숫자 찾기 0.0 Quiz) { alert("오답! 더 작은 값을 입력하세요.")..

함수 선언과 실행 순서 // 전역변수 : 코드 전부에서 사용 가능 // => 어디서든 사용가능한 형태의 변수 var num = 100; function ex1() { // 지역변수 : 지역(블럭)에서 사용 가능 // => 특정 지역(함수)에서밖에 못씀 var num = 200; document.write(num+" "); // 지역변수가 필요한 경우 지역 안에 써줘야함 } // var num = 300; document.write(num+" "); ex1(); document.write(num+" "); var 변수(ES6) (p517~) 전역변수 : 모든 스코프(scope)에서 사용 가능한 변수 var a = 100; function TEST() { // var a = 100;(x -> 지역변수) a ..

함수(function) : 실행문(코드) 저장해서 사용 -한번에 코드를 저장해서 한번에 실행시키기 위해 사용함 함수명(); function 함수명() { //함수명은 의미있게, 주로 영문+숫자 실행코드1; 실행코드2; 실행코드3; } 익명함수 — 변수명() 사용 var tmp = function() { 실행코드1; 실행코드2; 실행코드3; } => 변수명() / 참조변수() ⇒ 변수 이름으로 호출 🔥 괄호 있으면 함수 괄호 없으면 변수 sayMyName 이름의 함수를 선언 => 본인의 이름을 출력하는 함수 function sayMyName() { document.write("내이름은 땅콩입니다."); } sayMyName(); 함수에 정보 전달하기 function 함수명(매개변수1, 매개변수2,..., ..