※ 본 카테고리의 내용은 부스트캠프 챌린지 기간동안 학습한 내용을 바탕으로 정리한 내용입니다.
목차
0. 터미널
개발자는 단순히 원하는 기능을 만들기 위해서 코드를 만들 뿐만 아니라 디렉토리를 만들고 파일을 복사하고 제거하는 등의 작업을 해야합니다.
GUI 환경에서 마우스 클릭으로 많은 것들을 해결할 수 있는 세상이지만 GUI가 구현되어 있지 않다면 손가락만 빨고 있는 개발자가 될 수는 없겠죠?
그렇기에 CLI 환경에서 파일과 디렉토리를 다룰 수 있는 터미널이라는 환경을 알 필요가 있습니다.
아래는 LINUX / UNIX 환경의 터미널창에서 사용할 수 있는 주요 명령어에 대해 정리한 내용입니다.
ls : 파일이나 디렉토리를 보는 명령어 (list segment)
- -a : 숨김 파일 포함 디렉토리의 모든 항목 표시
- -l : 각 파일의 정보를 목록으로 표시
- -s : 크기 순으로 정렬
cd : 디렉토리 이동 명령어 (change directory)
- ~ : 홈 디렉토리
- .. : 상위 디렉토리
- / : 루트 디렉토리 (혹은 절대 경로를 사용할 때 이용)
mkdir : 디렉토리/폴더 생성 명령어 (make directory)
touch : 빈 파일 생성
mv : 파일 이름 변경 및 이동 (move), mv 원래파일위치 옮길파일위치 형태로 사용
cp : 파일 및 디렉토리 복사 (copy), cp 복사대상파일 복사된파일 형태로 사용
rm : 파일 및 디렉토리 삭제 (remove)
1. Git
개발자들에게 있어서 가장 친숙하면서도 또 가장 먼 친구가 바로 Git이라는 녀석입니다.
Git은 리누스 토르발스가 개발한 형상관리도구입니다.
우리가 개발하면서 파일을 계속해서 변경해나갈 때, 이 변경사항을 지속적으로 추적하기 편하게 해 주는 도구이죠.
그리고 Github이라는 Git들의 저장소에 우리의 코드들과 변경사항에 대한 내용들을 저장하게 됩니다.
형상관리를 위해 터미널에서 git을 사용하기 위해서는 몇 가지 명령어를 알아두어야 합니다.
status : 현재 어떤 상태에 있는 지를 보여주는 명령어
add : commit 하기 위해서 로컬 git에 파일을 올려놓는 작업 (보통 뒤에 .을 붙여서 모든 파일을 올려놓는다)
commit : 변경 사항을 컴퓨터에 저장하는 작업
push : 변경 사항을 원격 저장소(Github)에 저장하는 작업
branch : 독립적으로 어떤 작업을 진행하기 위해서 작업 장소를 분리한 것 (기둥에서 뻗어나온 나뭇가지를 생각합시다!!)
checkout : 브랜치를 전환하는 명령어
merge : 각 브랜치에서 변환한 내용을 서로 병합하는 명령어
clone : 원격 저장소에 있는 소스 코드를 로컬 컴퓨터에 내려받는 명령어
- --single-branch : 브랜치 전체가 아닌 특정 브랜치 하나만 clone할 때 사용합니다.
fork : 다른 사람의 저장소의 내용을 수정하기 위해 해당 저장소의 내용을 내 저장소로 복제하는 명령어
pull request(PR) : fork했던 원래 저장소에 내가 변경한 소스코드를 보내는 작업
2. JS 개발 환경
IDE(Integrated Development Environment)는 통합 개발 환경의 약자로 공통된 개발자 툴을 하나의 GUI로 결합하는 애플리케이션을 구축하기 위한 소프트웨어입니다.
JS환경을 지원하는 IDE에는 Eclipse, JetBrains, Oracle NetBeans, VSCode 등이 있습니다.
굉장히 다양한 IDE가 있기 때문에 편의에 맞게 사용하시면 됩니다.
저는 Windows 환경에서 유용하게 사용할 수 있는 VSCode를 사용할 것이기 때문에 거의 모든 예시들이 VSCode로 구현될 예정임을 미리 알려드립니다.
(물론 MacOS에서도 VSCode 사용이 가능합니다!)
3. JS 문법 내용 정리
화살표 함수 : 기존 함수에 비해 훨씬 간단하게 함수를 표현할 수 있는 방법입니다. ES6부터 사용이 가능합니다.
Array.filter() : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환하는 메소드입니다.
Array.indexOf() : 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환하는 메소드입니다.
Array.concat() : 배열이나 값을 서로 합쳐서 새 배열을 반환하는 메소드입니다.
Array.includes() : 배열이 특정 요소를 포함하고 있는지 판별하는 메소드입니다.
전개 구문(Spread 연산자) : 배열이나 문자열과 같이 반복 가능한 문자를 펼쳐서 사용할 수 있습니다. ES6부터 사용이 가능합니다!
- Rest 연산자 : 특정 요소(무리)를 제외하고 다른 요소를 이용해서 새로운 객체를 만들고 싶을 때 사용합니다.
아래 내용을 참고하시면 더 도움이 되실 것 같습니다 :)
07. spread 와 rest 문법 · GitBook
07. spread 와 rest 이번에는 ES6 에서 도입된 spread 와 rest 문법에 대해서 알아보겠습니다. 서로 완전히 다른 문법인데요, 은근히 좀 비슷합니다. spread 일단 spread 문법부터 알아봅시다. spread 라는 단어
learnjs.vlpt.us
최근댓글