본문 바로가기

✏️/JavaScript

(6)

[JavaScript] HTML에 JS 연결하는 방법 비교 / async VS defer 차이점 🔽 HTML 파싱에 대해서는 아래 포스트를 참고해주세요 🔽[HTTP] 브라우저 렌더링 과정🔗 Browser Rendering(브라우저 렌더링)이란? 사용자의 요청을 서버에 전달하고 그 결과를 화면에 나타내는 과정을 의미한다. 🔗 Parsing(파싱)이란? 브라우저가 코드를 이해하고 사용할 수 있는 devjindev.tistory.com 1. head 안에 불러오는 경우 ⭐☆☆☆ 123456789 ... ... cs JS를 불러오는 동안 HTML 파싱을 멈추고, JS 다 불러오면 나머지 파싱을 진행하기 때문에 사용자에게 페이지가 보여지는 시간이 딜레이된다. 2. body 안(맨 끝)에 불러오는 경우 ⭐⭐☆☆ 123456789 ... ... cs 먼저 HTML을 모두 파싱하여 사용자에게 페이지가 보여진 후,..

[JavaScript / ES6] ES6 문법 정리 🔗 const, let 📌 var VS const, let var은 함수 스코프이다. const, let은 블록 스코프이다. 따라서 {블록} 밖에서 변수에 접근할 수 없다. 📌 const VS let let은 변수에 재할당이 가능하다. 따라서 다른 값을 대입해야 하는 상황이 생겼을 때 사용한다. const는 변수에 한 번 대입하면 다른 값을 대입할 수 없다. 보통 기본적으로 사용한다. 🔗 템플릿 문자열 1 2 3 4 5 6 7 const num1 = 1; const num2 = 2; const result = 3; const string1 = num1 + '+' + num2 + '=' + result; // 기존 방식 const string2 = `${num1}+${num2}=${result}` // E..

[JavaScript] 자료형 (Data Type) / 종류, 형변환, typeof 🔗 자료형(Data Type) 종류 숫자형 (Number) : 10진수, 16진수, 실수 모두 해당 문자형 (String) 논리형 (Boolean) : true(참) / false(거짓) undefined : 미정의된 자료형 null : 아무것도 참조하지 않은 자료형 📌 undefined VS null 차이점 공통점 : "값이 없다." undefined 데이터 타입 초기화 되지 않은 기본 초기값 상태 ex) var data1; null 오브젝트(객체) 타입 객체를 담기위한 변수를 초기화 하는 상태 ex) var data = null; (🤷‍♀️) undefined 보다 null 대상 변수가 더 큰 범위인 느낌 🔗 자료형 확인하기 typeof(변수); 🔗 자료형 형변환 문자형 -> 숫자형 Number(변수..

[JavaScript] 연산자(Operator) / 종류 🔗 기본 사칙 연산자 + , - , * , / , % 🔗 문자열 연산자 + : 문자열 합치기 ex) '감' + '자' => '감자' 🔗 복합 대입 연산자 += : 기존 변수 값에 값을 더하기 -= : 기존 변수 값에 값을 빼기 *= : 기존 변수 값에 값을 곱하기 /= : 기존 변수 값에 값을 나누기 %= : 기존 변수 값에 값을 나누기 한 나머지 구하기 ex) num = num + 10; => num += 10; 🔗 증감 연산자 ++ : 1씩 증가 -- : 1씩 감소 🔗 조건 비교 연산자 >= : (좌변이 우변보다) 크거나 같다. : (좌변이 우변보다) 크다.

[JavaScript] 변수(Variable) / 종류 🔗 변수(Variable)란? 변수란 데이터를 저장하는 장소를 의미한다. 🔗 변수 선언 방법 var let const [JavaScript / ES6] ES6 문법 정리 🔗 const, let 📌 var VS const, let var은 함수 스코프이다. const, let은 블록 스코프이다. 따라서 {블록} 밖에서 변수에 접근할 수 없다. 📌 const VS let let은 변수에 재할당이 가능하다. 따라서 다른.. devjindev.tistory.com 🔗 변수 종류 전역 변수 : 전체 영역에서 사용 가능 한 변수 지역 변수 : 정해진 영역 내에서만 사용 가능 한 변수 매개 변수 : 함수 외부에서 내부로 데이터를 전달할 때 사용하는 변수 멤버 변수 : 클래스 내부에서 만들어지며, 객체에서 사용하는 정..

[JavaScript] alert(경고창) / confirm (선택창) / prompt(입력창) / write(화면창) / log(콘솔창) 출력하기 alert() : 경고창에 출력하기 confirm() : 선택창에 출력하기 prompt() : 입력창에 출력하기 document.write() : 문서 화면창에 출력하기 console.log() : 콘솔창에 출력하기 💡 같이 보면 좋을 Post HTML / CSS / JavaScript 의 역할 및 차이점 (쉽고 빠르게 설명!) 🔗 HTML (Hypertext Markup Language) - 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어 - 웹의 뼈대, 구조를 설계하는 역할 🔗 CSS (Cascading Style Sheets) - 웹 문서의 전반적인 스타일을 미리 저장해.. devjindev.tistory.com

이전 1 다음

티스토리툴바