js-study-lv1
목적
- javascript에 대해 이해하기
- 웹 브라우저에 대해 이해하기
- 웹 서버에 대해 이해하기
- 배포하기
스터디 과정
- 1주차: 웹에 대한 기본이론 + Todo List 만들기
- 2주차: Webpack + TodoList 리팩토링
- 3주차: node.js + express.js + REST API + ajax
- 4주차: 배포하기
들어가기 전에
Editor 혹은 IDE
- VSCode
- 대부분의 프론트엔드 개발자가 사용하는 무료
에디터 - 장점
- 강력한 플러그인 지원
- 직관적인 UI
- 빠름
- 단점
- 설치 직후 다운 받아야 하는 것들이 너무 많음
- 즉, 커스텀이 힘듦
- 대부분의 프론트엔드 개발자가 사용하는 무료
- Intellij
- 대부분의 개발자가 사용하는 유료
IDE - 장점
- 학생 이메일이 있을 경우 무료로
Ultimate사용 가능 - 필요한 모든 기능이 탑재되어 있음
- 학생 이메일이 있을 경우 무료로
- 단점
- 기본적으로 기능이 너무 많아서 헷갈림
- 고사양 PC가 아닐 경우 버벅임
- 대부분의 개발자가 사용하는 유료
git
git 명령어에 대해 이해해야 합니다.
git 명령어 요약
git 설치가 완료되었다면
mac의 경우 terminal을 열어서git을 입력하여 설치 되었음을 확인window의 경우 폴더 혹은 바탕화면에서 마우스 우클릭으로git bash존재 여부 확인
########## 설치한 직후에 email, name 설정 ##########
$ git config --global user.name "junilhwang" # 본인의 github id 입력
$ git config --global user.email "[email protected]" # 본인의 github email 입력
#################################################
# 프로젝트 코드 가져오기
$ git clone https://github.com/DKU-STUDY/js-study-lv1
# 프로젝트 폴더로 이동하기
$ cd js-study-lv
# 원격 저장소 존재 여부 확인
$ git remote
> origin # origin은 `https://github.com/DKU-STUDY/js-study-lv1`의 별칭으로 등록된 원격 저장소
# 테스트 파일 추가
$ echo "테스트 파일 추가" > test.txt
# git 파일 추가
$ git add test.txt
# 파일에 대한 커밋 로그 작성
$ git commit -m "테스트 파일 추가"
# 커밋 로그를 원격 저장소에 업로드
$ git push origin main
# 위의 명령어는 다음 명령어와 똑같음
$ git push https://github.com/DKU-STUDY/js-study-lv1 main- 잘 이해가 되지 않을 경우 디스코드 채널에 질문 남겨주세요!
Github
- Github Pull Request에 대해 이해해야 합니다.
- 이 동영상을 보면서 튜토리얼을 진행해주세요.