정보창고

MVC 패턴에서 View가 html이 됩니다. 폼(Form)은 html에서 사용자에게 입력받은 입력값을 서버에 전송하는 역할을 하고, 입력화면 형식을 만들어주는 역할을 합니다. 폼 관련 태그 사용자가 입력한 데이터를 보내는 방식과 처리할 서버를 정하는 태그입니다. 속성 method : 데이터를 보내는 방식 get : url창에 데이터를 추가해서 데이터를 보내는 방식입니다. 입력한 정보가 들어나기 때문에 보안에 취약합니다. - 데이터를 누구나 다 볼 수 있습니다. post : http request에 데이터를 넣어 보내는 방식 - Body에 넣어서 보내줍니다. name : form태그의 고유 이름을 지정해줍니다. action : 데이터를 처리할 페이지를 지정하여 어느 페이지에 요청할것인지 지정해줍니다. -..

순서 없는 목록을 만드는 태그 태그 순서 없는 목록 태그 : ul ul태그는 내부에 li태그로 목록을 표시함 육개장 냉면 순두부찌개 라면 ul태그에 다시 ul태그 넣기 육개장 냉면 순두부찌개 라면 육개장 냉면 순두부찌개 라면 신라면 비빔면 불닭볶음면 ul태그는 페이지에서 메뉴를 만들때 주로 사용한다 순서가 있는 목록 태그 순서가 있는 목록 태그 : ol JAVA Oracle JDBC HTML ol태그는 순서가 부여되어 문자 앞에 순서를 표현하는 문자가 출력된다 default값 : 숫자 변경하고 싶으면 속성값을 설정해서 영문자(대/소), 로마자(대/소)로 변경 가능 type = "A||a" (영문자) "i||I" (로마자) JAVA Oracle JDBC HTML JAVA Oracle JDBC HTML JA..

HTML (Hyper Text Markup Language) 쉽게말해, 웹에서 정보를 표현할 목적으로 만든 마크업 언어입니다. 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석기호인 태그들로 이루어져 있습니다. 태그 구성요소 html은 거의 대부분 시작태그로 시작해서 종료 태그로 끝나는 식으로 구성이 되어있습니다. HTML/CSS = 전체 : Element 시작태그 속성 = 속성값 내부문자 종료태그 출력을 원하는 글 또는 태그 시작태그와 종료태그 사이에는 주로 문자를 많이 넣고, 다른 종류의 태그들도 넣습니다. : html5 문서라는 뜻 : html 태그 시작 머리 : 헤드타입에는 이 페이지가 의미하고 있는 정의 ( 내부적으로 통신할 때 필요한 정보 ) (..

인터넷 - 인터넷이란, 전 세계의 컴퓨터들이 네트워크를 통해 정보를 공유하는데 목적을 두며 프로토콜을 이용하여 통신하는 것을 의미합니다. - TCP/IP라는 통신 프로토콜을 이용하여 정보를 주고 받을 수 있게합니다. - 쌍방향 통신을 제공하며 이미지, 음성, 동영상 등 다양한 파일을 주고 받을 수 있습니다. WEB(웹) - 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 잇는 공간입니다. - HTTP( Hyper Text Transfer Protocol)를 사용합니다. - HTML로 작성된 문서를 연결합니다. - 텍스트, 그래픽, 오디오, 비디오, 프로그램 파일 등 멀티미디어 서비스를 제공할 수 있습니다. - 브라우저를 통해 접속 -> 원하는 데이터를 가져올 수 있게 서비스를 구축 -> HTTP..

콜백 함수 다른 함수에 매개변수로 넘겨준 함수를 의미합니다. 매개변수로 넘겨받은 함수는 넘겨받고, 나중에 호출(call back)한다는 것이 콜백함수의 개념입니다. 위에 예와 같이 loveSWF, linkSWF, danceSWF 3개의 함수를 선언하고 loveSWF 함수를 호출할 때 매개변수로 count에 숫자값, link와 dance에 각각 linkSWF와 danceSWF 함수를 전달했습니다. 여기서 linkSWF함수와 danceSWF함수가 콜백함수 인 것입니다. loveSWF함수가 먼저 호출되고, 매개변수로 들어온 count 값에 따라 linkSWF와 danceSWF함수 둘 중 한가지가 나중에 호출됩니다. 위 코드는 count가 5이기 때문에 linkSWF가 실행이 됩니다.

스코프란? 스코프(유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념입니다. 스코프의 이해가 부족하면 다른 개념을 이해하기 어렵습니다. 더욱이 자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있으므로 주의가 필요합니다. 그리고 var 키워드로 선언한 변수와 let 또는 const 키워드로 선언한 변수의 스코프도 다르게 동작합니다. 스코프는 변수 그리고 함수와 깊은 관련이 있습니다. 우리는 스코프를 이미 경험했습니다. 함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수 없다고 했습니다. 이것은 매개변수를 참조할 수 있는 유효범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문입니다. 변수는 코드의 가장 바깥 영역뿐 아니라..

자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있습니다. 원시 타입과 객체 타입은 근본적으로 3가지 측면에서 다릅니다. • 원시 타입의 값, 즉 원시 값은 변경 불가능한 값(immutable value)입니다. 이에 비해 객체 타입의 값, 즉 객체는 변경 가능한 (mutable value)입니다. • 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장됩니다. 이에 비해 객체를 변수에 할당하면 변수(확보된 메모리 공간)에는 참조 값이 저장됩니다. • 원시 값을 같는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달됩니다. 이를 값에 의한 전달(pass by value)이라고 합니다. 이에 비해 객체를 가리키는 변수를 다른 변수에 할당..

객체란? 자바스크립트는 객체(object)기반의 언어이며 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)들은 모두 객체 입니다. 원시 타입(primitive type)은 단 하나의 값만 나타내지만 객체 타입(reference type)은 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조입니다. 또한 원시 타입의 값은 변경 불가능한 값(immutable value)이지만 객체 타입의 값은 변경 가능한 값(mutable value)입니다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 키(key)와 값(value)으로 구성됩니다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있습니다. 자바스크립트의 함수는 일급 객체이므로 함수도 ..

타입 변환이란? 자바스크립트의 모든 값은 타입이 있습니다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환 할 수 있습니다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환(explicit coercion) 또는 타입 캐스팅 (type casting)이라고 합니다. 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되기도 합니다. 이를 암묵적 타입 변환 (implicit coercion) 또는 타입 강제 변환(type coercion) 명시적 타입 변환이나 암묵적 타입 변환이 기존 원시 값을 직접 변경하는 것은 아닙니다. 원시 값은 변경 불가능한 값(immutable value)이므로 변경할 수 없습니다. 타입 변환이란 기존 원시..

제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있습니다. 블록문 블록문(block statement)은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 합니다. 자바스크립트는 블록문을 하나의 실행단위로 취급합니다. 블록문은 단독으로 사용할 수도 있으나. 일반적으로 제어문이나 함수를 정의할 때 사용하는 것이 일반적입니다. 블록문은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문에 블록문의 세미콜론을 붙이지 않습니다. 조건문 조건문(conditional statement)은 주어진 조건식(conditional expression)의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정합니다. 조건식은 불리언 값으로 평가될 수 있는 표현식입니다. 자바스크립트는 if..