03/29-1[React]

gitpage 업로드 하는 방법

1.git에 업로드를 한다.[해당html,css,js,기타 관련자료들만 있어야함]

2. 해당 레퍼지토리에서 setting 틀릭

3. code and automation에서 pages 클릭

4. branch에서 None을 master 로 변경[주소가 만들어 지는 데 3~5분 정도 소요]

주의사항

1.첫 화면이 보여야 하므로 index.html이 무조건 필요하고 임의의 폴더 안에 있어서는 안된다.

2. code로 작성한 내용 중 herf의 링크가 맞게 연결되었는지 확인

3.수정된 내용을 업로드 했음에도 불구하고 출력이 제대로 되지 않는다면 branch의 값을 다시 None으로 save 한 뒤 다시 master로 변경하여 재생성 한다.

React

https://reacts.org

view만 신경 쓰는 JS라이브러리

v.n.m 에서 n의 숫자가 변경될 시 주의해야함[m 구간은 보강이지만 n은 쓰는 것 중에 완전히 달라 질 수도 있기 때문]

Virtual DOM(가상 돔) : 어떠한 상태가 바뀌었을 때, 업데이트 규칙을 정하는 것이 아닌 다 날려버리고 처음부터 모든 걸 새로 만들어서 보여주는 방식

바뀐 부분만 실제 DOM만 업데이트

render(){}함수 사용

랜더링 : 이미지 합성이나 모델링을 모아 놓은 것으로 영상을 만들어내는 과정

JS를 기반으로 하는 점을 생각해야함.[문법들을 JS 그대로 쓴다는 뜻]

Node.js : 웹브라우저 환경에서 아닌 곳에서 JS를 실행하기 위한 Js엔진

node.js 설치를 했다면 code를 재실행 권장-만약 code가 켜진채로 설치했다면 적용이 안됨.

CDN에서 다운받아서 사용한 방법

powershell에 npm create react-app test-app 실행[test-app은 다른걸로도 수정가능]

VS code에 test-app 라는 폴더에 여러개가 설치 : node_modules,public,src 기타등등

실행방법 [입력칸 왼쪽에 node로 나오면 성공]

powershell공간에서 입력해야함

종료는 Ctrl+C 로 종료[일괄 작업종료,옆의 아이콘의 이름이 cmd로 바뀜] / 다시 실행하고 싶다면 주소에 이름까지 있는지 확인 후 없다면 1번부터 입력하고 있다면 2번만 입력

생성 시 git이 이미 저장되어짐[push전단계]

JSX : 랜더링 로직이 UI 로직과 연결[HTML파일에 JS를 확장한 문법]-보기 쉽고 익숙,높은 활용도(app 컴포넌트를 HTML를 쓰듯이 쓸 수 있다)

JSX문법