동탁의 개발자취

자바스크립트 Function declaration의 종류 ! 주로 함수의 이름을 정의할때는 카멜 케이스 (Camel Case) 방식으로 함수의 이름을 정해준다. Camel Case는 낙타의 혹 처럼 첫 단어를 제외 한 나머지 단어들의 맨 앞 글자를 대문자로 표시한다. ex) myFunc , exFunc, numCalculateFunc 함수의 선언은 1. 함수 선언문 2. 함수 표현식 두가지로 나뉘어 진다. 1. 함수 선언문 함수 선언문의 특징은 어디서든 호출이 가능하다는 것이다. 이는 Execution Context 단계에서 모든 함수 선언문을 확인한 후 선언된 함수들을 variable objects에 저장하기 때문에 함수선언보다 먼저 함수를 호출하는 것이 가능한데 이를 Hoisting이라고 부른다. f..

! 이번 게시글은 Execution Context를 이해해 보기 위하여 나의 사견을 넣어 정리한 블로깅으로 팩트와 다를 수 있음 Execution Context 자바스크립트의 여러 개념들을 깊게 이해하기 위해 중요한 개념으로 자바스크립트의 스펙에도 명시가 되어 있음 컨텍스트란 번역하면 ‘문맥’으로 코드의 전반적인 실행 환경으로 이해하면 좋다. 실행 컨텍스트가 콜 스택 구조로 쌓이는 과정 자바스크립트가 실행 될 때 처음에 전역 실행 컨텍스트가 만들어진다. 함수가 실행 될때 함수 실행 컨텍스트가 만들어진다. 마지막 까지 실행이 완료 된 경우 콜 스택 구조는 가장 나중에 실행된 컨텍스트 부터 제거 되어 다시 전역 실행 컨텍스트로 돌아온다. 3번의 과정을 콜 스택 구조라고 부른다. 전역 실행 컨텍스트 (glob..

1. 배열과 관련된 메서드 sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다. (a-b, b-a 등으로 오름차순 내림차순 결정이 가능하다.) map() map 메서드는 콜백 함수를 이용해 각각의 요소에 호출해서 그 값을 변환할 수 있게 해준다. let arr = [1, 2, 3, 4]; let maparr = arr.map(function(element){ return element *2; }); console.log(maparr); // [2, 4, 6, 8] join 배열의 모든 요소를 연결해 하나의 문자열로 만든다. 배열.join()으로 배열을 하나의 문자열로 출력 괄호 안의 구분자를 생략하면 쉼표..

1. 자주 쓰는 자바스크립트 연산자 비교 연산자 == : 피연산자가 서로 같다 ! = : 피연산자가 서로 다르다 === : 두 피연산자가 서로 값과 타입이 모두 같다. ! == : 두 피연산자가 서로 값 또는 타입이 서로 다르다. : 서로 크거나 작음 = : 서로 작거나 같음, 크거나 같음 산술 연산자 % : 나머지, 두 피연산자를 나눴을 때의 나머지를 반환함 ++ : 피연산자에 1을 더한다. — : 피연산자에 1을 뺀다. ** : 거듭 제곱한다. 논리 연산자 && : AND연산자, 둘 다 참일 경우 true || : OR연산자, 둘 중 하나가 참일 경우 true 2. let과 var의 차이 let : let 으로 선언한 변수는 자신을 선언한 부분과 이외의 모든 부분에서도 자신의 값을 가진다..

1) 인터넷 == 웹 ?? 웹이 자동차라면 인터넷은 도로, 웹이 건물이라면 인터넷은 건물 팀 버너스 리는 World Wide Web(WWW)의 창시자로 WWW관련 기술들을 만들어 인터넷을 대중에게 가져다준 인물이다. 스위스의 CERN(유럽 입자 물리 연구소)에서 팀 너버스 리가 1990년 쯤 유럽 입자 물리 연구소에 인터넷이 들어오고 마크업언어, 인터넷, 하이퍼텍스트를 합성해서 웹을 만들었다. 그 후 CERN에서 저작권을 포기하게 하여 public domain으로 만들었다. 2) IP 어드레스 IP 어드레스는 웹서버와 웹브라우저 모두에 있다. 하지만 이를 인간이 전부 기억하기 어려우므로 이름을 붙인다. info.cern.ch → 이런식으로 IP 어드레스에 이름을 붙이는데 이를 domain name이라고 ..