전체 글21 [Javascript] 1급 객체(First-class object) 1급 시민 변수에 담을 수 있다. 함수(혹은 메소드)의 인자(매개변수, Parameter)로 전달할 수 있다. 함수(혹은 메소드)의 반환값(return)으로 전달할 수 있다. 자바스크립트에서 원시 값(일반 자료형)은 1급 객체이다. var temp_int = 1; // 숫자는 변수에 담긴다. function fn_test_int(a){ return a; } var ret_int = fn_test_int(3); // 숫자는 함수의 인자가 된다. console.log(ret_int); // 숫자는 함수의 리턴이 된다. 1급 객체 * 1급 객체란, 말 그대로 1급 시민의 조건을 충족하는 객체(Object) 입니다. javascript에서 객체는 1급시민입니다. 자바스크립트의 개체는 함수의 인자가 될 수 있다... 2019. 11. 6. [React] 기본정리 React 공부 시작. * 모든 React 컴포넌트는 render 메소드가 있다. -> 컴포넌트가 어떻게 생길지 정의해준다. * JSX -> js코드에서 html형식을 그대로 작성할 수 있다. -> xml같은 문법을 native javascript로 변환 -> 괄호를 안해도 오류나진 않지만, 가독성을 위해 사용하는게 좋음 //0.기본 구조. //-------------------------------------------------------------- class Codelab extends React.Component { render() { return ( Codelab); } ) class App extend React.Component { render () { return ( ); } } Reac.. 2019. 11. 4. [Javascript] Closure 클로저에 대해 공부를 하다보니, 아래와 같이 다양하게 표현된다. '함수 밖에서 선언된 변수를 내부에서 사용할 때 클로저가 생겨난다.' 함수 내부에 함수를 작성할 때마다, 클로저를 생성한 것이다. = 내부에 작성된 함수가 클로저. 이해가 잘 되지않아 예제로 살펴봤다. function closerFnc() { function outer(){ var innerValue = 'remember'; function innerFnc(){ console.log(innerValue); } //outer함수 내부에 innerFnc선언 후 return return innerFnc; } var globalFnc = outer(); globalFnc(); } 위 코드를 보면, 1. outer함수 내부에 innerValue라는 .. 2019. 10. 22. [Javascript] 스코프, 호이스팅(Hoisting) 평소에 대충 알던, 정확히 설명을 못하는 주제들이 많다고 느껴서 개념부터 공부를 시작했다. 설명을 못하면 모르는 거다. [스코프] - 변수의 유효 범위. - 블록 스코프는 중괄호{}로 감싸진 범위 ->if, for, function의 {} - 함수 스코프는 function의 {} 범위 RHS, LHS 검색을 알면 이해하기 쉽다. (https://endus0713.tistory.com/17) - ES6의 let, const는 블록 스코프에서 유효하다. - var는 함수 스코프에서 유효하다. ----------------------------------------------------------------------------------------- var / let, const의 차이 차이를 공부하다보니,.. 2019. 10. 21. [Javascript] LHS,RHS 검색 스코프를 공부하다가, 먼저 이해해야 할 것 같아서 공부했다. RHS 검색은 변수의 값을 찾는 것 LHS 검색은 값을 대입할 변수 컨테이너를 찾는다. console.log(value); //value에 대한 RHS검색 value = "aa"; // LHS 검색을 통해 "aa"를 넣을 value를 찾는다. function test(param) { console.log(param); } test(2); 위 코드는 LHS, RHS를 모두 수행 1. test(...)함수를 호출할 때, RHS검색을 통해 함수를 찾는다. 2. test(param)을 호출 할때, param=2 를 수행하며 LHS검색. 3. console.log(param)을 실행할 때, console객체에 log함수가 있는지 RHS검색, param을.. 2019. 10. 21. node.js Express - react 서버 세팅 Nodes.js express 복습하던 중, React도 공부도 같이 하고 싶은 마음에 토이프로젝트를 시작했다. 기본적인 구조는 create-react-app으로 생성한 폴더트리에서, server폴더 내에 express 프레임워크로 서버를 구성했다. 환경은 windows 10, vs code, node 10.대 버전 우선, 프로젝트 생성할 폴더 커멘드창에서 입력하면 아래 구조로 생성된다. -npm install -g yarn으로 yarn 명령어로 해도 된다. npx create-react-app babel, Webpack 등 모듈들이 설치가 되고, 여기서 Webpack 관련 설정을 하기위해 아래 명령어로 설정파일을 뽑아내줍니다. npm run eject //yarn eject *eject관련 참고 블로그.. 2019. 10. 11. 이전 1 2 3 4 다음
