JS란?
브라우저가 이해할 수 있는 언어로는 HTML, CSS, JS가 있으며 JS는 FE에서 사용하는 유일한 프로그래밍 언어입니다.
JS를 사용하면 라이브러리(three.js)를 사용하여 3D, React Native(JS를 사용하여 AOS 구현, IOS 앱용 도우미), Electron(FE 언어를 사용하여 데스크톱 앱용 도우미 만들기) 등을 사용할 수 있습니다. FE를 언어로 생각한다면 FE를 위한 유일한 프로그래밍 언어이고 광범위하게 일반적이므로 배워야 합니다.
데이터 유형
데이터 유형은 일반적으로 Python과 매우 유사합니다.
1) 숫자 > 정수/소수
2) 문자열
Python의 인쇄와 유사하게 console.log()를 사용합니다.
출력 값은 웹 브라우저의 개발자 모드 콘솔 섹션에 기록됩니다.
인쇄할 때와 마찬가지로 괄호 안에 상수를 입력할 수 있지만 변수를 지정하는 것이 훨씬 편리합니다.
변수 정리
JS에서 변수를 지정하는 방법은 const, let, var 세 가지가 있는데 var는 거의 사용하지 않기 때문에 제외시켰다.
const 변수는 일단 선언되면 수정할 수 없습니다. 선언된 const 코드 자체를 변경해야 합니다.
아래 그림과 같이 선언이 const인 후에는 업데이트할 수 없으며 동일한 변수를 다시 선언할 수 없습니다.
개체가 const로 선언되면 개체 자체는 변경할 수 없지만 개체를 추가하거나 변경할 수 있습니다.
이것은 Object Review에서 다시 다룰 것입니다.
const greeting = "say Hi";
greeting = "say Hello instead";// error: Assignment to constant variable.
const greeting = "say Hi";
const greeting = "say Hello instead";// error: Identifier 'greeting' has already been declared
let이 업데이트되었지만 재선언되지 않았습니다.
아래 그림과 같이 let을 선언한 후 업데이트 시 오류가 발생하지 않으나 재선언을 하면 이미 선언되어 있기 때문에 오류가 발생합니다.
let greeting = "say Hi";
greeting = "say Hello instead";
let greeting = "say Hi";
let greeting = "say Hello instead"; // error: Identifier 'greeting' has already been declared
var는 다시 선언하고 업데이트할 수 있습니다.
이러한 것 이상의 장점 때문에 원래 값을 식별하거나 변경된 내용을 파악하기 어려울 수 있습니다.
그래서 별 소용이 없다고 합니다.
세 가지의 차이점을 요약하면 다음과 같습니다.
1) var 선언은 전역 범위 또는 함수 범위/let, const 블록 범위(블록에만 적용)
2) var 재선언, update/let update/const 금지
아래를 참조하십시오.
Var, Let 및 Const의 차이점은 무엇입니까?
ES2015(ES6)는 반짝이는 새로운 기능을 많이 가져왔습니다. 2020년이 되면 많은 JavaScript 개발자가 이러한 기능을 사용하기 시작하고 익숙해질 것입니다.좀 남았어
www.freecodecamp.org
또한 Boolean은 Python과 유사합니다.
부울 값은 true 또는 false로 구성됩니다.
None은 Python에서 null을 나타냅니다.
알아채다 값이 ‘none'(정의됨)으로 설정되기 때문에 None과 null은 모두 undefined와 다릅니다.
undefined는 값이 아닌 ‘타입’이고, 변수의 공백은 고정되어 있지만 ‘값’은 전혀 설정되어 있지 않습니다.
배열 정리
배열은 Python의 목록과 유사한 개념입니다.
무엇이든 입력하고 열고 닫을 수 있으며 각 항목은 쉼표로 구분됩니다. 인덱스는 동일합니다.
배열에 무언가를 추가하기 위해 푸시를 사용합니다.
삭제할 때 가장 오른쪽에 있으면 인덱스를 삭제하거나 같은 방법으로 팝합니다.
첫 번째 것을 삭제하려면 shift를 사용한다고 합니다. 오. 또는 스티치로 슬라이스처럼 사용할 수 있습니다.
https://sentry.io/answers/remove-specific-item-from-array/
Sentinel.io
개체 정리
const player = {
name: "yoon",
points: 718,
fat: false,
};
console.log(player);
→ {name: 'yoon', points: 718, fat: false}
console.log(player.name);
→ yoon
console.log(player("name"));
→ yoon객체는 Python의 사전과 유사합니다.
키와 값이 있으며 이러한 항목을 함께 쌍으로 만듭니다.
console.log에는 object name.key 또는 object(“key”)를 입력할 수 있습니다.
이전에는 const의 경우 재선언과 업데이트를 할 수 없다고 했습니다.
플레이어 자체를 만지는 것보다 플레이어 내부에서 조정하는 것은 부적절합니다.
Add objectname.addkey = “추가할 값” 오브젝트를 입력 후 다시 console.log 하면 추가됩니다.
삭제, 같은 방법으로 삭제합니다. 기본 구문은 동일합니다.
HTML이나 CSS를 몰라도 코딩을 시작하는 최초의 JS 클론.
생각보다 어렵지는 않지만 그렇게 어렵지도 않습니다.
그래도 내가 만든 것을 육안으로 볼 수 있다는 것은 값진 경험이었다.
감사합니다 니코!
Vanilla JS로 Chrome 앱 빌드 – Nomad Coders
초보자를 위한 자바스크립트
nomadcoders.co