6개월 대장정/JAVASCRIPT 개념 (8) 썸네일형 리스트형 44일차 - [JS] string, object 안녕하세요. pitang입니다. 자바스크립트에서 string과 object에 대해 알아보겠습니다. string 자바스크립트에서 string을 쓰는 방법은 자바와 다르다. 전 게시물에서 따옴표에 대해 알아본 적이 있을 것이다. "" 큰따옴표를 사용했으면 '' 작은따옴표를 사용해야 한다. "" 큰따옴표 안에 또 큰따옴표를 사용하고 싶으면 \를 앞에 적어 사용해야 한다. "" 큰따옴표를 사용하고 줄을 바꿔서도 사용하고 내용을 적고 싶다면, "" 마무리하고 + 로 계속 문장을 적어 나가면 된다. 더 간단하게는 \ 표현으로 큰따옴표를 마치지 않고 줄을 바꾸고 계속 사용하면 된다. 다른 간단한 방법으로는 ` 기호를 사용하는 방법이 있다. 키보드에 보면 ` 가 있을 것이다. 없다면, ₩ 모양이 있는 키보드를 누르면 .. 43일차 - [JS] 이벤트처리 안녕하세요. pitang입니다. 이벤트 이벤트는 키보드를 누르거나 마우스를 클릭하는 것처럼 어떤 현상이 프로그램에 영향을 미치는 것을 의미한다. 이벤트는 사용자가 직접 발생시킬 수도 있고 응용 프로그램에서 자체적으로 발생시킬 수도 있다. 자바스크립트는 다음 이벤트를 기본으로 지원한다. - 마우스 이벤트 - 키보드 이벤트 - HTML 프레임 이벤트 - HTML 입력 양식 이벤트 - 사용자 인터페이스 이벤트 - 구조 변화 이벤트 - 터치 이벤트 onclick - 클릭 dblclick - 더블클릭 onmouseover - 마우스가 올라감 onmouseout - 마우스가 떠남 onkeyup - 키보드에서 손이 떨어짐 문서 객체에 이벤트를 연결하는 방식을 이벤트 모델이라고 한다. 인라인 이벤트 모델과 고전 이벤트.. 43일차 - [JS] 반복문(2), break, continue 안녕하세요. pitang입니다. 이중 for문과, while문 그리고 break, continue까지 알아보겠습니다. 이중 for문 중첩반복문에 해당한다. 자바에서 살펴본 문법과 비슷하므로 바로 예제로 살펴보겠다. ex1) ex2) while문 while 반복문은 가장 기본적인 반복문이다. if 조건문과 형식이 비슷하지만, if 조건문과 달리 불 표현식이 참이면 중괄호 안 문장을 계속 실행한다. while문의 사용방법은 아래와 같다. while ( 조건 ) { 문장 } ex1) ex2) ex3) ex4) break문 break문은 가장 가까운 반복문을 빠져나온다. ex1) continue문 continue문은 부합하는 조건을 건너띄고 반복문을 계속 실행한다. ex1) ex2) 감사합니다. *m1 맥북을 .. 42일차 - [JS] 반복문(1), 배열(array) 안녕하세요. pitang입니다. for문과 배열(array)에 대해 알아보겠습니다. for 반복문 for 반복문은 원하는 횟수만큼 반복하고 싶을 때 사용한다. 사용방법은 아래와 같다. for(초기식; 조건식; 종결식) { 문장 } ex1) ex2) ex3) ex4) ex5) ex6) ex7) 배열(array) 배열은 변수 여러 개를 한꺼번에 다룰 수 있는 자료형이다. 자바스크립트에는 숫자, 문자열, 불린, 함수, 객체, 정의되지 않은 자료형까지 총 6개가 있다. 배열은 객체의 일종이고, 배열 내부에 입력된 자료 하나하나를 요소라고 한다. 배열 내부에 다양한 자료형을 입력할 수 있고, 배열 전체를 출력하면 요소가 순서대로 표시된다. arr = []; 과 같이 생성한다. 대괄호 내부의 각 자료는 쉼표로 구분.. 41일차 - [JS] 조건문 안녕하세요. pitang입니다. 자바스크립트의 조건문을 알아보겠습니다. 조건문 거의 자바와 문법이 비슷하다 생각하면 된다. 조건이 true이면 문장을 실행하고 false이면 문장을 무시한다. - if문 if (조건) { 문장 } if (조건) { 문장1 } else { 문장2 } if (조건) { 문장1 } else if (조건) { 문장2 } else { 문장3 } - switch문 switch (key) { case 1: break; case 2: break; default: } break의 유무에 따라 실행결과가 다르게 나오므로 사용할 때 주의하여야 한다. - boolean형 boolean value는 true와 false가 있다. number - 0이 아니면 모두 true string - "" 빈.. 41일차 - [JS] dom 안녕하세요. pitang입니다. 자바스크립트의 dom(Document Object Model)과 branch(조건문)에 대해 알아보겠습니다. dom 웹 페이지를 처음 실행할 때 HTML 태그로 적힌 문서 객체를 생성하는 것을 정적 생성이라고 한다. 웹 페이지를 실행 중에 자바스크립트를 사용해 문서 객체를 생성하는 것을 동적 생성이라 한다. 웹 브라우저가 HTML 파일을 분석하고 출력하는 방식을 문서 객체 모델(DOM)이라고 한다. HTML DOM 모델은 개체 트리로 구성된다. 오브젝트 모델(dom)을 통해 자바스크립트는 페이지의 모든 HTML 요소, 속성 그리고 모든 CSS 스타일을 변경할 수 있다. 또한, HTML 요소와 속성을 추가할 수 있고, 페이지의 모든 기존 HTML 이벤트에 반응할 수 있고 새.. 40일차 - [JS] 함수(function) 안녕하세요. pitang입니다. 저번 40일차 기초, 변수, 연산자에 이어 함수를 알아보도록 하겠습니다. function 함수는 코드 집합을 나타내는 자료형이다. 생성하는 방법에는 익명 함수 생성과 선언적 함수 생성이 있다. 익명 함수 - function(매개변수) { 코드 작성 } 선언적 함수 - function 함수 이름(매개변수) { 코드 작성 } 함수(매개변수);는 함수를 호출한다. 함수도 변수이므로 가장 마지막에 입력된 값이 저장되지만 선언적 함수와 익명 함수와 함께 사용할 때는 실행 순서가 다르다. 자바스크립트는 모든 코드를 읽기 전에 선언적 함수를 먼저 읽는다. ex1) ex2) -> 함수 실행시키기 버튼을 누르면 함수가 실행된다. ex3) -> 아직 알아보지 않은 함수가 있으나, input.. 40일차 - [JS] 기초, 변수, 연산자 안녕하세요. pitang입니다. 저번 게시물을 마지막으로 CSS와 HTML의 개념은 얼추 마무리된 것 같습니다. 오늘부터는 JAVASCRIPT를 알아보도록 하겠습니다. JAVASCRIPT 자바스크립트는 HTML 페이지에서 사용자 반응 등을 처리하는 스크립트를 작성하는 언어이다. 자바스크립트의 표준 명칭은 ECMAScript가 되었다. 하지만, 많은 사람들이 자바스크립트라는 이름을 사용한다. 자바스크립트는 script요소 안에서 작성된다. CSS는 style요소안에, HTML은 body요소 안에 작성된다고 생각하면 된다. script의 작성된 파일을 보는 방법은 HTML의 파일을 웹브라우저에 가져다 놓으면 결과가 뜬다는 것을 알 수 있었다. 거기서, 마우스 우클릭을 해 검사를 클릭하면 아래와 같이 뜨고 c.. 이전 1 다음