😤 12/16 내배캠 React 34일차

🐜 오늘 할 일

• react숙련 주차 다 듣기
• react심화 강의 

---

📆 계획표

시간	내용	결과
9:00 ~ 15:00	react숙련주차 다 듣기	⛈
15:00 ~ 21:00	숙련 todolist만들기

---

 

👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾

 

오늘의 오류

기본적인 오류

오류

github에 연동하여 수정사항을 commit하고 싶은데, 너무 많은 수정 사항때문에

git 리포지토리에 활성 변경 내용이 너무 많습니다. git 기능의 하위 집합만 사용할 수 있도록 설정됩니다

이라는 오류가 뜨게 된다.

해결

git ignore파일을 사용하여 필요없는 부분은 commit하지 말자

.gitignore 이란?

Project에 원하지 않는 Backup File이나 Log File , 혹은 컴파일 된 파일들을 Git에서 제외시킬수 있는 설정 File이다.

사용하는 이유

보통 우리는 파일을 하나씩 git repository에 넣는 거시 매우 귀찮아

git add.

를 이용해 전체 파일을 추가하고 커밋한다.

그런데, 이럴 때 발생하는 문제들이 있을 수 있다.

• 보안상으로 위험성이 있는 파일
• 프로젝트와 관계없는 파일
• 용량이 너무 커서 제외해야하는 파일

등등의 파일들도 같이 포함되기 때문이다.

그래서 우리는 .gitignore이라는 디펙토리를 만들어 무시할 파일을 넣어 준다.

사용법

1. git init을 한 폴더 안에 .gitignore이라는 이름으로 파일을 하나 만든다
2. 그 안에 한줄식 제외할 파일 또는 폴더를 작성한다.

이런식으로 한줄 씩 .gitignore 파일에 작성해주면 된다.

# 현재 경로에 있는 fileName_1 만 제외하기. (다른경로 fileName_1 말고)

/fileName.js

# 특정 폴더 node_module 안의 파일 다 제외하기

node_module/

# 특정 경로의 특정 파일 제외하기

folder/my.txt

# 특정 경로 아래의 모든 fileName_2 제외하기

folder/**/fileName_2.txt

# 특정 확장자 파일 다 제외하기

*.txt

# 예외 만들기

!fileName.txt

 

• Styled-components

  yarn add styled-components
  

  vscode-확장 - vscode-styled-components 설치props로 내려주면 style에서 세부적인 부분을 손볼수 있다.
• 장점 : 조건문 styling을 할 수 있다 예) style을 적용할 때, if, 삼항연산자 등을 입력할 수 있었다면?
• yarn으로 설치

 

 

Componenet 란?

react의 헥심 블록 중 하나이다. react에서 개발하는 모든 어플리케이션은 컴포넌트라는 조각으로 구성된다. → uI구축 작업을 훨씬 쉽게 만들어준다.

명령형(DOM)과 선언형(React) 프로그래밍

<aside> 💡 **명령형은 어떻게(How)**를 중요시여겨서 프로그램의 제어의 흐름과 같은 방법을 제시하고 목표를 명시하지 않는 형태이다. **선언형은 무엇(What)**을 중요시 여겨서 제어의 흐름보다는 원하는 목적을 중요시 여기는 형태이다.

</aside>

DOM 명령형 프로그래밍

일일이 하나하나 컴퓨터에 코드를 작성하여야 한다.

React 선언형 프로그래밍

내가 UI를 선언하면 react가 절차를 수행해 화면에 출력한다.

화면에 어떻게 그려야할지는 React내부에 잘 숨겨져 추상화되어있다.