관광이 블로그

- 노마드코더 1. API yts.ag 클론 코딩을 통해서 만들어 볼 것이다. 2. 트랜스 파일러( 웹 팩 ) 3. 리액트 코드를 브라우저가 이해할수 있는 언어로 바꿔주는것(JS 6 Version)https://webpack.github.io/ 4. 리액트로 작업하려면 웹팩과 같은 모듈번들러를 사용한다 5. 페이스북이 create-react-app 이라는것을 제공해준다. 그러면 모듈번들러 같은걸 사용할 필요가 없다 1. WebStorm Install -> 나는 Bracket을 사용하였다 2. Node.js Install 3. cmd C:\>cd movie_app_reactC:\movie_app_react>npm install -g create-react-app movie_app을 만들기 위함(패키지 설치..

ReactJS (리액트란?) 정의 및 특징 1. 자바스크립트 기반이다 2. angular,vue 처럼 다른언어를 배울 필요가 없다 3. 리액트 모든것은 자바스크립트기반(약간의 html 정도?) 4. 리액트를 배우면 다른곳에선 필요없는 기술을 배울 필요가 없음예) Angular 5. 리액트는 요소별로 쪼개서 작업 할 수 있음 (다른곳으로 가져다가 쓸 수가 있음) 6. 단방향 DataFlow를 가지고 있음 예) Data-> UI (상태가 변하면 데이터가 변하는게 아니라 UI가 변함)데이터가 변화면 -> UI Update 7. 거대한 라이브러리, 커뮤니티,오픈소스가 되게 강점이다 8. 프레임 워크 X , UI 라이브러리 O 9. 리액트는 View 이다! 10. 장고, 루비온레일즈,node.js랑 섞어서 쓰기 가능

- 웹페이지에서 top,bottm의 디자인은 페이지를 넘어가던 동일하게 하고 싶고, 중간의 부분만 바꾸고 싶을 때는 *Query를 이용해서 // success라는 이름의 id를 지정 하여 div의 태그의 #success 이름의 id의 값에 load 시킨다 -> 어떤것을? 그 html파일을 이런식으로 include.html 파일을 가져올 수 있음.*

프로토타입자바스크립트에서도 객체의 원형을 정의 한 후 그원형에서 새로운 인스턴스 객체를 만들어 낼 수 있음.Ex) 프로토 타입 예제function Person(name,age){ this.name = name; this.age = age;} Person.prototype.walk = function(speed){ console.log(speed + " km 속도로 걸어 갑니다.");} var person01 = new Person('kim ',20);var person02 = new Person('park',24); console.log(person01.name + "객체의 walk(10)을 호출 합니다.");person01.walk(10);=>1. Person 프로토 타입의 객체를 만드려면 먼저 Per..