본문 바로가기

분류 전체보기61

Operator # 1. String concatenation console.log("my" + "cat"); console.log("1" + 2); # 숫자가 문자열로 변해서 합쳐진다. console.log(`string literals: 1 + 2 = ${1 + 2}`); console.log("hy's \nbook"); # 2. Numeric operators console.log(1 + 1); # add console.log(1 - 1); # substract console.log(1 / 1); # divide console.log(1 * 1); # multiply console.log(1 % 1); # remainder console.log(1 ** 1); # exponentiation # 3. Incremen.. 2024. 1. 18.
데이터 타입 ("use strict"); //바닐라자바스크립트를 쓸 때 맨 위에 언급해서 좀 더 모던하게 쓰도록 # 2. Variable # let (added in ES6) let globaName = "global name"; { let name = "CHY"; console.log(name); console.log(globaName); } console.log(name); console.log(globaName); # var (dont ever use this!) # var hoisting (어디에 선언했느냐에 상관없이 항상 제일 위에 선언을 끌어올리는 것) # 그리고 {} 블록을 철저하게 무시한다. -> 좀 더 규모있는 프로젝트가면 선언하지도 않은 값들이 할당되는 # 큰 단점이 있었기 때문에 let이 나오게 .. 2024. 1. 16.
<script> async와 defer의 차이점 head에 포함되었을 때 parsing HTML 하다가 script src를 발견하고 하던 parsing을 멈추고 필요한 자바스크립트를 서버에서 다운받아서 작동시키고 중단한 parsing을 다시 실행하다. 만약 js파일의 용량이 매우 크고 인터넷도 느리면 사용자가 웹사이트를 보는 데 까지 많은 시간이 소요된다. body안에 맨 밑에 포함되어 있는 경우 브라우저가 html을 다운받아서 parcing한 후 페이지가 준비가 된 다음에 스크립트를 발견해 서버에서 받아와서 실행한다. 그래서 페이지가 사용자들에게 js를 받기도 전에 이미 준비가 되어서 페이지의 컨텐츠를 빨리 볼 수가 있다. 단점은 사용자가 기본적인 html 콘텐츠를 빨리 본다는 장점은 있지만 만약 웹사이트가 자바스크립트에 굉장히 의존적인 상태 (서.. 2024. 1. 11.
인터페이스 interface 인터페이스(interface)란? 자식 클래스가 여러 부모 클래스를 상속받을 수 있다면, 다양한 동작을 수행할 수 있다는 장점을 가지게 될 것입니다. 하지만 클래스를 이용하여 다중 상속을 할 경우 메소드 출처의 모호성 등 여러 가지 문제가 발생할 수 있어 자바에서는 클래스를 통한 다중 상속은 지원하지 않습니다. 하지만 다중 상속의 이점을 버릴 수는 없기에 자바에서는 인터페이스라는 것을 통해 다중 상속을 지원하고 있습니다. 인터페이스(interface)란 다른 클래스를 작성할 때 기본이 되는 틀을 제공하면서, 다른 클래스 사이의 중간 매개 역할까지 담당하는 일종의 추상 클래스를 의미합니다. 자바에서 추상 클래스는 추상 메소드뿐만 아니라 생성자, 필드, 일반 메소드도 포함할 수 있습니다. 오로지 추상 메소드.. 2024. 1. 10.

post image post image post image post image post image post image post image post image