코딩 부트캠프 첫 날.
오프라인 본캠프를 들어오기 전 프리캠프 4주 과정을 마치고 첫 등원이었다.
먼저 프리캠프 과정에서는 HTML, CSS, JS 순으로 학습하고 코딩하는 법을 겨우겨우 익히고 왔는데
본캠프에서는 React.js와 Next.js에 대해 배웠다.
이를 활용하기 위해 터미널을 사용하는 방법을 익혀야만 했다.
터미널에서 주로 사용하는 명령어들 중 오늘 많이 사용한 명령어들을 정리해보았다.
pwd : print working directory. 현재 작업 중인 폴더를 출력합니다.
cd : change directory(폴더). 경로를 이동합니다. 절대 경로, 상대 경로로 이동이 가능합니다.
ls : list. 현재 폴더 안에 있는 목록을 확인합니다.
cp : copy. 파일 혹은 폴더를 복사합니다. 폴더를 복사할 경우에는 -r 옵션을 함께 사용해주어야 폴더 안에 있는 목록도 함께 복사할 수 있습니다.
mkdir : make directory. 폴더를 생성합니다. -p 옵션을 주면 하위 폴더까지 한 번에 생성 가능합니다.
rm : remove. 파일이나 폴더를 삭제합니다. 폴더를 삭제할 때는 -r 옵션을 주어야하며, -f 옵션을 주면 사용자에게 삭제 여부를 묻지 않고 강제로 삭제하게 됩니다. 폴더를 삭제할 때에는 하위 폴더까지 모두 삭제되므로 유의합니다.
sudo : mac에서 설치가 안 되는 경우 보통 권한이 없어서 에러가 나는 경우가 많으므로 설치 명령어 앞에 sudo를 붙여 관리자 권한을 부여합니다.
./ : ‘현재 폴더 안에 있는’ 이라는 뜻을 가지고 있으며, 생략할 수 있습니다.
../ : 현 위치 바로 상위 폴더를 가르킵니다.
위의 명령어들을 사용해서 vscode에 원하는 폴더를 만들 수 있었다.
이러한 초기 셋팅이 완료된 폴더를 보일러플레이트라고 하고
보일러플레이트는 회사마다 다를 수 있다고 한다!
이제부터는 Html, Css를 따로 만들어 링크해주지않고 종류별로 나누어 효율적으로 관리하기 위해 import 와 export 를 사용한다.
JSX는 React에서 사용하는 React 전용 HTML이다.
웹 브라우저는 HTML, CSS, JS로만 읽을 수 있다고 배웠으나
소스코드가 실행될 때는 JSX가 HTML로 자동 변환되어 실행된다고 한다!
그래서 기존 HTML 작성 방식은 JSX 작성 방식과 다르고,
기존 CSS 방식과 CSS-IN-JS 방식이 다르다.
CSS-IN-JS는 CSS를 JS상수에 저장해서 사용하는 방법이라고 보면 된다.
// 이미지 자료 출처 : 코드캠프 {} //
추가로 GIT과 GITHUB에 대해서도 배웠는데 아직은 많이 어려운 것 같다.
조금 더 익숙해지면 작성해볼테다!!
