분류 전체보기
-
JavaScript 자바스크립트 변수 값 재할당은 같은 메모리 공간에 값을 다시 넣는게 아니라고?🌐 FrontEnd/JavaScript 2022. 6. 14. 18:24
시작하면서 제목 그대롭니다. 아닙니다. 변수 재할당은 같은 메모리 공간을 비우고 다시 넣는 것이 아니다 변수 재할당이란? 재할당이란 변수에 저장된 값을 다른 값으로 변경하는 것을 말합니다. // 재 할당 예 var number = 12; // 변수 선언과 값 할당 number = 123; // 값의 재할당 재할당과 메모리 공간 앞선 예제에서 보았듯이 재할당 값 123 은 12 가 저장되어 있던 메모리 공간을 지우고 재할당 하는 것이 아니라, 새로운 메모리 공간을 확보하고 그 메모리 공간에 123 값을 저장합니다. 즉, 이전의 공간을 다시 사용하는 것이 아닙니다. 새로운 메모리 공간을 사용하는 것입니다. 사용하지 않는 메모리 그렇다면 쓰지 않는 메모리 공간은 어떻게 처리될까요? 바로 가비지 콜렉터에 의해 ..
-
2022.06.03 앞으로의 방향memo 2022. 6. 3. 15:56
시작하면서 안녕하세요 m-ur-phy 입니다. 이번 포스팅은 방향 점검입니다. 블로그를 기준으로 앞으로의 방향을 점검하고 계획하고자 합니다. 지금까지 1. 맥북 m1 이클립스 & 오라클 연동에 대해 직접 문제를 해결하고, 글을 작성하였습니다. 현재까지 블로그에서 가장 인기 있는 포스팅이자, 개인적으로도 의미있었던 작업이었습니다. 정확한 답을 구하지 못하였을 때 포기하지 않고 제 스스로 문제를 해결해서 공유했다는 것이 바로 의미의 이유입니다. 2. HTML / CSS / JavaScript 의 기초를 정리하였습니다. FE 개발의 알파벳과 같은 존재 HTML / CSS / JavaScript 입니다. 포스팅을 보시면 아시겠지만, 깊은 내용을 다루지 않고 기초적인 부분들만 가볍게 정리했습니다. 앞으로 지금까..
-
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. 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...