JavaScript

1. 자바스크립트의 클래스(Class)란?자바스크립트의 클래스는 객체를 만드는 설계도입니다. 쉽게 말해, 클래스가 붕어빵 틀이라면 클래스로 만든 객체는 그 틀로 만든 붕어빵입니다. 클래스는 객체지향 프로그래밍의 개념을 지원하며, 여러 객체를 생성할 때 공통되는 속성과 메서드를 정의할 수 있습니다. 자바스크립트의 클래스는 ES6(ECMAScript 2015)에서 도입되었습니다. 2. 클래스와 인스턴스, 붕어빵 틀과 붕어빵 관계 클래스는 붕어빵 틀처럼 어떤 물건을 찍어내는 틀이라고 생각할 수 있습니다. 그 틀에는 붕어빵의 모양과 재료(속성) 등이 정의되어 있습니다. 예를 들어, 붕어빵 틀에는 크기, 모양, 안에 팥이나 슈크림 같은 내용물이 무엇인지가 정해져 있습니다.객체는 그 틀로 찍어낸 붕어빵입니다. 같은..

공부 목적알고리즘 공부를 하다가 배열 문제에서 slice와 splice를 자주 사용했습니다. 자주 사용하는 만큼 개념을 정리하면 좋을 것 같아 정리했습니다. Array.prototype.slice()기본 문법slice() 메소드는 배열의 일부분을 추출하여 새로운 배열을 반환합니다. 원본 배열은 변경되지 않습니다. 사용법은 다음과 같습니다.array.slice(start, end) start: 추출을 시작할 인덱스 번호- 추출할 때 이 시작 인덱스가 포함됩니다.- 음수 값을 넣으면 배열의 끝에서부터 역방향으로 계산합니다.- 생략 시 start 값은 0으로 간주합니다. end: 추출을 종료할 인덱스 번호- 추출할 때 이 종료 인덱스는 포함되지 않습니다. end 번호 앞까지 추출합니다.- 음수 값을 넣으면 s..

📌  요약: useStateconst [state, setState] = useState( 초기값 ); state에는 현재값이 들어가며, setState로 state를 새로 변경 가능합니다. 만약 state를 변경할 때 이전 state와 관련이 있다면, 다음 코드처럼인자를 이전 state (prevState)return 값을 변경되는 state (newState)로 작성하는 게 좋습니다.setState((prevState) => { // ... return newState;});📚  공부 목적리액트로 개발할 때 함수형 컴포넌트를 사용한다면, 리액트 Hooks라는 편리한 기능을 사용할 수 있습니다. 클래스 컴포넌트는 state를 이용하여 업데이트, 생명 주기 메소드를 제공합니다. 반면, 함수 컴포..

📚 공부 목적자바스크립트를 공부하면서 자바스크립트 개념 자체에 대해서 공부한다면 이해하기 좋을 것 같아 찾아보게 되었습니다. 자바스크립트는 웹 브라우저에서 실행되는 스크립트 언어입니다. 실제로 웹 브라우저 뿐만 아니라 다양한 환경에서 실행될 수 있습니다. 이때 코드가 실행되는 환경을 '런타임(runtime)'이라고 합니다. 그래서 흔하게 볼 수 있는 런타임 환경은 브라우저이기도 합니다. 런타임 이전에 자바스크립트 엔진 역시 웹 개발에서 주요 구성 요소입니다. 엔진이 없으면 런타임도, 자바스크립트도 없습니다.📚 자바스크립트 엔진(JavaScript engine)과 런타임(Runtime)1. 자바스크립트 엔진이란?자바스크립트 엔진이란 자바스크립트 코드를 실행하는 프로그램 또는 인터프리터입니다. 대체적으로..

📌  getElementById, querySelector란?브라우저 돔 객체에 접근하기 위해서는 getElementById, querySelector 메소드를 이용하는 두 가지 방법이 있습니다. 이 두 가지 방식 모두 엘리먼트를 반환하는 메소드입니다. 더 구체적인 엘리먼트를 선택하고 싶다면 querySelector (혹은 querySelectorAll)를 사용하면 되지만, getElementByID가 조금 더 빠르고 지원이 잘 됩니다.   📚 공부 목적간단한 게임을 구현하는 프로젝트 형 스터디를 진행하다가, getElementById와 querySelector 메소드를 이용해 현재 플레이어(activePlayer)의 점수를 확인하는 로직을 구현했습니다. 사용한 코드는 다음과 같습니다. // 1.현..

자바스크립트의 오해: 자바스크립트 = 자바? 자바스크립트(JavaScript)란 웹 브라우저에서 사용하는 프로그래밍 언어입니다. 참고로 이름과 달리 자바스크립트는 자바라는 프로그래밍 언어와는 거의 관련이 없습니다. 이름이 비슷한 것은 마케팅과 연관이 있기 때문이며 엄밀한 다른 언어입니다. 자바스크립트의 정의 고급 레벨의 객체 지향 다중 패러다임 프로그래밍 언어 무슨 의미인가? 프로그래밍 언어는 기본적으로 우리가 코드를 작성하도록 도와주는 언어입니다. 컴퓨터가 무엇을 하도록 지시하는 언어라고 생각하면 됩니다. 그게 자바스크립트 사용의 주요 목표입니다. 그리고 자바 스크립트는 고급 언어입니다. 복잡한 것을 생각할 필요가 없습니다. 여기서 복잡한 것들은, 컴퓨터 메모리나 프로그램을 실행하는 동안 관리하는 것들..