블로그 1일차

김영탁·2021년 11월 3일
0

오늘은 React의 기능인 Component와 State를 배웠다!

Component와 State를 배우기 이전에 React에 대해서 배웠다

React란?
React는 자바스크립트를 기반으로 만들어진 라이브러리가 되겠다.
지금은 영역이 많이 커지기도 하고 사용자 폭도 넓어짐에 따라서
프레임워크로도 보는 경향이 있다고 한다.

그렇다면 Component와 State를 알아보자

Component
Component 컴포넌트는 사전적의미로 요소, 부품이라는 뜻을 가진 친구다.
리액트에서의 컴포넌트는 UI, 기능 등의 요소를 재사용 할수있게 해주는 기능으로 기존의 하나하나 만들어 주는 방식에서 각 기능과 UI를 부품화 하여 쉽게 사용할수 있는 장점이 있다.

컴포넌트를 적용할때 원본파일이 연결된 컴포넌트를 모두 통제하기 때문에
컴포넌트를 내가 수정하여 원하는 기능 또는 UI로 적용이 가능하다

State
React-Hooks에서 지원하는 기능으로 기존의 class형의 장점인 기능을 기억하는 부분을 채용 하여 Fuction형의 단점이었던 일회성을 보완하게 해주는 기능이다, 어찌보면 리액트의 사용자가 급격히 늘어날수 있었던 이유가 아닐까..?

Git
수많은 개발자들이 사용하는 깃이다, 나도 이제 깃을 사용하여 내가 코딩한 코드를 통해 잔디를 심을수 있게 되었다.

하지만... 깃에 업로드 하는 방법을 잘 몰라 애먹었다..

그래서 블로그에 정리해보려 한다.

코드캠프에서는 터미널은 통해 깃에 업로드 하는 방법을 배웠는데
add - commit - push의 단계로 업로드가 진행이 된다.

명령어로는

ls -al : 해당 폴더에 git 폴더가 있는지 확인
git remote add origin : 깃에올릴 리포지트리 주소
git remote -v : 리포지트리 주소 확인
git add . : 해당 폴더 내 폴더 저장(. <-을 추가하여 모든 폴더를 저장)
git status : add된 파일 확인
git commit -m"메시지" : 메시지와 함께 커밋
git push origin master : 마스터 폴더에 업로드

임시저장 단계(add) 에서는 수정을 할수 있으나 저장확인(commit)단계에서는 수정이 불가능하니 신중하게 커밋하자!

profile
front-end engineer

0개의 댓글