검색결과 리스트
프로그래밍/JavaScript 에 해당되는 글 87건
- 2021.01.09 jQuery 사이트 연결 주소
- 2021.01.09 노드의 개념
- 2018.07.03 Code Academy Programming Course
- 2017.12.05 식별자
- 2017.12.05 키워드
- 2017.12.04 표현식과 문장
- 2017.05.22 HTML 기초
- 2015.07.07 MongoDB 설치 및 DB 생성
- 2015.07.06 마우스 동작에 응답하는 이벤트 목록
- 2015.06.25 편집기
- 2015.06.25 HTML 태그 종류
- 2015.06.25 Web 전반 언어 카테고리
노드란 문서상의 객체를 구분 짓는 하나 하나의 덩어리
문서 객체 모델(Document Object Model - DOM)에는 여러가지 노드
요소 노드 (Element Node)
속성 노드 (Attribute Node)
텍스트 노드 (Text Node)
요소 노드
<h1> <li> <p> 등 태크로 작성된 것
속성 노드
요소 노드가 포함하고 있는 속성
<html lang="ko> 에서 html은 요소 노드, lang은 속성 노드
텍스트 노드
요소 노드가 감싸고 있는 텍스트
예제)
<h2> 대한민국 </h2>
요소 노드 - h2
속성 노드 - 없음
텍스트 노드 - 대한 민국
* 식별자
- 자바스크립트에서 이름을 붙일 때 사용하는 단어
- 변수명과 함수명
- 식별자를 만들 때는 다음 규칙을 반드시 지켜야 함
1. 키워드를 사용하면 안 된다
2. 숫자로 시작하면 안 된다
3. 특수 문자는 _ 과 $ 만 허용한다
4. 공백 문자를 포함할 수 없다
이 네 가지 규칙만 만족한다면 모든 단어를 식별자로 사용할 수 있음
alpha
alpha10
_alpha
$alpha
Alpha
ALPHA
반면에 키워드나 숫자로 시작하거나 공백 문자가 있으면 안 됨
break
273alpha
has space
식별자로 한글이나 한자, 일본어 같은 언어를 사용할 수 있으나 대부분 알파벳
* 자바스크립트 개발자가 지키는 관례
1. 생성자 함수의 이름은 항상 대문자로 시작
2. 변수, 인스턴스, 함수, 메서드의 이름은 항상 소문자로 시작
3. 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 시작
자바스크립트의 식별자는 크게 4 종류
구분 |
단독으로 사용 |
다른 식별자와 함께 사용 |
식별자 뒤에 괄호 없음 |
변수 |
속성 |
식별자 뒤에 괄호 있음 |
함수 |
메서드 |
* 키워드
- 처음 만들어질 때 정해진 특별한 의미가 있는 단어
break |
else |
instanceof |
true |
case |
false |
new |
try |
catch |
finally |
null |
typeof |
continue |
for |
return |
var |
default |
function |
switch |
void |
delete |
if |
this |
while |
do |
in |
throw |
with |
자바스크립트를 본격적으로 공부하기 전에 용어 정리
* 표현식
- 값을 만들어내는 간단한 코드
예를 들면
* 273
* 10 + 20 + 30 * 2
* 'RintIanTta'
* 문장
하나 이상의 표현식이 모여 문장이 됨
마침표를 찍듯이 문장의 끝에는 세미콜론을 찍어 문장의 종결을 알림
사실 자바스크립트는 문장 끝에 세미콜론을 입력하지 않아도 줄바꿈만 하면 프로그램 실행에 문제가 없음
하지만, 대부분의 프로그래밍 언어가 문장 끝에 세미 콜론을 입력하므로 자바스크립트도 관례상 입력하는 것 뿐임
* 10 + 20 + 30 * 2;
* var rintiantta = 'Rint' + 'Ian' + 'Tta';
* alert('Hello JavaScript..!');
* 273;
하나의 표현식도 세미콜론만 찍히면 문장이라고 부름
이러한 문장이 모여서 프로그램을 이룸
HyperText - 문서와 문서가 고리로 연결되어 있다
HTML 의 가장 중요한 특징은 HyperText 가 링크로 되어 있다는 것이다
하나의 링크를 거대한 덩어리로 만든 것을 웹이라고 한다
HTML의 본질은 웹의 본질
링크는 굉장히 중요한 것
여러 가지 일을 하기 때문에 지금은 굉장히 복잡함
2. 커맨드 창을 띄우고 MongoDB가 설치된 폴더로 이동한다
- 일반적으로 C:\Program Files\MongoDB\Server\3.0\bin 에 있다(mongo.exe가 있는 디렉토리)
3. 데이터를 저장할 폴더를 생성하고 경로를 설정한다
- 여기서 테스트로 C:\data\book 폴더를 설정하고 경로를 다음과 같이 입력한다
- mongod --dbpath c:/data/book
- 경로를 설정하면 waiting for connections 라는 문구가 마지막에 나오고 대기 상태로 있다
- 잘 생성이 되었으면 c:/data/book 경로에 다음과 같은 파일이 생성된다
4. 새로운 커맨드 창을 띄우고 mongo.exe 가 있는 디렉토리로 이동한 후 mongo 명령어를 입력하여 Mongo 쉘로 들어간다
- connecting to: test 라고 뜨는데 디폴트로 test db가 생성되고 아무 명령어도 안 치면 여기에 데이터가 저장됨
5. book DB 를 사용하기 위해 use book 명령어 입력
- db book 으로 변경되었다고 나온다
6. book DB 로 변경 후 member와 page에 데이터를 4개씩 8개 생성
> db.member.insert({name:"Kim hayoung", age:29, skill : ["Java", "Oracle"]});
> db.member.insert({name:"Park sumin", age:27, skill : ["Node.js", "Express"]});
> db.member.insert({name:"Lee naeun", age:31, skill : ["MongoDB", "Elastic"]});
> db.member.insert({name:"Hong jinho", age:33, skill : ["Linux", "Phthon"]});
> db.page.insert({number:"243", year:2011});
> db.page.insert({number:"216", year:2013});
> db.page.insert({number:"142", year:2015});
> db.page.insert({number:"72", year:2014});
- 위의 그림은 page 입력 후 insert를 입력하지 않아 에러가 난 것이다
7. 잘 생성되었는지 확인해본다
> db.member.find()
> db.page.find()
> show collections
8. book 폴더에 local db와 book db가 생성된 것을 확인
위와 같은 결과가 나오면 일단 MongoDB 생성은 성공이다
- Click - 사용자가 마우스를 클릭했을 때 발생
- DblClick - 사용자가 마우스를 더블 클릭했을 때 발생
- MouseDown - 사용자가 마우스 버튼을 눌렀을 때 발생(클릭의 전반부)
- MouseUp - 사용자가 마우스 버튼을 해제했을 때 발생(클릭의 후반후)
- MouseOut - 마우스 포인터가 객체의 그래픽 범위를 떠나려고 할때 발생
- MouseOver - 마우스 포인터가 객체의 그래픽 범위를 진입하려고 할때 발생
- MouseMove - 마우스 포인터가 객체의 그래픽 범위 안에서 마우스 포인터를 움직이려 할때 발생
- ContextMenu - 사용자가 오른쪽 마우스 버튼을 클릭했을 때 발생
<html>
<header>
<title>
<body>
<a href> </a>
<li>
<ul>
<ol>
<strong>
<nav> - 탐색하는데 선택되는 정보
<header> - 간판
<article> - 본문
어쩌다가 3D 개발자가 웹으로 오게 되었다...
웹의 언어는 전부 JavaScript 카테고리로 넣을 것이다
1. HTML
2. JavaScript
3. jQuery
4. Node.js
5. Meteor
등등