okthatsimple

템플릿 리터럴let str = 'Template Litral String';let newStr = `String created using ${str}`;

비교console.log(100=='100') // trueconsole.log(100==='100') // false, ===는 타입까지 같아야 함.삼항연산자(Ternary Operator)let result = (10 > 0) ? true : falseconsole.log(result) // true

흐름 제어조건문과 반복문으로 흐름을 제어함아래 구문을 다룸return, break, continue, throw, if...else, switch, try...catchfor, do...while, while, for...in, for...ofC언어, 파이썬과 유사함.for...in, for...offor in 구문은 파이썬의 for element in target.__dict__["keys"] 구문과 비슷하다.index(in)를 순회한다고 생각하면 된다. 객체의 모든 key를 반환한다.for of 구문은 파이썬의 for element in elements 구문과 비슷하다. 반복 가능한 객체에서 하나씩 값을 순환한다.let array = [1, 2, 3, 4, 5];array.foo = 'bar';// ..

Block Scope{ }중괄호 안쪽에서 실행되는 코드가 Block Scope를 갖는다고 말함.keyword var, let, constvar numGlobal = 1const numConst = 2let num = 3{ var numGlobal = 10 const numConst = 20 let num = 30 console.log(numGlobal) // 10 console.log(numConst) // 20 console.log(num) // 30}console.log(numGlobal) // 10console.log(numConst) // 2console.log(num) // 3var a=1로 전역 변수 선언let a=1로 Block Scope를 갖는 변수 선언co..

HTML head 안에 javascript 넣기 Hello! Click head에 script를 넣는 경우초기 웹 페이지 렌더링 때 필요한 기능인 경우HTML body 안에 javascript 넣기head에 있는 script 태그를 body로 옮기면 된다.body에 script를 넣는 경우 보통 body에 넣으면 됨빠른 페이지 로딩이 필요한 경우(head에서 불러오기에 자바스크립트가 너무 무거운 경우)외부 javascript 읽어오기js 파일을 생성하고, script 태그 안의 내용을 옮긴다(script tag 부분은 불필요)로 불러와서 사용한다.

Javascript Syntaxsyntax는 다음 내용들로 구성됨statementsexpressionsvariablesfunctionsoperatorscontrol flow constructsValues자바스크립트는 두 종류의 Value가 존재Fixed Values(고정값, 리터럴Literal) : 1, 2, 'Hello' 등 변하지 않는 값들을 리터럴이라고 한다.Variable values(변수, Variable) : sum(), a와 같은 값들.Variables전역 변수 : 다른 여러 함수에서 접근 가능한 변수지역 변수 : 함수 내에서 선언되는 변수Operators, ExpressionsOperators : 연산에 사용하는 기호. 사칙연산 기호와 할당 연산자(=, +=) 등을 포함Expressions..

ES와 버전ES : ECMA Script, 자바스크립트를 표준화하기 위해 만들어진 스크립트 프로그래밍 언어ES의 구현체로는 자바스크립트, 액션스크립트 등이 있음1997년 ES1에서 2023년 ES14까지 버전 업데이트중

사용법구글 크롬에서 F12를 눌러 개발자 도구를 연다.Console 탭을 눌러 콘솔로 들어간다.함수console.log(), console.error(), console.warn()console.log("Hello World!")로깅 기능console.clear()콘솔 내용 비우기console.time(), console.timeEnd()console.time('abc');console.timeEnd('abc');console.timeEnd 호출 시 총 경과시간을 출력console.table()console.table({'a':1, 'b':2})표 출력console.count()console.count(1)console.count(1)console.count(1)console.count가 호출된 수를 반..

소개Javascript : 웹 사이트에 상호작용을 넣고 싶을 ? 사용하는 웹 프로그래밍 언어애니메이션, 폼, 동적 컨텐츠 작성에 사용싱글 스레드임인터프리터 언어개념operatorscontrol flowfunctionsobjectsAsynchronous JavaScriptEventsDOM manipulationOOPsClosuresEvent loopsHTML에서 Javascript 사용법Internal JS : script 태그 안에 넣기External JS : 외부 파일을 link로 연동

예시img { max-width: 100%; height: auto; opacity: 0.5; margin-left: auto; margin-right: auto;}