LOG.info("yun's dev");

0110_ex20.html 자바스크립트는 객체 지원 (객체 : 세상에 존재하는 모든 것) 연관배열 표기법 자바스크립트 객체 -사용자 정의 객체 : puppy.name, puppy.age 같은 게 사용자 정의 객체 -내장 객체 └전역 : Array, Function, Object └브라우저 객체 모델(BOM) : navigator, 등등 └문서 객체 모델(DOM) : document 문서 객체 모델 *document : html 문서를 읽어서 객체로 모델링 트리 구조. 체계적으로 모델링 해야. 문서 내의 내용을 잘 찾을 수 있다(?) 기존에 없던 요소가 생긴다던가 사라진다던가 바꾼다거나... 태그 내 태그들을 서버로 보내기 전에 검증할 수 있음. 0110_ex20.html 0. 이벤트 사용자가 발생시키는 ..

1. 함수 자주 쓰는 기능을 정의. 필요할 때 함수의 이름을 호출해서 사용. 함수 특징 위치에 상관없이 function 키워드가 붙은 함수를 브라우저가 최우선적으로 읽음. 메모리에 할당, 준비. 정의된 함수들을 파악한 후 위에서부터 순차적으로 시행. 따라서 함수 호출 위치가 함수를 선언하기 전에 있을 수 있음. 그러나 관례상 함수 선언을 먼저 해준다. ※ 함수 호이스팅 ※ 브라우저는 함수 선언 부분을 가장 먼저 로딩(hoisting)한 후에 실행문을 순차적으로 실행. 스크립트가 바디 끝나기 마지막에 있다고 해도 가장 먼저 읽음(스캐닝). 그다음에 문서를 위에서부터 순차적으로 시행. -함수 선언 //함수 선언 //함수명 function showStars() { 실행문; } 변수 선언 후 초기화하지 않으면 ..

database : 방대한 자료를 표 형식으로 관리 -행(row) : -열(column) : -셀 : 데이터 표시 최소 단위 표 형식으로 데이터를 가져오고 화면에 뿌릴 때 중요!!! └ 이중반복문(★★★) 실습을 통한 반복문 연습 1-1. 구구단 출력 2*1 = 2 … 2*9 = 18 … … 9*1=9 … 9*9=9 1-2. 구구단 출력 2*1 = 2 9*1=9 2*9 = 18 9*9=81 2. 구구단 테이블로 표현하기 3. 행에 따른 출력 문자 변동 ★ ★★ ★★★ ★★★★ ★★★★★ ★ ★★ ★★★ ★★★★ ★★★★★ -왼쪽 소스 코드 -오른쪽 소스 코드 소스 코드 파일 0. 구구단 출력 0. 중첩 반복문 0. 별

과제를 통한 반복문 연습 1. 중첩 반복문 문자 ★ 5번 출력 -그냥 코드 반복 -for문 - 실습 코드

1. for문 조건식이 참일 동안 실행문 반복 실행 for (초기식; 조건식; 증감식) { 실행 문장; } //초기식에 변수 선언. 관례상 i를 많이 씀. -초기식 : 변수 선언과 초기화, for문 시작할 때 단한번만 실행 -조건식 : 블록 내 문장을 얼마나 반복할지 결정. 조건식이 참인 동안 반복. -증감식 : 초기식에서 초기화한 변수의 값을 증가 또는 감소 (1) for문 실행 과정 초기식 실행 → 조건식이 참이면, 실행문 실행 → 증감식 → 조건식이 참이면, 실행문 실행 → 증감식 … → 조건식이 거짓이면, 실행하지 않음(빠져나옴) 예제) 시작값 1, 끝값 5, 5번 반복하는 실행문 만들기 짝수 증감식 : 1부터 20까지 숫자 중 짝수만 출력 조건처럼 다는 건 안 되나봐. i=2n 같은 방식의. 역..

1. 비교 연산자 ★★★ 두 피연산자의 값을 비교하여 참(true) 또는 거짓(flase) 값을 반환 > >=

피연산자에게 연산 명령을 내리기 위해 사용하는 기호 1. 연산자 종류 (0) 문자열 연산자 + 타입이 다른 문자열을 연결할 때, 타입이 다른 문자열 사이에 입력 문자는 따옴표로 감아줘야 한다.(' ', " " 사용 가능. 다만 짝은 맞춰줄 것.) 숫자+'문자열'인 경우 숫자가 문자열로 바뀌어 새로운 문자열이 됨. +는 문자열 연산자, 산술 연산자로도 쓰임. (1) 산술 연산자 덧셈 뺄셈 곱셈 나눗셈 + - * / 나머지 증가 감소 % ++ -- / : 자바스크립트는 실수 나눗셈(1.2)) %(나머지) : 홀짝 구분할 때. 정수 나눗셈. -산술 연산자 -증감 연산자 : 1 증가하거나 감소 변수값을 증감하므로 정수는 연산되지 않는다. 10++ 연산 안 됨. 변수 num은 증감 연산 가능.(num++, num..

1. 변수 선언 -변수 선언 : 데이터를 담을 박스를 만듦. 기존에 변수 선언을 할 때 var를 많이 썼으나 최근 let 이용. -변수 최초 대입은 초기화. 이후는 수정. var : 함수 블럭 기준. 다른 프로그램을 사용하는 프로그래머에게 혼동을 주기도. 디버깅도 그닥. -const(상수) : 항상 같은 값을 가진다. 수정되지 않음. -변수 선언 사례 -변수명 작성 규칙 변수명 시작 : 문자, 언더바(_), 달러기호($) 영문자 사용 권장. 대소문자 구별. 예약어 사용 불가능. ex) myCarName : camel case 방식. 변수. MY_CAR_NAME : 상수 표현 -변수 타입 확인 변수의 타입을 확인하는 함수 : typeof → 출력문 : num 변수는 : string 타입입니다.

1. 기본형 타입 number string boolean 정수 혹은 실수 숫자 리터럴 값 문자 혹은 문자열 문자열 리터럴 값 참 혹은 거짓 불리언 리터럴 값 따옴표로 감아줘야 함. 100, 12.5, 10e+3 "hello" or 'hello' true, false *문자열 연결 연산자 : + 데이터타입이 다른 문자열 연결 숫자 + '문자열'인 상황이면 숫자가 문자열로 바뀌어 새로운 문자열이 됨.

1. 함수 호출 window(현재 창), document(문서에), write(쓰겠다), 'JavaScript '를 ★★ 문자열 연결 연산자 + 위처럼 출력문에 서로 다른 데이터타입을 쓴 경우, 사이에 문자열 연결 연산자 +를 넣어 연결! 그리고 문자열은 따옴표로 감아줘야 한다. (문자열을 따옴표로 감아주지 않으면 변수로 인식된다.) Hello world! 2022 ver 문자열 숫자 문자열

※ 웹 표준 HTML CSS JavaScript 구조 잡는 역할(Modeling) 배치나 스타일(View) 동적 제어 담당(Behavior) JavaScript : 웹 → 서버 개발까지(원한다면 할 수는 있음) 1. 자바스크립트 역할 요소의 추가 및 삭제 : 실행 중간에 의 유효성 검증 : 사용자가 입력한 값, 선택값들을 서버로 전성하기 전에 검증. 이벤트 : 마우스, 키보드 관련 스크립트 실행 웹 브라우저 제어 및 쿠기 등의 설정과 조회 AJAX 기술을 이용한 웹 서버와 통신 ; 미려한 화면 전환 가능(?) 2. 자바스크립트 작성 (1) 기본 문장은 세미콜론(;)으로 구분 큰따옴표(“ ”)와 작은따옴표(‘ ’)를 구분하여 사용 // Hello world가 적힌 알림창을 띄우겠다. (2) 실행 순서 문서..