목록분류 전체보기 (134)
코밍이의 하루
1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) return문 - 함수에서 결괏값을 반환할 때 사용 - 실행 시 반복문의 break문과 비슷하게 코드 강제 종료 기본형 예시 function 함수명(){ 자바스크립트 코드1; return 데이터(값); 자바스크립트 코드2; } var 변수 = 함수명(); function sum(num1, num2){ return num1 + num2; } var result = sum(10, 20); document.write(result); 2) 재귀 함수 호출 - 함수 정의문 내에서 작성한 코드로 함수를 다시 ..
1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 함수 vs 변수 특징 변수 함수 저장 방식 1개의 데이터만 저장 자바스크립트 코드 저장 선언 방식 var라는 키워드를 이용하여 선언 function이라는 키워드를 이용하여 선언 데이터 처리 방식 문자형, 숫자형, 논리형 데이터를 보관 출력문, 제어문 등의 코드를 저장하고 데이터 반환 2) 기본 함수 정의문 - 함수를 사용하여 코드를 저장한 것 - function 키워드를 사용해 변수 선언 기본형 익명 함수 function 함수명(){ 자바스크립트 코드; } 함수명(); 또는 참조 변수(); 참조 변..
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 브라우저 객체 - 브라우저에 내장된 객체 - window는 브라우저 객체의 최상위 객체 2) 브라우저 객체 모델(BOM: Browser Object Model) - 이미지 출처 : https://thinking7521.tistory.com/entry/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EA%B0%9D%EC%B2%B4BOM1
1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 table의 제목 부분 table의 본문 table의 요약 부분 여러 열을 묶어 스타일을 적용할 때 사용, 태그 뒤와 , 태그 전에 사용 - 한 열에 있는 모든 셀에 같은 스타일을 적용하려고 할 때 사용 - 둘 이상의 열을 묶어 같은 스타일 지정할 때는 span 속성 이용 - 태그 뒤와 , 태그 전에 사용 - 반드시 표의 열의 개수와 같아야 함 3. 소스 코드 및 실행 화면 - table-6.html 제주특별자치도 학교현황(2015.4.1 기준) 구분 학교수 학급수 학생수 교..
1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3 개발환경 Visual Studio Code 참고 도서 [Do it] HTML5 + CSS3 웹 표준의 정석 웹브라우저 Chrome 2. 주요 문법 1) 관련 태그 태그 내용 전체적인 표의 틀을 만들어준다 표의 행을 만든다 각 행의 열을 만든다 표에 제목 셀, 자동으로 글자 굵기 굵게하고 중앙 정렬시킨다. 행 합치기 ex) 내용 열 합치기 ex) 내용 표 설명, 태그 바로 다음에 사용, 표의 위쪽 중앙에 표시 태그로 감싼 후 제목이나 설명 글 입력, 태그 앞에 사용 시 표 위 제목 표시, 태그 뒤에 사용 시 표 아래 제목 표시 사용 할 때 사용, 표 전체를 감싼다. 2) 속성 속성 내용 aria-describedby 표에 대한 설명 제공하기, 화면..
1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 문자열 객체 - 문자형 데이터를 객체로 취급하는 것 - JS에서 가장 많이 사용 기본형 ① var 참조 변수 = new String(문자형 데이터) ex) var t = new String("hello javascript"); ② var 참조 변수 = 문자형 데이터 ex) var t ="hello javascript"; 2) 문자열 객체의 메소드 및 속성 종류 설명 charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환 indexOf("찾을 문자") 문자열에서 왼쪽부터 찾을 문자와 일치하는 문..