CodeStates BootCamp

● 오늘 공부한 것 실행컨텍스트 #내가 보려고 쓰는 실행 컨텍스트(execution context) 쉽게 이해하기(1) ● 실행컨텍스트(execution context) - 실행컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하면, 자바스크립트가 스코프를 기반으로 식별자와 식별 ddaeunbb.tistory.com #내가 보려고 쓰는 실행 컨텍스트(execution context) 쉽게 이해하기(2) ● 실행 컨텍스트의 생성과 식별자 검색 과정 자 일단 이론은 공부했다. 건설업자로 실전에 투입되어보자. // 전역 변수 선언 const x = 1; const y = 2; // 함수 정의 function foo(a) { const x = 10; const y = 2..

● 오늘 공부한 것 원시자료형 VS 참조 자료형 원시자료형 원시 자료형을 변수에 할당하면 메모리 공간에 값 자체가 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. 원시 자료형은 변경 불가능한 값(immutable value)이다. 즉, 한 번 생성된 원시 자료형은 읽기 전용(read only) 값이다. 원시 자료형은 number, string, boolean, undefined, null, symbol이 있다. 참조자료형 참조 자료형을 변수에 할당하면 메모리 공간에 주솟값이 저장된다. 참조 값을 갖는 변수를 다른 변수에 할당하면 주솟값이 복사되어 전달된다. 참조 자료형은 변경이 가능한 값(mutable value)이다. 참조 자료형은 array, object, ..

● 오늘 공부한 것 객체 값 부여 및 삭제 dot notation : obj.key 를 통해 값을 확인하는 것 bracket notation: obj[key]를 통해 값을 확인하는 것 delete : delete obj.key 를 통해 값을 삭제하는 것 in : key in obj를 통해 프로퍼티가 있는지 확인하는 것 const user= { name : “kim”, age : 27 } user.name; // "kim" user['age']; // 27 delete user.name; // const user{ //age: 27 //} 'name' in user // false 'age' in user //true Object 메서드 #Object 객체 메서드 ●Object.create() - 주어진 ..

● 오늘 공부한 것 배열의 메서드 length : 배열의 길이를 반환해준다. push : 배열의 맨 뒤에 값을 추가해준다. pop : 배열의 맨 뒤에 있는 값을 삭제해준다. unshift : 배열의 맨 앞에 값을 추가해준다. shift : 배열의 맨 앞의 값을 삭제해준다. indexOf : 특정한 값이 배열에 있는지 확인 후, 찾는 즉시 그 index 값을 반환해준다. includes : 특정한 값이 배열에 있는지 확인 후, 찾는 즉시 boolean 값으로 값을 반환해준다. Array.isArray() : 매개변수에 있는 게 array인지 확인 후, boolean 값으로 반환해준다. console.table() : 매개변수에 있는 array를 테이블표로 보여준다. reverse : 배열을 뒤집어서 반환한..

● 오늘 공부한 것 CLI (Command Line Interface) 컴퓨터가 상용화 되기전에, 개발자들은 컴퓨터와 소통하기 위해 프로그래밍언어를 통해서 소통해야했는데, 그 명령을 주로 터미널같은 CLI를 통해 소통했다. 터미널에서 입력하는 CLI 명령줄 대기모드는 프롬프트(promt)이다. 하지만, 컴퓨터가 상용화되면서 일반사람들은 소통이 어려워지게 되자, GUI가 탄생한 것이다. GUI(Graphical User Interface) 그래픽으로 표시된 아이콘, 그래픽으로 표시된 아이콘, 창, 버튼 등을 사용하여 사용자가 컴퓨터와 상호 작용할 수 있는 방법을 제공하는 시스템이다. GUI는 사용자가 마우스, 키보드 또는 터치스크린과 같은 입력 장치를 사용하여 프로그램을 실행하고 작동하는 방법을 제어할 수..

● 2월 23일 [간단한 웹앱 만들기] 아래는 내가 오늘 만들기전에 생각했던 회로를 한글로 적었다. ㅎ.. 내생각엔 다시 풀어야될 것 같다. 변수 : 첫번째숫자(firstNum), 연산자(operatorForAdvanced), 이전에누른기능(previousKey), 첫번째숫자랑계산할값(previousNum) 1) 수입력버튼 처음 값이 '0'이면 / 이전에 누른 값이 연산자면 / 이전에 누른 값이 계산버튼이면 방금 누른 버튼의 수 보여줘 아니면 기존 수에 계속 더한 문자열 수 보여줘 ( 1 --> 12) 마지막에 이전에 누른 기능 수입력버튼으로 남겨줘 2) 연산자버튼 이전에 누른 값이 수입력버튼이었니? 그럼 첫번째숫자 true니? false니? 이전 값에 그럼 지금 보여지는 거 첫번째숫자랑계산할값으로 ..