JSX

React

JSX는 자바스크립트의 확장 문법이다. JSX는 리액트로 개발할 때 사용된다.

JSX문법 규칙

1.컴포넌트에 여러 요소가 있을 때 반드시 부모 요소 하나로 감싸야 한다.

<div>
	<h1>안녕하세요</h1>
  	<h1>hello</h1>
</div>

div태그로 감싸면 헷갈릴 수 있으므로 프래그먼트로 감싸주면 좋다.```
<> </>

2.다른 폴더의 파일 불러오기 import/export
리액트에서 다른 폴더에 있는 파일을 불러 올 때
import/export를 사용한다.

하나의 소스코드에 모든 내용을 코딩하면 너무 복잡해지기 때문에
HTML과 CSS 자바스크립트를 연결 하던 것 처럼 
서로 다른 파일들에 작성하고 연결해준다.


# Git

> 개발자라면 CLI에 익숙해지자!
GUI(Graphical user interface) vs CLI(Command-line interface)

Git 사용을 위한 명령어
	pwd :지금 작업중인 폴더 출력 (지금 위치)
	ls :목록을 보여줌
	mkdir :새폴더 만들기
	cd (change directory) :폴더로 이동
	../  :상위폴더
	rm -rf 폴더이름   : 폴더 삭제  (rm- 파일 단위 삭제, - rf 폴더 전부 삭제)
	ctrl +C  :종료
	
    
> 올리기   
git init 깃폴더 만들기
git remote add origin :주소 저장. //git remote -v (확인)
git add (폴더이름 or .) :임시저장
git commit -m (메시지 내용) :저장확정
git push origin master  :사이트 업로드

> 다운받기
git clone 주소 :코드 다운로드
git log: 어디까지 받아져 있나 확인
git pull origin master :다운로드
git stash: 임시저장 공간에 다운
git stash list: 저장 확인
git stash pop: 다시 꺼내오기

첫날은 JSX 리액트에 대한 개념과 깃사용법에 대해서 알아봤고 
이것 저것 설치하고 익숙해지는 데 시간을 많이 썼던 것 같다.
아직 많이 낯설고 시간이 많이 걸리지만
조금씩 익숙해지고 빠른 시간안에 만들 수 있게 되도록 매일 노력해야겠다.