코딩 9

[html] 폼(Form) 관련 태그

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

코딩/HTML 2021.12.15

[html] HTML _ 목록 관련 태그

순서 없는 목록을 만드는 태그 태그 순서 없는 목록 태그 : 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 2021.12.13

[html] html 헤드태그

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

코딩/HTML 2021.12.10

자바스크립트 : 함수 -1

함수란? 함수는 자바스크립트에서 가장 중요한 핵심 개념입니다. 또 다른 자바스크립트의 핵심 개념인 스코프, 실행 컨텍스트, 클로저 생성자 함수에 의한 객체 생성, 메서드, this, 프로토 타입, 모듈화 등이 모두 함수와 깊은 관련이 있습니다. 따라서 함수는 자바스크립트를 정확히 이해하고 사용하기 위해 피해갈 수 없는 핵심중의 하나입니다. 수학의 함수인 f(x,y) = x + y 를 자바스크립트의 함수로 표현해봅시다. 프로그래밍 언어의 함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것입니다. 프로그래밍 언어의 함수도 입력을 받아서 출력을 내보냅니다. 이 때 함수 내부로 입력을 전달받는 변수를 매개 변수 (parameter), 입력을 인수(argu..

카테고리 없음 2021.12.02

자바스크립트 : 제어문 (JavaScript Iteration)

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

표현식과 문

값 값(value)은 표현식(expression)이 평가 되어 생성된 결과를 말합니다. 평가(evaluate)란 식을 해석해서 값을 생성하거나 참조하는 것을 의미합니다. 모든 값은 데이터 타입을 가지며 메모리 공간에 2진수 (비트의 나열)로 저장된다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이라고 전 포스트에서 이야기했습니다. 따라서 변수에 할당 되는 것은 값입니다. 변수 이름 sum이 기억하는 메모리 공간에 저장된 것은 10 + 20 이 아니라 값 30입니다. 따라서 10+20은 할당 이전에 평가되어 값을 생성해야 합니다. 값을 생성하는 가장 기본적인 방법은 리터럴을 사용하는 것입니다. 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 ..

자바스크립트 개발환경과 실행환경

자바스크립트 개발환경 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행할 수 있습니다. 브라우저는 HTML, CSS, JS를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 주목적입니다. Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주목적입니다. 따라서 브라우저와 Node.js 모두 자바스크립트 코어인 ECMAScript를 실행할 수 있지만 브라우저에서 Node.js 고유의 API를 실행하거나 Node.js에서 브라우저의 클라이언트 사이드 Web API를 실행할 수 없습니다.

자바스크립트란? ( What Is JavaScript?)

자바스크립트의 탄생 1995년 90%이상의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈에서 웹 페이지의 보조적인 기능을 수행하기위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하게 된다. 그래서 탄생한 것이 브랜드 아이크가 개발한 자바스크립트이다. 자바스크립트는 현재 모든 브라우저의 표준 프로그래밍 언어로 자리 잡고있다. 자바스크립트 성장의 역사 초창기 자바스크립트느 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 대부분 로직은 웹서버에서 실행되었으며, 브라우저는 서버로부터 전달받은 HTML과 CSS를 렌더링 하는 수준이었다. Ajax 1999년 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터 교환이 가능한 통신 기능인 Ajax가 XM..

OSI (Open Systems Interconnection) 7계층

계층 계층명 설명 주요장비 1 물리계층(Physical Layer) ­-­ 전송에 필요한 두 장치간의 실제 접속과 절단등 기계적, 전기적, 기능적, 절차적 특성을 정의한다. 리피터 2 데이터 링크 계층 (Data Link Layer) - 두개의 인접한 개방 시스템들 간에 신뢰성 있는 효율성 있는 정보를 전송 할수 있도록 한다. - 내부 네트워크상에서 흐름, 에러 제어 기능을 한다. - 링크의 확립, 유지, 단절의 수단을 제공한다. 스위치 3 네트워크 계층 (Network Layer) - 개방 시스템들간의 네트워크를 연결, 관리 한다. - 네트워크 연결을 설정, 유지 해제한다. 라우터 4 전송계층 (Transport Layer) - 종단 시스템간의 신뢰성 있고 투명한 데이터 전송을 가능하게 함 - 전송 연..

정보처리기사 2021.07.12