React기초 및 폴더구조와 Emotion

React 폴더구조

보일러 플레이트

초기 셋팅이 완료된 폴더를 보일러플레이트 라고 한다.

보일러플레이트

node_modules : 라이브러리/프레임워크 저장소

pages : 프론트엔드의 페이지 화면들

public : 사진, 아이콘 등

styles : CSS 파일

.gitignore : git 에서 제외할 파일

package.json : 기본 메뉴얼

README.md : 상세 설명서

yarn.lock : 버전 잠금 파일

Next.js의 API Routes

-next.js에서는 서버에서 API 기능을 제공할 수 있게 해주는 솔루션이 있다. pages/api 안에 넣어두면 url로 접근할 때는 바로 호스트 루트가 api 폴더로 매칭된다.

 

Shell 쉘 (bash, zsh, ...)

리눅스의 Shell은 명령어와 프로그램을 실행할 때 사용하는 인터페이스이다. 컴퓨터와 사용자 간의 다리 역할을 해주는 것이다. 사용자로부터 명령을 받아 해석하고 프로그램을 실행하는 역할을 한다.

bash

- 리눅스의 표준 Shell. 유닉스 Shell의 오리지날인 sh Shell을 기반으로 만들어졌다.

zsh

- bash와 마찬가지로 sh의 확장된 버전이며, 철자 교정 및 대략적인 완성이 가능하며 플러그인 및 테마 지원이 된다.

- mac OS에서는 카탈리나 이후 기본 Shell이 zsh로 변경되었으며, Oh-My-Zsh라는 플러그인과 프레임워크가 가장 널리 사용된다.

 

Emotion

- React에서 CSS를 JS상수에 저장해서 사용하는 방법.

장점 : 태그에 의미를 부여 할 수 있어서, 캐그만 봐도 결과물이 예상이 간다.