전체 글 5

JavaScript 로드 방법 (inline, <script> 태그, 외부 파일 로드)

목차 1. inline 방식 2. script 태그 이용 3. 외부 파일 로드 html에서 javascript를 사용할 수 있는 방법은 크게 inline방식, script 태그 사용, 외부 파일 로드 방법이 있다. 1. inline 방식 html 태그의 속성값으로 javascript를 직접 넣는 방법이다. - 유지 보수가 쉽지 않다. - 아래 예시 속의 onclick의 속성 값이 javascript 코드이다. 2. script 태그 이용 - onload() 함수는 웹 페이지의 모든 코드가 다 읽히고 나서 실행된다. 그래서 아래 코드는 태그 안에 있어도 오류가 발생하지 않는다. 3. 외부 파일 로드 - 생활코딩 javascript for web browser 강의를 듣고 정리한 내용입니다. www.yout..

CSS 기초_1 (형식, 스타일 시트, 선택자)

순서 1. 스타일 형식 2. 스타일 시트 종류 (내부, 외부) 3. 선택자 (전체, 태그, 클래스, id, 그룹) 1. 스타일 형식 - 선택자(셀렉터): 스타일 규칙을 어디에 적용할 것인지 나타낸다. 선택자가 적용된 요소에 중괄호({,}) 사이의 스타일을 적용한다. - 속성과 속성 값은 콜론(:)으로 구분한다. - 속성과 속성 값 다음에는 세미콜론(;)으로 구분해서 다른 속성을 추가할 수 있다. ex) p { font-size: 12px; color: red; } - 주석: /*와 */ 사이에 주석을 입력하면 된다. 2. 스타일 시트 종류 (내부, 외부) 스타일 시트: 스타일을 한 군데 묶어 놓은 것. ★ 내부 스타일 시트 - 문서 안에서 사용할 스타일 규칙들을 정의한다. - 태그 사이에 태그 사이에 작..

CSS 2020.10.05

1. 자바 시작하기_2

자바의 특징 자바는 이식성이 높은 언어이다. 이식성 = 서로 다른 실행 환경을 가진 시스템 간에 프로그램을 옮겨 실행할 수 있는 것. 예를 들어, 윈도우에서 실행되는 대부분의 프로그램들은 MS 윈도우 환경에 최적화되어 있기 때문에 유닉스나 리눅스에서 실행하려면 프로그램 소스 파일을 수정한 후, 재컴파일 과정을 거쳐야 한다. 자바 언어로 개발된 프로그램은 소스 파일을 다시 수정하지 않아도 된다. 자바 실행 환경(JRE: Java Runtime Environment)이 설치되어 있는 모든 운영체제에서 실행 가능하다. 자바는 객체 지향 언어이다. 객체 지향 프로그래밍 (OOP: Object Oriented Programming) = 부품에 해당하는 객체들을 먼저 만들고, 이것들을 하나씩 조립 및 연결해서 전체..

Java 2020.08.01

1. 자바 시작하기_1

프로그래밍 언어 이진 코드 [ binary code ] binary는 '이진법의, 이진수의'라는 뜻을 가진다. 컴퓨터는 모든 정보를 0과 1만을 이용해서 인식한다. 0과 1을 이용해서 표현하는 것을 이진 코드라고 한다. 이진 코드는 컴퓨터 내부에서 사용하는 코드이다. 숫자는 이진법으로 나타내는데 문자는 어떻게 나타낼 수 있을까. 아스키코드를 사용해서 나타낸다. 아스키코드는 문자가 정수 값으로 대응되어 있는 것인데 우리가 문서를 저장하면 이 문서는 아스키코드를 통해 숫자로 바뀌고 이 숫자가 다시 이진 코드로 바뀌어서 저장된다. 이렇게 문서가 저장되는 방법을 텍스트 모드 또는 아스키 모드라고 한다. 사람이 사용하는 언어와 컴퓨터가 사용하는 언어는 너무 다르기 때문에 두 언어 사이에서 다리 역할을 하는 프로그..

Java 2020.07.31

HTML 기본 구조 (태그, 속성, 기본 구조)

HTML ( Hyper Text Markup Language ) hyper text : 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능. markup : 마크업(문서의 활자·조판 지정 표시). 태그(tag)를 사용해 문서에서 어느 부분이 제목인지, 어느 부분이 사진인지 등을 표시하는 것. HTML은 웹페이지가 어떻게 구조화되어 있는지 알려주는 마크업 언어이다. 태그 (Tag) ● 로 묶인 부분이 HTML 태그이다. ( ex) ) ● 대/소문자를 구별하지 않지만 태그와 태그의 속성들은 모두 소문자로 사용하는 것을 권장한다. ● 여는 태그, 닫는 태그, 내용을 통틀어서 요소(Element)라고 한다. ● 대부분의 태그는 여는 태그와 닫는 태그가 하나의 쌍으로 이루어지고 여는 태그에서 닫는 태그..

HTML 2020.07.16