JavaScript 기초

BABY CAT·2022년 9월 7일
0

HTML, CSS, JavaScript

목록 보기
3/23

907

커리큘럼
1. 자바스크립트 문법,사용법
2. 웹화면 control, jQuery
3. Backend programming - node JSweb server로 만들기
비동기프로그래밍,call-back (async비동기-콜백/await대기)
4. React

c언어 > 자바(객체지향)
자바스크립트 > 타입스크립트 (자바스크립트마스터후타입스크립트배우기)
타입스크립트: 객체지향, 문법이 엄격

자바스크립트: 비동기방식 (병렬연산) (동기 방식은 직렬)
스레드Thread: 효율적인 비동기방식

기본용어

식별자
-이름을 붙일 때 사용하는단어 , 변수와함수이름등으로사용
--키워드사용안됨 이프 포 펑션 트라이 엘스 같은
--특수문자는 _ 랑 $ 만 허용
--숫자로시작 안됨
--공백입력 안됨

(ppt참고)
생성자함수의 이름은 항상 대문자로 시작
변수함수속성메소드의 이름은 항상 소문자로시작
여러단어로 된 식별자는 각 단어의 첫 글자를 대문자로 한다

변수선언및출력함수
var a = 10;
a += 20;
console.log(a);

//웬만하면 var 대신 const로 변수를 선언하라 (const는 변하지않는 상수로 선언하는 것
값이 변하는 변수만 var로 선언(2015년이전)
지금은 let을 사용
내가 사용할 변수는 미리 정의하고 시작하는 것이 파이썬 전의 프로그램언어

자바스크립트
a=10;
console.log(a); 해도 에러가 안난다

자바스크립트
const a=10; 컨스트는 상수
console.log(a);
let a=10; 렛은 변할 수 있는 상수 var대신 let을사용
console.log(a);

let사용 이유

var c = 10;
var c = 20; 같은 변수선언이 중복도 가능하다 (실수유발의 가능성이 생기는 것 + 다른 랭귀지 관점
으로 봐도 말이 안되기 때문에 다른 랭귀지 배울 때 안 좋다.)

let d = 10;
let d = 20; 불가

let d = 10;
d = 20; 이렇게 가능/ 렛은 변수 선언 한번만 가능

*항상 변수 먼저 선언해야 다른 언어 학습 시 좋음

주석
//

블럭씌우고 alt shift a

자료형

숫자

나머지 연산자 modulo
% (파이썬과동일)

타입 찾기 typeof()함수
콘솔로그(typeof(~~`));

template literal
let tl = a=${a},b=${b} // ``는 back quote
콘솔로그(tl);
파이선 f스트링처럼 출력하는 방법 달러안이 값 a=부분은그냥문자

논리연산자
! 논리부정
||논리합 (파이썬or)
&& (파이썬의and)

자바스크립트 여섯가지 자료형
문자열
숫자

함수
객체
언디파인드

// 자로
형 변환
console

이프문

if (num%2 === 0) {
            res.innerHTML = '<h4>짝수입니다.</h4>';
        }
        
        

908

0개의 댓글