data life

1. 프라이빗 클래스 필드와 메소드 - 객체 지향 프로그래밍에서 중요한 역할을 합니다. - 다른 사람이 작성한 함수를 사용할 시, 프라이빗해야 하는 문제를 해결해줍니다. class MyClass { #privateMethod() { console.log("This is a private method."); } publicMethod() { console.log("This is a public method."); this.#privateMethod(); // 클래스 내부에서만 호출 가능 } } const instance = new MyClass(); instance.publicMethod(); // "This is a public method." 출력 // 아래 코드는 문법 오류입니다. 클래스 외부에서 호..

변수 프로그래밍 언어에서 데이터를 관리하기 위한 기본 핵심 개념 왜 필요한가? 컴퓨터 = 연산(cpu) + 기억(memory) ✅ 메모리(memory) : 데이터를 저장할 수 있는 메모리 셀의 집합체 : 2진수 형태로 저장됨 ✅ cell : 단위 ) 1바이트(8bit) : 각 cell은 고유의 메모리 주소를 가짐 메모리 주소 : 메모리 공간의 위치 예제 > 10 + 20 각 10과 20은 메모리 상 임의의 위치에 기억되고 cpu는 이 값을 읽어 들여 연산을 수행 결과값 30 또한 메모리 상 임의의 위치에 저장된다. 그러나 이 결과값(30)은 재사용이 불가하다 재사용을 원한다면 직접 메모리 주소를 통해 저장된 메모리 공간에 직접 접근하는 것 외에 방법밖에 없다 이를 위해 변수의 정의를 내려보면 다음과 같다..

forEach() :배열을 순회하면서 인자로 전달한 함수를 호출하는 반복문 arr.forEach(func(value, index, array)) value : 현재 순회 중인 요소 index : 현재 순회 중인 요소의 index array : 배열 객체 1. 함수(function) 인자 function myFunc(item) { console.log(item); } const array = ['a', 'b', 'c', 'd']; array.forEach(myFunc); > a > b > c > d 2. 람다(lambda) 인자 array.forEach((item) => { console.log(item); }); > a > b > c > d 3. value, index를 인자 array.forEach((..

JSON 내장 객체 : JavaScript 객체와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공 JSON.stringify() : JavaScript 값이나 객체 ➡️ JSON 문자열 JSON.stringify(value(필수), replacer, space); const stringify = JSON.stringify({name:"홍길동", age:20, city:"Korea"}; console.log(stringify); //{"name":"홍길동","age":30,"city":"Korea"} JSON.parse() : JSON 문자열 ➡️ JavaScript 객체 : JavaScript 객체로 변환된 데이터는 .나 [] 기호를 사용하여 각 속성에 접근할 수 있습니다. const..

.createElement() : 선택한 요소 안에 요소 생성 .createTextNode() : 선택한 요소에 텍스트 추가 .appenChild() : 선택한 요소 안에 자식 요소를 추가 HTML 삽입 미리보기할 수 없는 소스

preventDefault() event.preventDefault() :어떤 event의 기본 행동이 발생되는 것을 막음 : addEventLister 내부 함수가 발생되는 것을 막음 *사용 예시* submit 버튼을 눌러도 새로고침이 안되게끔 태그를 눌렀을 때도 href링크로 이동하지 않게끔 localStorage : 하나의 작은 DB : key-value 형태 : array로는 저장 불가 only text만! setItem : 데이터 저장 localStorage.setItem("key","value"); getItem : 데이터 읽기 localStorage.getItem("key"); removeItem : 데이터 지우기 localStorage.removeItem("key"); clear : 초기화..

React Native : Js 만으로 안드로이드, iOS 앱 개발 가능 Electron : CSS, HTML, Js로 데스크탑 앱 개발 가능 자바스크립트의 HTML 접근 document 객체 브라우저에 존재하는 object로, console 창에서 작성한 html 문서를 가져옴 document 메소드 HTML element 선택 HTML element 생성 HTML 이벤트 핸들러 추가 HTML 객체 선택 * console.dir(document); : document 의 속성 확인 document.body head title 은 중요한 속성이므로 언제든 불러올 수 있으나 나머지 요소들은 다음과 같이 선택해서 불어와야함. 선택 document.getElementBy (TagName , Id , Class..

if ... else 문 if (condition){ /// condition === true } else { /// condition === false } * else 는 선택사항 isNaN 함수 - NaN (Not-A-Number) 판별 const age = parseInt(prompt("How old are you?")); if (isNaN(age)) { console.log("Please write a number"); //true } else { //false console.log("All right!"); } else if - 조건문 추가 const age = parseInt(prompt("How old are you?")); if (isNaN(age)) { console.log("Please..

입력 함수 1️⃣ prompt() 2️⃣ confirm() 1. prompt(message, default) message : 입력 창에 띄울 메세지 default : 입력 부분의 기본 값 (string) const age = prompt("How old are you?"); console.log(age); - 오래된 기능이라 잘 쓰진 않음 - 문자열의 값을 반환하므로 숫자로 얻고 싶은 경우 타입 변환이 필요하다. typeof : 데이터 타입 반환하는 연산자 console.log(typeof 1); // "number" console.log(typeof "code"); // "string" console.log(typeof true); // "boolean" console.log(typeof undefi..

❓why use Function? To encapsulate a piece of code function name(parameter1, parameter2) { } "Function 함수이름 () 순서" - () : 함수를 실행 시킴 - 키워드로 시작하며 객체이다. - 괄호()에는 쉼표(,)로 구분된 매개변수 이름이 포함 (parameter1, parameter2, ...) - {} : 함수에 의해 실행될 코드 - 함수 호출 선언 (매개변수 parameter) 호출 (전달인자 argument) - 함수 반환 return 명령문에 도달 시, 실행이 중지 var x = plus(4,3); //4, 3 -> argument function plus(a, b) { //a,b -> parameter return ..