전체 글 (154) 썸네일형 리스트형 클로저와 스코프 체인 클로저 클로저는 내부 함수가 외부 함수의 context에 접근할 수 있도록 하는 것이다. 이렇게 되면 외부 함수의 실행이 끝나 외부 함수가 소멸한 이후에도 내부 함수가 외부 함수의 변수에 접근할 수 있다. 다음 4가지는 클로저의 특징이다. - 클로저는 객체의 메소드에서도 사용할 수 있다. - 동일한 외부 함수 안에서 만들어진 내부 함수나 메소드는 외부 함수의 지역 변수를 공유한다. - 똑같은 외부 함수를 공유하고 있는 내부 함수나 메소드의 결과는 서로 다를 수 있는데, 외부 함수가 실행될 때마다 새로운 지역변수를 포함하는 클로저가 생성되어 각각 완전히 독립적인 객체가 되기 때문이다. - 클로저 내부의 변수들은 클로저 내부에서 생성된 함수나 메소드만 접근할 수 있다. 이를 이용하면 자바스크립트가 기본적으로.. [삽질로그] db.collection is not a function (스크랩) https://preamtree.tistory.com/109 meta 요소의 http-equiv 속성 : HTML 문서의 초기정보를 설정할 때 (스크랩) http://b.redinfo.co.kr/8 meta viewport(메타 뷰포트 태그) 사용법 (스크랩) https://aboooks.tistory.com/352 화살표 함수 5Arrow Function Expression 일반적인 function에 비해 구문이 더 짧고 스스로의 this, arguments, super, new.target을 바인딩하지 않는다는 특징이 있다. 화살표 함수는 항상 익명 함수라는 특징을 가지고 있다. 위 특징들때문에 화살표 함수 표현은 메소드 함수가 아닌 부분에 유용하게 쓰일 수 있지만 생성자로는 사용할 수 없다. var materials = [ 'Apple', 'Banana', 'Peach', 'Orange' ]; console.log(materials.map(material => material.length); //위 코드를 실행하면 Array [5, 6, 5, 6]이 결과로 나오게 된다. 화살표 함수로 변환 예 - 화살표 함수는 항상 익명함.. React 알아둘 개념 JSX는 기존 자바스크립트에 더해 XML까지 합쳐 한 번에 코드 작성이 가능하도록 해주는 문법이다. 자주 바뀌는 화면 내의 공간은 state로 등록해야 한다. constructor(props) { super(props); this.state = { ~ } } 코드 내부의 변수값 저장을 위한 state를 설정하고자 할 때 위와 같은 방식을 사용할 수도 있지만 super를 사용하지 않은 아래의 방식도 같은 효과를 얻을 수 있다. state = { ~ } 실무에서는 constructor를 쓰지 않고 state를 관리하는 경우가 더 많다. //return내 태그를 입력할 때 소괄호는 넣지 않아도 무방하나 깔끔한 가시성을 위해서 넣었다. render() { return ( {this.state.firstNumbe.. 리액트 학습 React를 위한 환경 조성하기 기존 jQuery에서 쓰던 방식으로는 만들 수 있는 가능성의 범위가 굉장히 적어진다. React는 Node, yarn, Webpack, Babel 등의 도구를 설치하여 프로젝트 기반을 닦아놓으면 기존의 개발보다 더 쉽고 편리한 환경을 얻을 수 있게 된다. Webpack과 Babel의 용도 Webpack은 여러 파일들을 한개로 결합하기 위해 사용하는 도구다. Babel은 JSX 등의 새로운 자바스크립트 문법을 무리없이 사용할 수 있도록 해주는 도구다. React 시작하는 방법 yarn 또는 npm을 설치한 후 cmd에서 npm install -g create-react-app 또는 yarn global add create-react-app 명령 을 통해 create-reac.. 티스토리 마크다운을 위한 입문서 가이드 (스크랩) https://stylus.cc/165 이전 1 ··· 6 7 8 9 10 11 12 ··· 20 다음
