'🌐 FrontEnd' 카테고리의 글 목록 (2 Page)

JavaScript 자바스크립트 변수 값 재할당은 같은 메모리 공간에 값을 다시 넣는게 아니라고?

🌐 FrontEnd/JavaScript 2022. 6. 14. 18:24

시작하면서 제목 그대롭니다. 아닙니다. 변수 재할당은 같은 메모리 공간을 비우고 다시 넣는 것이 아니다 변수 재할당이란? 재할당이란 변수에 저장된 값을 다른 값으로 변경하는 것을 말합니다. // 재 할당 예 var number = 12; // 변수 선언과 값 할당 number = 123; // 값의 재할당 재할당과 메모리 공간 앞선 예제에서 보았듯이 재할당 값 123 은 12 가 저장되어 있던 메모리 공간을 지우고 재할당 하는 것이 아니라, 새로운 메모리 공간을 확보하고 그 메모리 공간에 123 값을 저장합니다. 즉, 이전의 공간을 다시 사용하는 것이 아닙니다. 새로운 메모리 공간을 사용하는 것입니다. 사용하지 않는 메모리 그렇다면 쓰지 않는 메모리 공간은 어떻게 처리될까요? 바로 가비지 콜렉터에 의해 ..

JavaScript 자바스크립트 기초 - 함수

🌐 FrontEnd/JavaScript 2022. 6. 3. 15:50

시작하면서 자바스크립트 기초를 공부합니다. 이번엔 함수를 공부합니다. 1. 함수 (1) 함수란? 함수란 일련의 실행문을 저장할 수 있는 공간을 가리킵니다. 함수에 저장된 일련의 실행문은 함수 호출문에 의해 언제든 실행할 수 있습니다. (2) 기본 함수 정의문 // 기본형 function 함수명() { // 함수 정의문 실행문; } 함수명(); // 함수 호출문 // 예 function test() { document.write("hello"); } test(); (2) 예제 배경색을 바꿔보아요 (3) 매개 변수가 있는 함수 정의문 매개 변수란 함수를 호출하였을 때 전달한 값을 저장하는 변수를 가리킵니다. 이렇게 전달된 값은 함수 정의문 내에 일련의 실행문에 사용할 수 있습니다. // 기본형 functio..

JavaScript 자바스크립트 기초 - 객체

🌐 FrontEnd/JavaScript 2022. 5. 30. 20:06

시작하면서 자바스크립트 기초를 공부합니다. 자바스크립트의 객체를 예제와 함께 공부합니다. 1. 객체 (1) 객체란? 자바스크립트는 객체(Object) 기반 언어입니다. 객체는 기능(메서드) 또는 속성으로 구성되어 있습니다. // 기본형 객체.메서드(); TV.켜다(); TV.끄다(); 객체.속성 또는 객체.속성=값; TV.너비 = "30inch"; TV.색상 = "black"; (2) 객체의 종류 객체는 크게 세 가지로 분류할 수 있습니다. (2-1) 내장 객체 자바스크립트 자체 내에서 지원하는 객체를 가리킵니다. 내장 객체에는 문자(String), 날짜(Date), 수학(Math), 배열(Array) 객체 등으로 구성되어있습니다. (2-2) 브라우저 객체 모델(BOM) 브라우저에 계층적으로 내장되어 ..

JavaScript 자바스크립트 기초 - 제어문

🌐 FrontEnd/JavaScript 2022. 5. 29. 02:27

시작하면서 자바스크립트 기초를 공부합니다. 이번엔 제어문을 예제와 함께 공부합니다. 1. 제어문이란? 제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 실행문을 말합니다. 제어문은 세 가지로 분류할 수 있습니다. '조건 만족 여부에 따라 실행문을 제어할 수 있는 조건문' -> if / else / else if '변수에 일치하는 경우의 값에 따라 실행문을 제어할 수 있는 선택문' -> switch '특정 실행문을 여러 번 반복 실행할 수 있도록 하는 반복문' -> while / for 2. 조건문 (1) if 문 if 문은 조건식을 만족(true)할 경우에만 실행문을 실행합니다. // 기본형 if (조건식) { 실행문; } (1) 예제 (2) else 문 else 문은 조건식을 만족(true)할 경우..

JavaScript 자바스크립트 연산자 우선 순위

🌐 FrontEnd/JavaScript 2022. 5. 28. 23:05

시작하면서 자바스크립트에서 사용하는 연산자들의 우선순위를 알아봅시다. 연산자 우선순위 연산자들의 우선순위는 다음과 같습니다. 1순위. ( ) 2순위. 단항 연산자 ( --, ++, ! ) 3순위. 산술 연산자 ( +, /, %, +, - ) 4순위. 비교 연산자 ( >, >=,

JavaScript 자바스크립트 변수 선언 시 주의 사항

🌐 FrontEnd/JavaScript 2022. 5. 27. 17:56

시작하면서 자바스크립트 변수 선언 시 주의 사항을 살펴봅시다. 1. 변수명 첫 글자로는 $, _(언더바), 영문자만 올 수 있습니다. let 1num = 10; (X) let $num = 10; (O) let _num = 10; (O) let anum = 10; (O) 2. 변수명 첫 글자 다음은 영문자, 숫자, $, _(언더바) 를 포함할 수 있습니다. let 10num = 10; (X) let num10 = 10; (O) 3. 변수명으로는 예약어 (document, location, window 등) 를 사용할 수 없습니다. let document = 10; (X) let num = 10; (O) 4. 변수명을 지을 때는 되도록 의미를 부여하여 작성하는 것이 좋습니다. let num = "String..

JavaScript 자바스크립트 코드 작성 시 주의 사항

🌐 FrontEnd/JavaScript 2022. 5. 24. 00:00

시작하면서 자바스크립트 코드를 작성할 때의 아주 기초적인 주의 사항을 알아봅시다. 1. 자바스크립트는 대/소문자를 가려서 써야 합니다. // 예 New data(); // (X) new data(); // (O), 날짜 객체 생성 2. 실행문을 마치고 나서는 세미콜론(;)을 작성하는 것이 좋습니다. 세미콜론을 쓰지 않는다면, 다음 예제처럼 한 줄에 두 개의 실행문을 작성 할 때 문제가 생길 수 있습니다. // 예 document.write("hi") document.write("bye") (X) document.write("hi"); documetn.write("bye"); (O) 3. 실행문을 작성할 때는, 한 줄에 한 문장만 작성합니다. 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋습니다. 4...

JavaScript 자바스크립트 기초 - 변수 / 연산자

🌐 FrontEnd/JavaScript 2022. 5. 23. 20:55

시작하면서 자바스크립트 기초를 시작합니다. 변수와 연산자에 대해 공부합니다. 1. 자바스크립트 기초 (1) 자바스크립트 선언문 선언문은 스크립트 영역임을 나타내주는 역할을 합니다. // 기본형 (2) 자바스크립트 주석 처리 한 줄 주석은 // 입니다. 여러 줄 주석은 /* 설명 내용 */ 입니다. // 예 // 한 줄 주석 /* 여러줄 주석 입니다 */ (3) 스크립트 외부로 분리하기 HTML 내부에 작성된 자바스크립트를 외부로 분리합니다. 외부로 분리하는 이유는 관리가 용이해지기 때문입니다. // 기본형 // 예 2. 변수 (1) 변수란? 변수(Variables)란 변하는 데이터(값)를 저장할 수 있는 메모리 공간입니다. var / let / const 세 가지로 변수를 선언할 수 있습니다. // 기본..

ABOUT ME

Whatever can happen will happen Whatever can happen will happen

티스토리툴바