남민우의 공부 블로그

실행 컨텍스트실행할 코드들, 우리가 작성한 코드들의 환경정보들을 모아놓은 '객체' 를 말한다.이를 '콜 스택' 에 저장하여 코드의 실행 순서를 보장하는 과정을 거친다.콜 스택Call Stack 이라고 부른다. 스택(Stack)과 큐(Queue) 를 먼저 이야기하면다음과 같이 Stack 은 Last in, First Out 의 LIFO, Queue 는 First In, First Out 의 FIFO 구조를 갖고 있다.실행 컨텍스트는 이 스택의 형태로 가장 마지막에 호출된 코드가 제일 먼저 동작하는 방식이다.하위 개념으로 Scope, 변수, 객체, Hoisting 등이 있는데 먼저 구성에 대해서 살펴본다.구성먼저 함수에 집중해서 살펴보자.// ---- 1번var a = 1;function outer() { ..

내일배움캠프 학습/JavaScript 2024. 11. 7. 20:51

데이터 타입은 크게 기본형, 참조형 두 가지로 나눌 수 있다참조형값의 크기가 크다 를 전제로 한다.따라서 기본적으로 Object 의 형을 가지며 Array, Function 등이 이에 해당한다. 이 참조형과 기본형을 구분하는 기준으로 1. 값의 복제 방식, 2. 불변성 여부를 들 수 있다.1. 복제 방식- 기본형 : 값이 담긴 주소값을 바로 복제- 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제참조형에 대한 이해가 조금 어려운데, 이후에 데이터 영역에 관해 설명하면서 다시 봐보도록 하자. 2. 불변성의 여부 : 이 또한 메모리, 데이터 영역의 관점에서 봐야 한다.- 기본형 : 불변성 O- 참조형 : 불변성 X, 가변적 불변성에 대해서 더 알기 전에 배경 지식을 먼저 파악하자데이터의..

내일배움캠프 학습/JavaScript 2024. 11. 6. 21:42

문제문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다.제한 조건strings는 길이 1 이상, 50이하인 배열입니다.strings의 원소는 소문자 알파벳으로 이루어져 있습니다.strings의 원소는 길이 1 이상, 100이하인 문자열입니다.모든 strings의 원소의 길이는 n보다 큽니다.인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. function Solution(strings, n){ let answer ..

내일배움캠프 학습/JavaScript 2024. 11. 5. 19:46

일급 객체자바스크립트에서는 함수를 '일급 객체' 라고 부른다.프로그래밍적 의미에서 일급 객체란 '다른 객체들에게 일반적으로 적용 가능한 연산' 을 모두 지원하는 객체 를 뜻한다.그만큼 중요한 개념이며, 필요에 따라 함수를 매우 유연하게 사용할 수 있다는 말이다. 하나씩 그 활용도를 보도록 한다.함수의 활용1. 변수에 함수 할당const sayHello = function() { consoㅣe.log("hello");}이 sayHello 함수를 변수처럼 활용하여 어디서든 호출할 수 있다.함수가 마치 값 으로 취급되는 것이다. 2. 매개변수로 다른 함수에 전달function callFunction(func){ //매개변수로 받은 변수가 사실 함수다. func();}callFunction(sayHello..

내일배움캠프 학습/JavaScript 2024. 11. 5. 19:41

ES6란?ECMAScript 6의 준말. 자바스크립트의 버전 중 하나이다.2015년에 업데이트 되면서 대규모 문법적 향상 및 변경이 있어서 자주 언급되곤 한다. 대표적인 문법 향상으로 let, const 가 있다.이전에는 자료형을 나타내기 위해 var 만 사용하였지만, ES6를 통해 let, const 를 사용하게 되면서 재할당 가능 여부를 나타낼 수 있게 되었다. 구조분해할당 : Destructuring구조를 분해하여 다른 메모리에 할당하는 과정을 말한다.배열이나 객체같이 여러 개의 데이터를 가지고 있는 이 속성들을 하나씩 분해하여 할당하는 문법이다.배열의 경우//기본 구조let [value1, value2] = [1, "new"];//value1 = 1, value2 = "new"//예시 코드let ..

내일배움캠프 학습/JavaScript 2024. 11. 5. 17:52

1번대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다.예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. function Solution(s){ let pCount = 0; let yCount = 0; for(let i = 0; i 2번어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 si..

내일배움캠프 학습/JavaScript 2024. 11. 4. 21:47

지난 1번 글에서 배웠던 내용을 이어서 적는다.함수Function : 어떠한 기능을 나타낸다. Input/Output 을 가진 단위를 말하기도 한다.기능으로 코드를 묶은 후, 이후 재활용하고자 하는 수단으로 이용된다.function 함수이름(매개변수) { // 함수 내부에서 실행할 로직}함수는 두개의 형태로 나타낼 수 있는데, 예시로 Sum 함수를 들면서 보여주도록 한다.1. 함수 선언문function add(x, y){ return x + y;}2. 함수 표현식let add2 = function(x, y) { return x + y;} console.log(add(2,3)); //출력 : 5----------------------------------let functionResult = add(3, 4..

내일배움캠프 학습/JavaScript 2024. 11. 4. 21:46

언어의 특징 및 역사역사프로그래밍 언어는 컴퓨터와 사람이 대화할 때 사용하고자 탄생한 언어.그 중 자바스크립트는 브라우저를 동작하기 위해 탄생했다. (자바와는 아무 연관이 없다)2005년에 'AJAX' 라는 기술이 나오면서 UX(User Experience) 향상 및 활용도 증가.이후 2009년에 Node.Js 가 등장하면서 브라우저에 특화됐던 언어가 프론트/백엔드, DB 등 전반적으로 사용되기 시작했다.특징1. 객체지향 프로그래밍 지원2. 동적 타이핑 언어- 변수 선언 시 타입 지정하지 않고, 런타임에 변수에 할당되는 값을 통해 타입이 자동으로 결정된다.3. 함수형 프로그래밍 지원4. 비동기 처리 가능5. 클라/서버 모두 사용 가능 기초 문법변수에 대해서변수란?기억하고 싶은 값을 메모리에 저장하고, 추..

내일배움캠프 학습/JavaScript 2024. 11. 4. 21:07