1. 변수 Variables 변수란 변하는 데이터(값)을 저장할 수 있는 메모리 공간이다. 변수에 저장할 수 있는 데이터 종류에는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈(null) 데이터가 있다. 2. 변수 선언 변수를 선언할 때는 var 키워드를 변수명 앞에 붙인다. var 변수명; 만약 var box; box = 100; box = 30; 이라면 var box; 처음에는 등록되지 않은 상태 undefined 상태이다. 3. 변수에 저장할 수 있는 자료형 1️⃣ 문자형 String 문자형 데이터는 다음과 같이 문자나 숫자를 " " 또는 ' ' 로 감싸고 있다. var 변수 = "사용할 문자나 숫자"; 2️⃣ 숫자형 Number 숫자형 데이터는 숫자를 의미한다. 하지만..

1. 자바스크립트 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이다. 을 스크립트 영역이라고 한다. 선언문은 태그 영역이나 태그 영역에 선언하면 되는데 대부분의 개발자들이 태그 영역에서 선언하고 있다고 한다. 2. 자바스크립트 주석 처리 // : 한줄 /* */ : 여러줄 3. 내부 스크립트를 외부로 분리하는 방법 외부로 분리하는 이유는 프로젝트 관리를 원활하게 하기 위해서이다. 4. 코드 입력시 주의사항 1️⃣ 자바스크립트는 대, 소문자를 구분하여 작성한다. 2️⃣ 코드 한 줄을 작성한 후에는 세미콜론을 작성하는 것이 좋다. 3️⃣ 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 좋다. 4️⃣ 문자형 데이터 작성할 때 ""와 '' 조심하기 5️⃣ 코드를 작성할 때 중괄호 또는 소괄호 짝이..

개발자 도구는 F12 를 눌러서 확인할 수 있다. 크롬 브라우저 개발자 도구 패널 1️⃣ Elements HTML(Element) 요소에 적용된 스타일 CSS를 검사할 수 있다. 2️⃣ Console 자바스크립트 오류 체크는 물론 디버깅을 할 수 있다. 3️⃣ Source 브라우저가 자바스크립트 소스를 파싱해오는 과정을 보여준다,

1. 프론트엔드 개발 Front-End HTML, CSS, 자바스크립트, 제이쿼리 등을 이용해 사용자의 눈에 보이는 부분까지 개발하는 것을 프론트엔드 개발이라고 한다. 그렇다면 백엔드 개발은 ASP, PHP, JSP 등 서버 언어를 사용하여 주로 화면에서 보이지 않는 부분을 개발한다. 즉, 백엔드 개발은 사용자가 입력한 데이터를 데이터베이스에 저장하거나 검사하는 등 눈에 보이지 않는 영역을 개발하는 것을 백엔드 개발이라고 한다. https://hyejin.tistory.com/79?category=1016456 1-2. 백엔드와 프론트엔드란? 예전에는 백엔드와 프론트엔드에 대한 단어 개념을 대충 백은 뒤에서 처리 프론트는 앞에서 보여지는 것. 이라고 생각만 하고 넘겼는데 기초부터 그냥 빠르게 알고 넘어가..

1. 클라우드 클라우드는 인터넷 상에서 서비스로서 존재하는 컴퓨팅 리소스를 사용하여, 사용자에게 애플리케이션 서비스나 하드웨어 리소스를 제공하는 새로운 컴퓨터의 이용 형태를 말한다. 2. 클라우드 종류 1️⃣ SaaS (Software as a Service) SaaS 는 소프트웨어를 클라우드 서비스로서 제공하는 모델이다. SaaS의 대표적 예로 웹 메일이 있다. 인터넷에 접속된 한 대의 컴퓨터가 있으면 어떤 장소에서도 웹 메일 서비스를 이용할 수 있어 간단하게 메일 송수신이 가능하다. ex) Gmail, 구글 드라이브 등 2️⃣ PaaS (Platform as a Service) PaaS란 시스템의 플랫폼을 클라우드 서비스로서 제공하는 모델이다. PaaS에서 제공되는 것은 애플리케이션을 동작시키기 위한..

* 연습문제 1 할 일 목록 ✓할 일 1 ✓할 일 2 ✓할 일 3 ✓할 일 4 ✓할 일 5 * 연습문제 2 행과 열을 입력하면 테이블이 추가되도록 행 열 작성

1. 노드 리스트 node list DOM 에서 새로운 노드를 만들어 추가하거나 삭제하려면 노드 리스트를 사용해야한다. DOM에서 접근할 때 querySelectorAll() 메서드를 사용하면 노드를 한꺼번에 여러개 가져올 수 있다. 이때 노드 정보를 여러개 저장한 것이 노드리스트이다. 새로운 노드를 추가할 때에는 1️⃣ 모둔 HTML 태그는 요소(element) 노드이다. 2️⃣ HTML 태그에서 사용하는 텍스트 내용은 나식 노드인 텍스트(text) 노드이다. 3️⃣ HTML 태그에 있는 속성은 자식 노드인 속성(attribute) 노드이다. 4️⃣ 주석은 주석(comment) 노드이다. 이 네가지 원칙을 기억해야한다. 예를 들어 img 노드를 추가한다고 생각하면 그 노드의 속성에 해당하는 src와 a..

1. DOM 요소에 함수 직접 연결하기 2. 함수 이름을 사용해 연결하기 3. DOM의 event 객체 알아보기 DOM에는 이벤트 정보를 저장하는 event 객체가 있다. 이 객체에는 웹 문서에서 이벤트가 발생하는 요소가 무엇인지, 어떤 이벤트가 발생했는지 등의 정보를 가지고 있다. event 객체 프로퍼티와 메서드 1️⃣ 프로퍼티 altKey : 이벤트가 발생할 때 alt 키를 눌렀는 지 여부를 boolean 값으로 반환한다. button : 마우스에서 누른 버튼의 키 값을 반환한다. charCode : keypress 이벤트가 발생할 때 어떤 키를 눌렀는지 유니코드 값으로 반환한다. clientX : 이벤트가 발생한 가로 위치를 반환한다. clientY : 이벤트가 발생한 세로 위치를 반환한다. ct..

1. 문서객체모델 DOM 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법이다. 웹 문서를 이루는 텍스트나 이미지, 표 등의 모든 요소도 각각 객체로 정의한다. 웹 문서 전체는 document객체이고, 삽입한 이미지는 image 객체가 된다. DOM은 웹 문서와 그 안의 모든 요소를 '객체'로 인식하고 처리한다. 2. DOM 트리 이런 웹 문서가 존재한다고 했을 때 DOM 트리는 HTML -> HEAD -> META, -> TITLE -> BODY -> H1 -> IMG 라고 할 수 있다. 부모와 자식 구조로 표시하면 트리형태가 되는데 이를 DOM 트리라고한다. DOM 트리에서 가지가 갈라져 나간 항목을 노드라고 하고, DOM 트리의 시작부분인..

1 JOIN JOIN 이란 두개 이상의 테이블을 결합하여 데이터를 검색하는 방법이다. 관계형 데이터베이스에서는 중복되는 데이터를 피하기 위해 테이블을 분해하여 여러 테이블에 데이터를 나눠 저장하는데 그러다 원하는 데이터를 얻기 위해서는 여러 테이블을 다시 조합해야할 필요가 생긴다. 그럴때 관계형 데이터베이스 JOIN 연산자를 사용한다. JOIN에서는 내부조인 INNER JOIN 과 외부조인 OUTER JOIN으로 나눌 수 있다. 2. 내부 조인 INNER JOIN 내부조인의 안에는 CROSS JOIN, INNER JOIN, EQUI JOIN, NON-EQUI JOIN, NATURAL JOIN 이 있다. 1️⃣ CROSS JOIN CROSS JOIN은 두 테이블을 그냥 곱한거라고 생각하면 된다. 2️⃣ I..

1. 시퀀스 sequence 시퀀스는 초기값에서 최대값까지 일정 간격의 증가값을 가지는 번호를 만드는 것이다. 시퀀스를 사용해 시퀀스 값을 기본키로 설정하면 중복되지 않는 레코드를 만들 수 있다. CREATE SEQUENCE 시퀀스명 [START WITH 초기값] [INCREMENT BY 증가값] [MAXVALUE 최대값 | NOMAXVALUE] [MINVALUE 최소값 | NOMINVALUE] [CYCLE : NOCYCLE] [CACHE : NOCACHE]; CYCLE 은 최대값을 초과하면 다시 초기값부터 설정할지를 의미한다. 기본적으로 처음 시퀀스의 현재 값은 시퀀스의 다음 값을 검색한 후 시퀀스 값을 1로 만든 후에 가능하다. 아마 첫번째 명령을 실행하면 오류가 발생할 것이다. 왜냐하면 시퀀스 만든..

1. 뷰 (view) 뷰는 설정한 연관 테이블의 내용이 바뀌면 자동으로 바뀐 값을 반영하는 가상 테이블이다. CREATE [OR REPLACE] [FORCE | NOFORCE] VIEW 뷰명 AS 실행 SQL 구문 [WITH CHECK OPTION | WITH READ ONLY]; FORCE : 기본 테이블이 없어도 뷰를 생성한다. NOFORCE : 기본 테이블이 없으면 뷰를 생성하지 않는다.