반응형 학습정리59 React 공부하자 (1) 1. react는 자바스크립트 기반이다. 별도로 다른 프레임워크를 배울 필요가 없음. (angular나 vue.js 처럼) react를 하면서 동시에 자바스크립트 기술을 업그레이드 시킬 수 있다. 2. 리액트 구조는 요소별, 컴포넌트별로 나눠서 작업할 수 있다. 위 그림처럼 요소별로 나눠서 볼 수 있다. 그룹별로 쪼개서 , 작업을 할 수 있다. 모든 걸 작은 요소로 쪼개서 작업이 가능하다. JSX : 리액트로 html쓰는것. 3. 단방향 데이터 플로우를 가지고 있다. 데이터는 위치한 장소에 있고, 상태가 변했을 경우 데이터는 그대로 있고, UI가 업데이트 된다. ( UI가 데이터를 변경시키지 않는다. 절대로) 리액트는 UI라이브러리이다. (프레임워크가 아니다.) 웹팩(Webpack) : 리액트 코드를 브.. 2019. 8. 21. 패스트캠퍼스 Javascirpt 퀴즈 정리 4) 1. 아래 코드의 실행결과는? var num = 8; var num = 10; console.log(num); var키워드의 문제점이 드러난다. 중복선언이 가능하기 때문에 num 은 10이 출력된다. 2. 아래 코드의 실행결과는? const obj = {a:'one', b: 'two', a:'three'}; console.log(obj); {a:'three', b:'two'} 가 된다. a는 뒤에 쓰여진 three가 덮어쓰여진다. 3. 아래 코드의 실행결과는? for(let i = 1 ; i < 5; i++) { if ( i === 3 ) continue console.log(i); } 1, 2가 일단 3전이니까 먼저 찍힌다. 그리고 3일때 continue는 해야할 명령문을 실행하지 않고 그 다음 명령문.. 2019. 8. 14. 패스트캠퍼스 Javascirpt 퀴즈 정리 3) 1. 아래코드의 실행 결과는? function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } const member = new Person('Ungmo', 'Lee'); Person.getFullName = function () { return `${this.firstName} ${this.lastName}`; }; console.log(member.getFullName()); TypeError 이다. 먼저 위쪽 Person은 새로운 객체를 생성하는 함수이다. getFullName이라고하는 정적메소드는 인스턴스 없어도 된다. 하지만 프로퍼티 같은 경우에는 인스턴스가 있어야한다. 콘솔에서의 membe.. 2019. 8. 13. 패스트캠퍼스 Javascirpt 퀴즈 정리 2) 1. 아래 코드의 실행결과는? fuction sayHi() { console.log(name); console.log(age); var name = 'Lee'; let age = 20; } sayHi(); var 키워드의 문제점 중 하나인 변수 호이스팅! 즉, var 키워드로 선언된 변수는 선언되기 이전에 참조하게되면 undefined를 나타낸다. 반면에 let은 변수호이스팅이 일어나지 않고, 바로 참조에러를 나타낸다. 2. 아래 코드의 실행결과는? for ( var i = 0; i console.log(i), 1); } for (let i = 0; i console.log(i), 1); } 1ms .. 2019. 8. 13. 이전 1 ··· 11 12 13 14 15 다음 반응형
