분류 전체보기44 closure(클로저) 클로져는 내부 함수의 렉시컬 환경 컴포넌트에서 외부 렉시컬 환경 컴포넌트를 참조하고 있게 되면서 사용할 수 있을 것을 말하게 된다. function a(){ const name = 'a component'; function b(){ console.log(name); } return b; } const c = a(); console.log(c());//a component 위에서 보게 되면 내부 함수 b()가 외부 함수 a()의 변수 name을 참조해 사용된다. 이미 a()의 라이프 사이클은 c에게 b()를 반환하고 사라졌다. 하지만 c는 마치 함수 a()의 변수 name를 사용이라도 하듯 접근할수있다. 이것은 렉시컬 환경 스코프로인해서 함수가 정의된 곳에따라 상위 스코프의 참조가 가능해지기 때문이다. 클.. 2020. 1. 13. 간단한 TodoList만들기 - (1) 지금 까지 배웠던 것을 적용해서 간단한 todolist를 만드려고 한다. vscode를 열고 깃도 사용하려고 하기 때문에 터미널을 bash로 진행한다 $ yarn create react-app todolist 명령어를 입력해서 새로운 리액트 프로젝트를 생성한다. 함께 Git 도 연동한다 연동되고 나면 이제 시작해보자. 먼저 리액트 App.js와 index.css 내용을 지운 후 배경색을 바꿔주자. body{ background: gray; } 이제 본격적으로 TodoList를 만들자. src에 compnents 폴더를 만들고 그 안에 만들어지는 컴포넌트를 넣을 것이다. 관습이라고 한다. 먼저 TodoList가 보일에 해당되는 것들이 보일 template를 만들고 css파일도 만든다. template im.. 2020. 1. 10. 재귀함수 자기 자신을 호출하는 함수를 재귀 함수라고 한다. 가장 유명한 팩토리얼 재귀함수 function factorial(n){ if(n 2020. 1. 10. 배열 concat 기존 배열에 합쳐서 새로운 배열을 반환 map 기존 배열 내의 각각에 대하여 주어진 함수를 호출한 결과 filter 기존 배열 내의 각각에 대하여 true 값들을 갖는 새로운 배열 반환 2020. 1. 9. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
