JavaScript, jQuery 기초 문법 / 리눅스, 깃 명령어

내일배움캠프: Node.js_4기

1일차 TIL

~오늘의 수강 과목~

1. 사전캠프: 왕초보 웹개발 종합반 2주차 (이범규 튜터님)

_ 자바스크립트 기초 문법, 제이쿼리 응용 실습

 

2. 특강: Git 기초 (예병수 튜터님)

_ 리눅스 명령어, 터미널 사용, Git의 용도 및 명령어

---

자바스크립트 기초 문법, 제이쿼리 응용 실습

 

자바스크립트란?

html을 통해 구조를 만들고, css로 스타일을 입힌 웹페이지에 움직임을 줄수있는 언어

.js 문서를 따로 작성하는 경우도 있으나, 이번 강의에서는 html 문서의 style 태그 아래에 이어서 작성

웹페이지의 개발자 도구-콘솔 탭으로 출력 확인

 

변수

변수는 값을 담을 수 있는 공간이며, 프로그래밍 언어에서의 =은 왼쪽(변수 a)에 오른쪽 값(2)을 넣는다는 의미

문자열은 '' 혹은 "" 따옴표로 감싸서 입력

더하기, 빼기, 곱하기, 나누기, 따옴표로 감싼 문자열 더하기 등이 가능

 

리스트

말그대로 리스트. 변수에 담을 수 있다

대괄호 사용

let a = [1, 2, 3, 4, 5];

let b = ['가지', '양파', '단호박', '감자', '옥수수'];

1부터 세는 것이 아닌, 0부터 센다

 

딕셔너리

키와 밸류 값이 함께 묶인 것(예시로 외우는 것이 훨씬 쉬운 것 같다)

중괄호 사용

let c = { 'name' : '감자', 'color' : 'brown' }

console.log( ['color'] );

-> 콘솔에 brown 출력

 

---

리눅스 명령어, 터미널 사용, Git의 용도 및 명령어

 

vs code를 통해 터미널에 진입

Git에 대해 본격적으로 배우기 앞서 Git에서 자주 사용하게 될 리눅스 명령어 몇 가지를 알려주셨다.

나는 이전에 Git을 설치했기 때문에 따로 설치 과정을 거치지는 않았다.

윈도우 사용자는 명령어 입력 전 bash를 필수로 실행해야 한다.

 

개인적으로는 무엇의 약자인지 풀어서 설명해주신 지점이 이해가 쉬워서 좋았다.

디렉토리는 간단하게 폴더라고 이해하고 작성

 

pdw

print working directory라는 뜻

현재 작업중인 디렉토리를 출력해서 보여주는 명령어

즉, 현재 폴더 위치(경로)를 알수있다.

(~는 root라는 경로를 뜻하며, 우리가 보는 desktop 보다 상위에 있는 폴더)

 

ls

list

현재 위치에 있는 폴더와 파일들을 확인할 수 있다

ls -a(list all) 을 입력하면 숨겨진 파일(.로 시작하는 파일명)도 출력 가능

 

cd

change directory

디렉토리를 변경할 수 있다

즉, ls 명령어에서 확인된 폴더로 위치를 바꿀 수 있다

cd 뒤에 디렉토리 주소를 복사하여 "따옴표" 안에 작성하거나, 

디렉토리명을 작성하면 이동이 가능하다

/ 를 통해 현재 폴더 안에 위치한 폴더로 이동 가능

(= 데스크탑의 폴더를 더블클릭해서 들어간 것과 같음)

.. 은 상위 폴더(부모 디렉토리)로 이동할 수 있다

 

mkdir

make directory

현재 있는 위치(경로)에 새로운 디렉토리를 만드는 명령어

mkdir 뒤에 생성할 디렉토리명 작성

 

touch

지금까지의 명령어와는 다르게 뒤에 폴더명이 아닌 파일명을 작성하는 명령어

현재 경로에서 파일 생성 가능

사실 생성과는 좀 다름

해당 파일이 있는지 먼저 확인하고, 없으면 생성되는 단계인데 보통 파일 생성할때 사용

 

여기까지가 기초적인 터미널 명령어

이제 본격적으로 Git에 대해 설명해주셨다.

Git이란 코드의 변경점을 기록하는 도구, 어려운 말로는 버전 관리 도구

우리가 과제를 하며 레포트를 작성할 때, 수정에 수정을 거듭하다보면 비슷한 이름의 파일들이 많아져 관리가 힘들다.

또한 어느 부분을 언제 수정했는지 정확한 확인이 어렵다.

Git은 프로젝트 진행 과정에서 이러한 부분을 보완하기 위해 사용된다.

Git을 이용하면 에러 발생 시, 에러가 발생하기 전 과거의 코드를 다시 불러와서 사용 가능

Git의 장점 요약

1. 버전 관리 -> 에러 수습이 용이함

2. 온라인을 이용한 쉬운 공유 -> 협업이 용이함

 

---

내일의 목표

1. 웹개발 종합반 강의 2주차 복습 보완
2. 웹개발 종합반 강의 3주차 끝내기
3. 웹개발 종합반 강의 3주차 복습(예제 곱씹어보기)
4. 깃 특강 복습 보완(녹화본 참고)

 

앞으로의 목표

1. 차차 정돈된 TIL 작성. 지금은 형식보다 내용에 더 집중해서 작성하고 매니저 님께서 올려주신 문서를 참고하여 읽기 쉽고 깔끔하게 고쳐나갈수 있도록 노력
2. 집중할 수 있는 시간을 더 늘려보기