[항해99] TIL 사전과제 스터디 D-15

git 지옥

• 만약 그동안 git을 등한시 했다면 그 죄는 여기서 받게된다.
• 알면 알수록 어려우며 다 이해했다고 생각해도 새로운 어려운점이 또 등장한다.
• 그래도 내가 이해한 방식을 설명해보자면
  1. 우선 프로젝트를 클론해온다.
  2. 브랜치를 새로 만든다.
  3. 내가 수정되는 내용들을 쭉 만들고 커밋하기 전에 pull main을 한다.
     1. 만약 여기서 main에 추가된 내용이 있다면 새롭게 다시 업데이트가 되며(기존의 내 코드는 사라지지 않는다.)
     2. 만약 내가 코드를 만들때 추가된 내용이 내가 만든 코드와 충돌된다면 이때 git에서 충돌된다고 알려줄테니 main을 보호할 수 있다.
  4. pull하고 나서 나의 브렌치에 우선 push를 하고 그런 다음 웹으로 가서 풀리퀘스트 요청을 한다.
  5. merge가 되면 기존의 브렌치를 삭제한다.(이렇게 새로운 브렌치들을 사용함으로써 만약의 에러의 경우 main에서 뒤로 되돌리기 쉽게 만든다.)
  6. 추가로 만약 파일을 삭제할 경우(이미 깃허브에 push했을 경우) 반드시 코드로 삭제해야한다.
• 이거 쓰는 지금도 아직은 제대로 이해가 안되며 또 에러가 날것이다.
  • 단지 그럴경우 main에만 문제가 안 일어나길 바라는 수밖에…

다시 처음부터 시작하는 리액트 생활

• 다시 처음부터 리액트를 시작했다!
• 언제나 새롭다.
• 아래에 오늘 한 내용들을 정리했다.
  • 많이 하지는 못했다… 내일 열심히 해야지!

---

시작!

• 앞으로 어떤 내용을 배울지 알 것 이다.
• 단계별로 리액트에 대해 알게 될것이다.
• 기본적인 자바스크립트 내용만 알면된다.

리액트란?

• 리액트란 무엇인가?
  • 자바스크립트의 라이브러리
• 리액트를 왜 쓰는가?
  • 자바스크립트 코드를 짜는 것을 도와주고
  • 더 파워풀한 기능을 부여해준다.

왜 "JavaScript" 대신 리액트 일까요?

• 자바스크립트로 만들었을 때의 어마어마한 코드의 양과 힘든 점
• 리액트로 했을때의 간편함과 그 재사용성
• 자바스크립트를 썼을때는 저수준으로 일일이 다 적어줘야 한다.
• 자바스크립트는 명령형으로 다 해줘야 하지만 리액트는 선언형으로 더 사용하기 좋다.
• 리액트는 우리가 건드려야 하는 점이 많지 않다.

리액트로 단일 페이지 애플리케이션(SPA) 구축하기

• 싱글페이지 어플리케이션
• 리액트는 다른 페이지를 보여주기 위해 서버로부터 다른 HTML을 받지 않는다.
• 리액트는 한 개의 html페이지만을 사용한다.
• 서버로부터 다른 html들을 받지 않는다.

react.js 대안 탐색하기(Angular/ Vue)

• 리액트와 앵귤러와 뷰의 특징들을 알아본다.
• 그 셋의 각각의 차이점을 알아본다.
• 리액트와 앵귤러, 뷰 모두 컴포넌트를 중요시 하는 라이브러리/프레임워크이다.
• 리액트와 앵귤러는 라우팅 같은 기능을 위해 새로 패키지를 설치해야하지만 뷰는 그럴 필요가 없다.
• 앵귤러나 뷰는 자체 내장기능이 많아서 커뮤니티의 도움이 많지 않아도 괜찮다.