본문 바로가기

분류 전체보기128

JavaScript - 배열 JavaScript 배열 동일한 이름을 갖는 원소들의 연속적 저장 영역 배열의 원소는 메모리 내에서 순서대로 저장 배열의 각 원소는 인덱스([0]부터 시작)로 구별 배열의 크기(원소의 개수) : length 속성 배열의 선언 방식 var 배열명 = new Array(3); var num = new Array(3); num.length; // 배열의 크기 자바스크립트 배열의 특징 각 원소에 다른 유형의 데이터 저장 가능 배열 선언 형식 var num = new Array(); // 크기가 정해지지 않은 배열 선언 var num = new Array(3); // 원소가 5개인 배열 선언(크기 지정) var fruits = new Array("사과", "배", "포도"); // 배열의 선언과 동시에 값 저장 .. 2021. 12. 8.
JavaScript - 특수문자 처리 추가 내용 따옴표 특수문자 문자열에 사용하는 경우 큰따옴표, 작은따옴표 구별 없이 사용 가능 document.write(""); document.write(""""); // 동일한 따옴표를 중첩해서 사용할 경우 오류 document.write("''"); document.write('""'); 큰따옴표로 사용할 경우 특수문자로 사용 : \" document.write("\"문자열\""); HTML : "" 특수문자 \" : 큰따옴표 (") \' : 작은 따옴표(') \\ : 역슬래시 (\) \n : 줄바꿈 \t : 탭 2021. 12. 8.
JavaScript - 반복문 JavaScript 반복문 주어진 조건만큼 함수를 반복하는 것 자바의 반복문과 같음 for문 / for in 문 / while 문 / do ~ while 문 for문 연습문제1 1~10까지의 합인 sum을 구하는 식 작성 forEx1.js var i; var sum = 0; for(i = 1; i 2021. 12. 8.
JavaScript - 제어문 JavaScript 제어문 프로그램의 흐름을 제어 자바 언어와 완전 동일 if문 / swtich문 if 문 기본 형식 if(조건식){ 조건의 결과 참일 때 수행되는 문장; 1줄인 경우 괄호{} 없어도 됨 2줄 이상인 경우 반드시!! 괄호 있어야 함 } if-else 제어문 if(조건식){ 조건의 결과 참일 때 수행되는 문장; } else{ 조건의 결과 거짓일 때 수행되는 문장; } if-else if-else 제어문 if(조건식1){ 조건식 1의 결과 참일 때 수행되는 문장; } else if(조건식2){ // else로 넘어왔다는 것은 조건식 1에 해당되지 않는다는 의미 조건식 1의 결과가 거짓이면서 조건식 2의 결과가 참일 때 수행되는 문장; } else{ 조건식 1, 2의 결과가 모두 거짓일 경우 .. 2021. 12. 8.
JavaScript -데이터 타입 데이터 타입(데이터 값의 유형) 숫자 : 정수형, 실수형 문자 : 'a' 문자열 : "string", '작은따옴표 가능' NaN : Not a Number (숫자가 아닌데 숫자로 사용할 경우) 논리값 : true, false undefined와 null null : '참조 객체 없음'의 의미 (값이 없을 때) undefined : 값의 유형을 알 수 없음 데이터 형변환 parseInt() : 정수 값으로 형변환 parseFloat() : 실수값으로 형변환 String() / toString() : 문자열로 형변환 dataType.html 2021. 12. 7.
JavaScript - 사용법, 데이터 입력 방법 자바 스크립트 기본 구조 HTML 문서에 태그 삽입 자바스크립트 사용법 3가지 Internal 방식 External 방식 Inline 방식 Internal 방식 HTML 문서에 삽입 일반적으로 External 방식 별도의 자바스크립트 파일(.js) 파일을 만들어 HTML 문서에서 소스 지정 external.html a.js alert("경고창 입니다"); Inline 방식 자바스크립트 코드가 짧을 때 HTML 태그의 이벤트 핸들러 속성을 사용하여 함수 호출 비효율적인 방식 추천하지 않음 inline.html 데이터를 출력하는 방법 window.alert(내용) : 내용을 알림창(경고창)으로 출력 console.log(내용) document.write(내용) : 화면(문서)에 내용 출력 DOM(문서 객체 .. 2021. 12. 7.
JavaScript - 변수와 연산자 JavaScript (자바스크립트) JavaScript 정식 명칭 ECMA스크립트 (ECMAScript) ECMA International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어 ES6 default parameter class arrow function const let JavaScript란? 동적인 웹 페이지를 작성하기 위하여 사용되는 언어 웹 표준 프로그래밍 언어 모든 웹 브라우저에서 자바스크립트 지원 웹 브라우저 뿐 아니라 스마트폰용 애플리케이션 개발 등 각종 분야에서 능력과 가치를 인정받고 있음 초기에는 브라우저에 내장되어 제한된 기능만 지원하였으나, 현재 Ajax(Asynchronous JavaScript and XML) 기술과 함께 영향력 증가 전.. 2021. 12. 7.
Bootstrap - 주요 기능 Bootstrap 주요 기능 Containers Jumbotron Grid button Table Image Containers 레이아웃 최상위 요소로 다른 요소 포함 .container : 반응형 고정 폭 컨테이너 .container-fulid : 뷰포트 전체 폭까지 늘어나는 최대 폭 컨테이너 Containers 예제 viewport 포함 : css/bootstrap.min.css : jQuery 파일 소스 지정 : js/bootstrap.min.js 소스 지정 주의!! jquery파일의 소스 지정이 먼저 와야 함 container.html Bootstrap Container Bootstrap Container Jumbotron 일종의 대형 전광판 특정 콘텐츠나 관심있는 정보를 눈에 띄게 보여주기 위한.. 2021. 12. 7.
Bootstrap Bootstrap HTML, CSS, JS 라이브러리 jQuery 기반의 HTML5 Web Framework 프론트엔드에서 작동되는 프레임워크 트위터에서 사용하던 각종 레이아웃, 버튼, 입력 요소 등 UI 요소들을 누구나 사용할 수 있도록 만들어진 오픈소스 프레임워크 (라이브러리) HTML/CSS 기반의 템플릿 양식, 버튼, 내비게이션 등 다양한 UI 요소 포함 자바스크립트 선택적 확장 가능 특징 쉽고 편리한 사용 가능 HTML/CSS 기본 지식만 있으면 누구나 사용 가능 반응형 웹 디자인 PC 또는 스마트폰이나 태블릿 등의 모바일용 디자인 지원 모든 최신 브라우저와 호환 기능 CSS 기능 : 디자인이나 스타일 적용 컴포넌트 기능 : 내비게이션 바, 탭, 버튼 등의 기능을 간단하게 수정해서 사용 가능 자.. 2021. 12. 6.

티스토리툴바