지영이의 개발 블로그

3.1 함수형이란 무엇인가? 자바스크립트에서는 함수가 애플리케이션의 데이터를 표현할 수 있다. 문자열이나 수 ,또는 다른 모든값과 마찬가지로 var 키워드를 사용해서 함수를 정의할 수 있다. var log = function(message) { console.log(message) } log("자바스크립트에서는 함수를 변수에 넣을 수 있습니다.") 화살표 함수를 사용해 같은 함수를 정의할 수 있다. const log = message => console.log(message) log("ES6 화살표 함수") 함수를 변수에 넣을 수 있는 것과 마찬가지로 , 함수를 객체에 넣을 수도 있다. const obj = { message: "함수를 다른 값과 마찬가지로 객체에 추가할 수도 있습니다.", log(mes..

CHAPTER 1 1.3.3 노드 설치하기 노드는 풀스택 애플리케이션을 구축할 수 있는 런타임 환경이다. 노드는 오픈 소스이며 윈도우,맥,리눅스 등의 플랫폼에 설치할 수 있다. 익스프레스 서버를 구축할 때 노드를 사용한다. 리액트를 다루려면 노드를 설치해야 한다 . $ node -v npm 노드를 설치하면 자동으로 노드 패키지 관리자인 npm도 함께 설치된다.자바스크립트 커뮤니ㅌ에서는 같은 일을 하는 프레임 워크나 라이브러리, 도우미 함수드을 중복으로 작성하는 일이 없도록 하기 위해 엔지니어들이 오픈소스를 공유하는데 리액트자체도 유용한 npm 라이브러리의 예이다. 새로운 프로젝트를 밑바닥부터 시작하면서 의존 관계를 포함하고 싶다면 다음 명령을 실행하자. 프로젝트를 초기화 하고 package.json 파일..

43장 Ajax 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 , 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequet 객체를 기반으로 동작한다. XMLHttpRequet는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다 . Ajax의 등장 서버로 부터 웹페이지의 변경에 필요한 데이터만 비동기 방식으로 전송받아 웹페이지를 변경할 필요가 없는 부분은 다시 렌더링 하지않고, 변경할 필요가 있는 부분만 한정적으로 렌더링하는 방식이 가능해진것 이를통해 브라우저에서도 데스크톱 애플리케이션과 유사한 빠른 퍼포먼스와 부드러운 화면전환이 가능해졌다 Ajax의 장점 변경할 부..

9장 타입변한과 단축 평가 9.1 ) 타입 변환 이란 ? 자바스크립트의 모든값은 타입이 있다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅 이라 한다. var x = 10; var str = x.toString( ) ; // 숫자를 문자열로 타입 캐스팅 console.log(typeof str, str); // string 10 console.log(typeof x, x); // number 10 // 변수의 값이 변경된것은 아니다 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되기 도한다. 이를 암묵적 타입변환 또는 타입강제변환 이라 한다 var x..

자바스크립트 기초를 탄탄히 하고자 구입한책! 책을 읽으면서 중요한 내용을 타이핑 하면서 한번더 정리해 볼 것이다. 4장 변수 4.1변수란 무엇인가? 왜필요한가? 10,20,+ 라는 기호(리터럴과 연산자)의 의미를 알고 있어야하며 , 10+20 이라는 표현식의 의미도 해석(파싱)할 수 있어야 한다. =>메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체 이다. 각 셀은 메모리 주소를 갖는다 이메모리 주소는 메모리 공간의 위치는 나타내며 숫자값 10 과 20은 메모리 상의 임의의 위치(메모리 주소)에 기억(저장)되고 cpu는 이 값을 읽어 들여 연산을 수행한다 . 메모리에 저장되는 모든 값은 2진수로 저장. 연산이 끝나면 연산결과도 메모리에 저장되지만 cpu가 연산해서 만들어 낸 숫자값 30은 재사용할 수..