210831


🎊学習の内容


JavaScript
特徴:高度なプログラミング言語
使用範囲:ブレンドアプリケーション、node.js, IOT
ぶんかつ
JavaScriptコア-構文フィーチャー
クライアントJavaScript-ブラウザ制御
サーバ側JavaScript-node.js
変数(=ボックス)-データを格納するスペース
적용 방식
1.
<script src="js/main.js"></script>
2.
<script>
	console.log("Welcome");
</script>




주석 방식
주석 안에 주석 가능, 전체 주석 /* */ 안에 한줄 주석 // 넣기만 가능
/* console.log("Welcome"); */
// console.log("Welcome");
//comic 박스를 생성한 상태
//변수 선언
var comic;

//comic 박스 안에 원피스 데이터를 할당한 상태
//변수 초기화
comic = "원피스";

//출력
console.log(comic);

//변수 동시 선언
var a, b, c;

// 변수 동시 초기화
var d = 10, e = 20; f = 30;

// 모든 변수는 선언과 동시에 undefined 자동으로 할당된다.
var house;
console.log(house);
// undefined -> 집
house = "집";
console.log(house);

// 변수명을 최소 두개 단어 조합, 안전하고 이해하기 쉬움
// 캐멀 케이스
var mathScoreStudent = 10;
// 스네이크 케이스
var math_score_student = 10;

// 주의점
// 케밥 케이스 사용 불가
var math-score-student = 10;
// 특수문자 _, $ 만 사용 가능
var _math;
var $math;
// 알파벳 + 숫자는 숫자가 먼저 나오면 안됨
var apple10;
var 10apple;
//  가능한 자세히, 의미가 불분명하게 작성 X
var widthTable;




// 데이터 타입
// 원시타입 - 문자열 (String), 숫자 (Number), 논리-불리언(Boolean), undefined, null, 
// 참조타입 - 배열 (Array), 함수 (Function). 객체 (Object)

// 문자열 (String) 콘솔 창에서 검정으로 출력
var msg1 = "Hello World";
var msg2 = 'Welcome';

//  큰따옴표로 시작하면 큰따옴표로 끝마쳐야 함
var msg3 = "Nice to meet you';

// She's girl
// 역슬래시 사용
var msg4 = "She's girl"
var msg5 = 'She\'s girl'


// 숫자 (Number) 콘솔 창에서 파랑으로 출력
var num1 = 10;
var num2 = -10;
var num3 = 3.14;
var num4 = -3.14;

console.log(num1 + num2);
console.log(num1 + num3);



// 연산자
// 숫자 사칙연산
var a = 20;
var b = 10;

console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);

// 문자열      덧셈만 이어 붙인다는 개념으로 사용
var str1 = "20";
var str2 = "10";

console.log(str1 + str2);
console.log(str1 - str2);
console.log(str1 * str2);
console.log(str1 / str2);
console.log(str1 % str2);


// 자바스크립트는 공백 하나 하나 문자로 인식
var firstName = "Bibi";
var lastName = "Kim"
console.log(firstName + "   " + lastName);

var str11 = "현재 시간은 "
var time = 10;
var str12 = "시 입니다."
console.log(str11 + time + str12)



// ++, -- 연산자
var num10 = 10;
// -- -1씩 감소
console.log(--num10);
// ++ +1씩 증가
console.log(++num10);
// 출력 시킨 다음에 감소, 두번재 num10에서 감소, -- 앞에 오면 선감소 뒤에오면 후감소
console.log(num10--);
console.log(num10);

console.log(num10++);
console.log(num10);


// +=, -=, *=, /=, %=
var num20 = 20;
num20 += 10; // 자기 자신 업데이트



// 비교 연산자 >, <, ==, ===, !=, !==, <=, >=       결과값은 논리-불리언 (Boolean) 출력
var a = 10;
var b = 20;
var c = 30;

console.log(a > b);
console.log(a < b);
console.log(a >= b);
console.log(a <= b);

console.log(a == b);
console.log(a === b);

console.log(a != b);
console.log(a !== b);


// === 엄격하게, 데이터타입도 따짐, !== 데이터 타입을 다른걸로 보기때문에 true,  ===,!== 잘 사용함
var num10 = 10;
var num20 = 20;
var str10 = "10";
var str20 = "20";

console.log(num10 == str10);
console.log(num10 === str10);

console.log(num20 != str20);
console.log(num20 !== str20);


// 논리 연산자 : AND(&&) 모두 참 , OR(||) 둘 중에 하나가 참이면
var num30 = 30;
var num40 = 40;
var num50 = 30;

console.log(num30 === num40 && num30 === num50 && num40 !== num50);
console.log(num30 === num40 || num30 === num50 || num40 > num50);


//  논리-불리언 (Boolean) : true, false  상황 자체를 기억
console.log(true);
console.log(false);
console.log(1 === 2);
console.log(10 < 20);
console.log(10 === 10 || 20 === 30);

var bool = true;
bool = false;
console.log(bool)
Webインターンシップ

次の内容はgithubにアップロードされます.

学習内容の難点



🎁解決策


https://www.w3schools.com/js/default.asp
https://developer.mozilla.org/ko/docs/Web/JavaScript

🎉学習の心得.


やっとJavaScriptを覚えました.これまでは基礎的な部分で、順調に進んでいます.授業後はhtml、cssを復習し、全体を整理します.整理した后にまた基本的なコンピュータの科学を学びます.🐩