목차
- JavaScript를 배우기 전 기초 용어/개념 정리
- JavaScritp
- JavaScritp 기초 문법
JavaScript를 배우기 전 기초 용어/개념 정리
API = 운영체제가 제공하는 함수의 집합체이고 수업에선 우선 "모듈"이라고 칭하였다.
OS = 운영체제 (Winodw, Linux, Unix)
컴퓨터의 결과물인 0,1 이진법을 우리가 눈으로 볼 수 있고,여러가지 작업을 할 수 있도록 도와주는것.
컴퓨터는 전압이 있고 없고를 구분하여 2진수로 데이터를 표현한다.
예 : 11011011
이후 블록체인 개발을 하는데 16진수를 한다.
16진수를 사용하는 이유는 변환하기 쉽기 때문이다.
컴퓨터에서는 하나의 숫자, 0이나 1의 자릿수를 1bit라고 한다.
1bit는 0,1 2가지 데이터를 표현할 수 있다.
마찬가지로 2bit는 4가지 데이터를 표현할 수 있다.
3bit = 8가지 표현
4bit = 16가지 표현
5bit = 32가지 표현
6bit = 64가지 표현
7bit = 128가지 표현
8bit = 256가지 표현이 된다.
이 단위가 8자릿수 8bit가 되면 단위 1byte라고 한다.
1byte는 8개 자릿수
1byte는 알파벳,특수문자,숫자들을 모두 표현할 수 있다.
2byte는 여기에 한글까지 표현할 수 있다.
또 데이터 타입중 니블, int도 후에 사용할 것인데
1니블 = 4bit
int = 4byte 이다.
JavaScritp
JavaScript는 무엇인가?
우리가 사용하는 웹사이트는 크게 3가지 요소로 구성이 된다. HTML CSS JavaScript이다. 이중 JavaScript는 웹사이트를 더 풍부하게 만들어주는 역할을 한다.
앞으로 배울 JavaScript 문법은 ES6이다.
ES6를 어디서 구동하냐애 따라 여러가지 기능들이 달라지는데
수업 중 배울 대표적인 2가지는 "브라우저"와 "Nodejs"를 배울것이다. 이 2가지의 검색엔진은 v8엔진을 사용한다.
또 브라우저에서만 사용하는 JavaScript가 있고
Nodejs에서만 사용하는 JavaScript가 있다.
우선 두곳 모두 사용할 수 있는 표준 문법을 배워볼 것이다.
JavaScritp 기초 문법
html <head>영역에<script type="text/javascript"> 적어놓고 시작할 수도 있다.
Javascript 언어
프로그래밍 공부를 하기위해선 "예약어"를 사용한다.
프로그램을 작성할 때 내 마음대로 작성해도 되는 부분과,정해진 대로 써야되는 부분이 있다.
정해진 대로 써야되는 부분 = 예약어
-
예약어
let, const (변수를 선언하는 예약어) -
예약어
= (대입연산자)
x=1
x에 1을 집어넣겠다. 이런 뜻 -
변수 variable
변하는 수 변하는 값
(변수는 시작을 숫자로 넣을 수 없다.)
변수에 대입하는 값들은 두가지 데이터 타입이 존재하는데, 변수 하나에 하나의 데이터
변수 하나에 여러가지 데이터로 나뉜다. -
console.log()
출력문
let suhwan;
suhwan = 1213;
console.log(suhwan);
suhwan이라는 임의어를 변수를 선언하고 suhwan에 1213이라는 값을 집어넣었다.
출력문을 사용해 suhwan 출력하면 1213이 나오게 된다.
- 변수안의 값 (하나의 데이터만 저장)
(number 숫자)
선언하는 방법-number
(boolean 불리언)-참과 거짓
선언하는 방법-bool = true or false 참과 거짓만 대입 가능
(string 문자)
선언하는 방법-str = "" '' `` 사용해야함
let number = 10;
console.log(number);
let bool;
bool = true;
console.log(bool);
bool = false;
console.log(bool);
let str;
str = '안녕하세요';
console.log(str)
str = "안녕하세요!";
console.log(str)
str =안녕하세요!@;
console.log(str)
- 변수안의 값 (여러가지 데이터를 저장)
(array) 배열
선언하는 방법 (arr) = [1,2,3]
let arr;
arr = [1,2,3];
console.log(arr);
- 배열 안에서 2라는 숫자를 꺼내오려면 인덱스 개념을 알아야하는데
기본적으로 컴퓨터는 1부터 시작하지 않고 0부터 시작하여
[1,2,3]
1=0번째
2=1번째
3=2번째가 된다.
arr=[1,2,3]; 안에서 2를 꺼내오려면
console.log(arr[1]);
- 마찬가지로 다른 데이터도 저장하고 불러올수 있다.
arr = ["짱구","철수","훈이"];
console.log(arr);
(objet) 객체
여러개의 데이터를 넣었을때 이름을 붙여주는 준다.
선언하는 방법(obj)
객체 안에는 key:value 개념이다.
let obj;
obj = {
name:"짱구",
age:7,
height:137,
}
console.log(obj.name);
console.log(obj.height);
console.log(obj.name);로 name만 출력할 수 있다
console.log(obj.height);로 height만 출력할 수 있다.
obj.name은 obj안에name을 불러온다는 뜻
- 연산자
데이터를 저장한것을 연산해서 다른 결과값을 얻는것
산술연산자
산술연산자는 +, -, *, /, %, a++ 외에 많은 연산자가 있고
+: 값을 더함
글자를 + 하면 글자만 연결해준다 "연결연산자"라고함
예: console.log("안녕"+"하세요"); 출력값 : 안녕하세요
-: 값을 뺌
*: 값을 곱함
/: 값을 나눔
%:값을 나눈값의 나머지 값을 출력한다.
예 : console.log(7%5); 7/5는 1번 나눌수 있고 2가 남기때문에 2로 표출된다.
a++ : a값을 1씩 증가시킨다.
예 : 5++ = 6 → 6++ = 7 이런식으로 계속 값이 증가된다.
비교연산자
결과물을 boolean 타입으로 변환한다. (true or false)
== 같다 < 크다 , > 작다 , >= 이상 , <= 이하
예 : console.log(1==2);
1과2는 같다.
거짓이기 때문에 false로 출력된다
논리연산자
두개의 boolean을 비교하여 반환한다.
&& (and) - 값(boolean) && 값(boolean) - 두개의 값이 같아야 true 하나라도 틀리면 false를 반환
|| (or) - 값 || 값 하나라도 참이면 true 반환
! (not) - !값 - 반대값을 변환
console.log(1<2 && 3>2);
값이 true true기 때문에 true로 변환
console.log(1<2 || 3<2);
값이 true false 지만 or이기 때문에 true로 변환
console.log(!(1<2));
값이 true지만 not 이기 때문에 반대값인 false로 변환
if문 = 조건문
내가 만든 데이터가 true일 경우에 처리하는 방식과
내가 만든 데이터가 false일 경우에 처리하는 방식을
다르게 하고 싶을 경우에 사용한다.
- if문 문법
if(1<2){
// 참일때 실행하는 코드영역
console.log("안녕하세요")
} else{
// 거짓일때 실행하는 코드영역
console.log("내일봐여~")
}위 값은 true기 때문에 안녕하세요라고 출력된다.
for문 = 반복문
- for문 문법
for(변수선언; 비교연산자; 산술연산자){
}예시
for(let i =0; i<10; i++){
console.log(i)i=0이기 때문에 i<10이란 조건에 만족하는한 false가 뜰때까지 계속해서 산술연산자 i++를 반복한다.
