본문 바로가기

전체 글109

브라우저로 데이터를 저장하는 방법 목차1. cookie2. session3. local storage1. cookie 우리가 웹사이트들을 방문하다보면 쿠키 수집에 대한 동의를 얻는 창을 본적이 있을 것이다. 일단 먹는 쿠키를 말하는 건 아닌 것 같은데 어떤걸 말하는지 알아보자.브라우저를 통해 일정기간 저장되는 작은 데이터주로 사용자의 상태정보를 저장하고 방문기록등을 추적하기 위한 목적으로 사용//저장 방법document.cookie = '키=값'//저장된 쿠키 출력console.log(document.cookie)ex)document.cookie = 'text=example'console.log(document.cookie)/* 결과 text=example*/ 쿠키는 브라우저를 통해 저.. 2024. 4. 23.
클래스 목차 1. 클래스란? 2. 클래스 만들기 3. 함수와 메서드의 차이 4. 클래스를 사용하는 이유 1. 클래스란? 객체를 생성하기 위한 틀, 템플릿 클래스는 객체지향에서 중요한 개념으로 각 객체를 생성하기 위해 속성과 메서드가 정의한다. 예를 들어 자동차가 있다고 생각해보자. 자동차는 색상, 모델 같은 속성이 있고 이동하기 위한 가속,감속 같은 동작이 있다. 이런 공통적인 부분들을 묶어 여러 대의 자동자를 만들 때 사용하기 위한 하나의 틀로 만들어 놓은 것이 클래스이다. 2. 클래스 만들기 자바 스크립트에서 클래스는 자주 사용된다. 클래스를 만들고 클래스에 대한 객체를 생성하는 방법을 알아보자 class 클래스{ constructor(속성1,속성2){ //생성자 메서드로 속성을 초기화하기 위한 메서드 //.. 2024. 4. 22.
콜백함수 목차 1. 콜백함수란? 2. 콜백함수 사용법 3. 콜백함수를 왜 사용하는 걸까? 1. 콜백함수란? 호출되는 함수에 인자값으로 전달되는 함수 함수를 호출할 때 그 함수에 전달하는 값를 "인자값"이라고 하고 인자값을 받는 변수를 "매개변수"라고 한다. 그렇다면 인자값에 해당하는 값은 어떤 것들이 있을까? 값은 문자열, 숫자 등의 원시타입 또는 객체같은 참조타입의 데이터를 뜻한다. 콜백함수는 인자값으로 전달되는 함수라고 하였는데 어떻게 가능한 것일까? function fn1(){ return "함수도 값인가" } console.log(fn1); /* 결과값 function fn1(){ return "함수도 값인가" } */ 값을 출력하는 console.log를 사용하여 함수를 출력해보았다. 그랬더니 함수의 내.. 2024. 4. 21.
배열 목차 1. 배열이란? 2. 사용하는 방법? 3. 배열을 사용하는 이유? 1. 배열이란? 여러 데이터를 하나의 변수에 저장하여 사용하는 방법 리스트형 변수라고도 하며 각각의 요소마다 다른 타입의 데이터를 삽입할 수 있다. 인덱스를 통해 각각의 요소에 접근할 수 있고 반복을 사용하여 순차적으로 접근하는 것도 가능하다. 2. 사용하는 방법? 1) 선언하기 //선언방법 1 => 리터럴로 배열생성 let 배열이름 = []; let 배열이름 = [item2,item2] //선언방법 2 => Array의 객체 생성 let 배열이름 = new Array(); let 배열이름 = new Array(배열크기); 리터럴을 사용하면 빈 배열을 만들어 나중에 값을 추가하거나 처음 만들 때 배열에 데이터를 지정할 수 있다. 동적.. 2024. 4. 20.

티스토리툴바