SUIN

PBV와 PVR의 주요 차이점은 메모리에 저장되는 방식입니다. Value & Reference 가 값을 저장하는 방식 Passed by Value : 실제 매개변수 값의 복사본이 메모리에 생성됨을 의미합니다. Passed by Reference : 메모리에 새로운 공간을 만들지 않고 대신 실제 매개변수의 참조/주소를 전달하므로 함수가 변수의 원래 값에 액세스 할 수 있습니다. 따라서 함수 내에서 변수의 값을 변경하면 원래 값도 변경됩니다. let num1 = 10; let obj1 = { firstName: 'Allie', lastName: 'Grater' }; 두 개의 메모리 위치가 있습니다. 하나는 스택(왼쪽)이고 다른 하나는 힙(오른쪽)입니다. Javascript는 크기가 작고 변경되지 않기 때문에..

식별자(identifier) : 자바스크립트로 작성된 프로그램의 변수, 상수, 함수의 이름입니다. 식별자 규칙 첫 번째 문자 : 알파벳(A-z), 언더바(_), $문자만 사용 가능 두 번째 이상의 문자 : 알파벳, 언더바, 0~9, $ 사용 가능 숫자로 시작 X 공백 문자를 포함 X 자바스크립트 예약어(키워드 : if else, for... 등 ) 사용 X 예시) 식별자 규칙 // Good identifier identifier10 _identifier $identifier Identifier IDENTIFIER // Bad break // 예약어 사용 has space //공백 사용 6variable //첫번째 숫자사용 %calc //% 특수문자 사용 식별자의 종류 식별자는 단독 혹은 다른 식별자와 함..

웹 브라우저의 동작 원리 - 웹페이지를 서버에 요청(Request)하고 서버의 응답(Response)을 받아 브라우저에 표시 브라우저는 서버로부터 HTML, CSS, Javascript, 이미지 파일 등을 응답받는다. HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. 자바스크립트는 자바스크립트 엔진이 처리한다. HTML 파서는 정리 이벤트 루프의 역할 이벤트 루프는 콜 스택과 콜백 큐를 감시하는 역할로 콜백 큐에 함수가 존재하고 콜 스택이 비었다면 콜백 큐에서 콜백을 꺼내 콜 스택에 넣어주는 역할 (반복적인 행동을 틱(tick)이..

함수형 프로그래밍에 특화된 언어 : haskell, f#, OCaml , Erlang 함수형 프로그래밍을 지원하는 언어 : JavaScript , Kotlin,Go,Python,Java,C++,Rust.. 함수형 프로그래밍 언어는 객체지향 프로그래밍(Simula,Smaltalk) 와 C 보다 먼저 나온 언어입니다. 함수형 프로그래밍은 수학의 원리와 밀접한 연관이 있으며 배우는데 시간이 걸리고 난해할 수 있습니다. 그래서 사람의 방식과 가장비슷한 절차지향 프로그래밍 , 객체지향 프로그래밍이 더 보편적으로 많이 쓰여지고 있으며 , 현재 AI,IOT,빅데이터 ,비트코인 이 뜨기시작하며 방대한 데이터를 빠르게 계산해서 병렬적으로 안정적으로 처리하는 것의 중요성이 부각되면서 함수형 프로그래밍 언어가 다시 주목 받..

변수 선언 기준 ES6 이전 : var , ES6 이후: let,const 변수 선언 방식 var: 변수 재선언 가능 , 재할당 가능 //var var name = 'javascript'; console.log(name); // javascript var name = 'react'; console.log(name); // react 동일한 변수명을 한번더 선언했음에도 불구하고 에러메세지가 없으며 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 변수 중복 선언 가능하여, 의도하지 않은 변수값의 변경이 일어날 가능성이 크다. 암묵적 전역 변수를 양산할 가능성이 크다. let : 변수 재선언 불가..

코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는 것이 일반적이다 alert('Hello'); alert('World'); // X alert('Hello'); //O alert('World'); //O 줄 바꿈이 있다면 세미콜론(semicolon)을 생략할 수 있다 줄 바꿈이 있으면 이를 ‘암시적’ 세미콜론으로 해석하며 이런방식을 세미콜론 자동삽입이라한다. alert('World'); //ok alert('Hello') // ok 하지만 세미콜론이 정말로 필요하지만 자바스크립트가 이를 추정하지 ‘못하는’ 상황도 존재한다 alert("hihi") [1, 2].forEach(alert) //err //alert("hihi")[1, 2].forEach(alert) 처럼 인식 alert("hihi..

MDN       map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. MDN      filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.     MDN      reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.  map()구문  arr.map(callback(currentValue[, index[, array]])[, thisArg])Array.prototype.map ( callbackfn [ , thisArg ] )map은 간결하지만 for문을 사용하면 "순환"이라는 부분까지 직접 처리해야 하기 때문에 작성해야 하..