프론트엔드 3

객체 지향 프로그래밍(OOP: Object Oriented Programming)

🧘🏻‍♀️ 객체지향 프로그래밍이란? 아직 면접을 본 적 없지만,, 면접 단골 질문이라고 하는 객체지향 프로그래밍에 대해 알아보도록 합시다. 우선 객체란 무엇인가? 객체는 프로그램에서 사용되는 데이터 또는 식별자에 의해 참조되는 공간을 의미하며 값을 저장할 변수와 작업을 수행 할 메소드(함수)를 서로 연관된 것들끼리 묶어서 만든 것이다 객체가 레고의 조각이고 레고의 조각을 조립해서 무언가를 만드는 방식을 객체지향 프로그래밍이라 할 수 있다. 예를 들어 '도서 관리 프로그램'을 만들어 본다고 가정하자. 이를 객체지향으로 구현하게 되면 책의 제목, 저자, 페이지수와 같은 자료형 필드와 대출하기, 반납하기 등의 메소드를 책이라는 객체에 묶어서 관리하는 것이 가능해진다. 이렇게 되면 추상적이었던 동작도 직관적으로..

TIL/For Interview 2023.05.16

[TIL] forEach 이해하기

♦️ 코딩테스트를 조금씩 풀다보니 for each 에 대해 알면 좋을 것 같아서 공부해 보았다. for each는 for 문과 마찬가지로 반복적인 기능을 수행할 때 사용한다. 하지만 for문 처럼 index와 조건식, increase를 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있다. forEach 기본적인 forEach 사용법은 아래와 같다. const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; arr.forEach(function(element) { console.log(element); // 0 1 2 3 4 5 6 7 8 9 10 }); arr 객체의 요소들이 callback 함수에 의해 순서대로 호출되는 모습 ! for문에 비해 조금 더 깔끔하..

TIL/JavaScript 2023.01.03

[TIL] LocalStorage에 대하여

WebStorage란? 데이터를 어딘가에 저장해야 할 때 사용하는 WebStorage. 보통 데이터베이스 서버나 클라우드에 저장하는 경우가 많지만, 저장해야 할 데이터가 별로 중요하지 않거나 유실 되어 상관 없는 데이터일 때 브라우저상에 데이터를 저장한다. 이를 WebStorage 라고 한다. 로컬 스토리지 vs. 세션 스토리지 웹스토리지에는 로컬 스토리지(LocalStorage)와 세션스토리지(sessionStorage)가 있다. 세션 스토리지는 웹페이지의 세션이 끝날 때 저정된 데이터가 지워지는 반면, 로컬 스토리지는 웹페이지의 세션이 끝나도 데이터가 지워지지 않는다. 다시 말해, 브라우저에서 같은 웹사이트를 여러 탭이나 창에 띄우면 여러개의 세션 스토리지에 데어티가 서로 격리 되어 자장되며 각 탭이..

TIL/JavaScript 2022.12.26