"처음 접하는 개념이라서 아직 정확하게 이해하지 못 한 개념들이지만 현재 알고 있는 것을 글로 작성해보는 1차 정리 노트 정도로 생각해 주시면 좋겠습니다!" 클래스와 인스턴스는 객체 지향 프로그래밍에서 중요한 개념입니다. 객체 지향 프로그래밍은 실제 세계에 존재하는 것을 모델링하여 프로그래밍하는 방법이라고 할 수 있습니다. 그래서 객체 지향 프로그래밍에서는 데이터와 절차를 하나의 덩어리로 묶어서 생각합니다.칼집과 칼을 만들 때 서로 다른 곳에서 만들어지는 것이 아니라, 한 군데에 모여 있는 것이죠. 왜냐하면 칼과 칼집은 기능적으로 연관이 있기 때문입니다. 클래스와 인스턴스는 대량 생산을 위한 틀을 만드는 과정이라고 생각하시면 좋습니다.쉽게 비유하자면, 객체 지향 프로그래밍의 핵심은 철로 된 검을 여러 개..

이번 과제는 테스트 케이스를 활용해 주어진 문제들의 빈칸에 적절한 답을 입력하고, 그 결과를 테스트해보면서 지금까지 배워온 여러 가지 개념들을 체크해보는 시간이었다. 이 과제를 통해 점검해 볼 수 있었던 개념은 크게 8가지였다.타입변수스코프와 클로저화살표 함수원시 자료형과 참조 자료형배열과 객체전개연산자구조 분해 할당위 이미지에 쓰여있는 코드처럼 아주 기초적인 개념부터 다시 차근차근 되새겨봄과 동시에, 이해하기 어렵고 어떻게 작동하는지 알아채기 쉽지 않은 부분들까지 공부하면서 지금까지 배운 내용을 머릿속에 정립해가는 과정이었다.// *함수 선언문으로 작성된 코드는 변수 호이스팅이 발생한다*//함수 표현식으로 사용하는것이 바람직하다!(회사별 코드 컨벤션에 따라 조금씩 다르지만) 3. 스코프와 클로저클로저..

JS에서 자료형(type)은 값(value)의 종류를 가리킵니다.자료형에 따라서 고유한 속성과 메서드를 가지고 있으며, 자료형은 크게 원시자료형(primitive type)과 참조 자료형(reference type)으로 나눌 수 있습니다. 1. 원시 자료형(primitive type)자바스크립트에서 원시 자료형에 해당하는 타입은 6개입니다.-number-string-boolean-undefined-null-symbol 원시 자료형의 특징원시 자료형을 변수에 할당하면 메모리 공간에 값 자체가 저장됩니다.원시 값을 갖는 변수를 다른 변수에 할당하면 해당 값 자체가 복사되어 전달됩니다.원시 자료형은 변경 불가능한 (immutable value)이며, 한 번 생성된 원시 자료형은 읽기 전용 값입니다.let a ..

[ 객체 정의 ]객체는 배열과 마찬가지로 다량의 데이터를 한 번에 다룰 수 있는 참조자료형 데이터이며, 0개 이상의 프로퍼티의 조합으로 이루어져 있습니다. 또한 프로퍼티는 키와 값의 조합으로 이루어져 있습니다. 예시) let person = { name: "객체", } //key: ( name ) value: ( "객체" ) //프로퍼티(속성) => 키 + 값 [ 객체와 배열의 비교 ]배열이 데이터의 순서정보(index)를 가지고 있는 자료형이었다면, 객체는 데이터에 이름(key)을 부여할 수 있는 것이 특징인 자료형입니다. key를 이용해 데이터에 의미를 부여할 수 있고, key를 사용해 데이터에 접근할 수 있습니다. 1. JavaScript에서 사용할 수 있는 ..

CLI(Command Line Interface)는 터미널을 통한 텍스트 명령어로 컴퓨터와 상호 작용하는 방식을 가리키고, GUI(Graphical User Interface)는 사용자가 편리하게 사용할 수 있도록 입력이나 출력과 같은 기능을 아이콘 등을 활용한 시각적 요소를 사용해 컴퓨터의 기능을 간편하게 이용할 수 있도록 하는 방식이다. 컴퓨터를 조작하기 위해서는 반드시 입력(input)이 필요하다. 키보드와 마우스처럼 컴퓨터에 입력을 할 수 있도록 만들어주는 도구를 입력 소스(input source)라고 한다. 일반적인 사용자가 PC를 사용함에 있어서는 이러한 입력 소스를 사용하는 GUI가 CLI에 비해 압도적으로 편리한 것이 사실이지만, 개발자의 경우 원격으로 서버 컴퓨터에 접속하거나 소통해야 하..

지난번에 HTML과 CSS를 활용해 계산기의 겉모습을 만들어 봤었는데, 오늘은 형태를 갖춘 계산기가 웹에서 작동할 수 있게 구현해보는 것이 과제로 나왔다. 물론 실제 계산기의 기능을 모두 구현하는 것은 아니었지만 간단한 기능을 구현해보는 것도 결코 쉽지 않았다. 기초적인 자바스크립트 문법과 표현식 등을 막 배운 상태인 나는 위 코드의 첫 부분부터 이해가 잘 가지 않았다. 물론 코드 옆에 주석으로 설명이 되어 있고 코드스테이츠 강의 페이지 내에도 간단한 설명과 힌트 등이 쓰여있었지만, querySelector를 아직 배운 적이 없고 HTML과 자바스크립트를 연결하는 방법 및 원리 등도 당연히 전혀 모르는 상태이기 때문에 문제를 이해하는 것 부터 상당한 노력이 필요했다. textContent가 이번 과제를 ..