2023.09.06 + 깃생성 명령어와 자바스크립트 작동원리

 

오늘은 깃 생성에 관한 기본 명령어와 자바스크립트 작동원리를 배웠다.
간단한 es5예제를 보며 함수, 변수가 reference 되는 과정을 공부했는데, 기본적인 작동법만 알고 코드에 접근할 때보다 훨씬 더 깊이 있게 해석할 수 있게 되었다

---

 

1.GitHub Repository(원격저장소) 생성 :JavaScript

---

local repository (로컬저장소) : c/dev/javascript

git 명령어

1)javascript git 폴더 초기화 - $git init

2) 원격 저장소와 연결(순서상관없 음) - $git remote add origin 원격저장소주소

3)readme.md파일 생성

4)스테이지에 올리기 - $git add [파일 혹은 폴더명]

5)스테이지 상태확인 $git status

6)로컬 레파지토리에 올리기$git commit -m "메세지이름"

7)원격 저장소 연결 확인(상 세) - $git remote show origin

8)원격 저장소에 올리기 $git push origin -u master (-u는 최초만 주고 그 다음 부터 생략가능)

9)vscode open folder

---

2. JavaScript 정리

---

1) Netscape --> JavaScript (1995)

ECMA --> 1997~

     ECMA Script5(ES5) ---> 2015년 이전
     ECMA Script5(ES6) ---> 2015년 이후

 

2)개발 툴

-js dev tool: 각 브라우저가 지원하는 개발자 도구 > console

https://doitnow-man.tistory.com/128

변수

var user_name = "홍길동"; memory heap
user_name = "홍길순";   memory heap
console.log("user_name : " + user_name); call stack

 

데이터타입

var userId;
userId = 100;
console.log(typeof userId);  <!-- 넘버타입 -->
 <!-- call stack 이 비어있음 -->
userId = "hong";
console.log(typeof userId); <!-- string타입 -->

 

객체

const car = {
  wheels: 4,
  color: "red",
  drive: function () {
    console.log("wroom wroom");
  },
};

console.log(Object.keys(car)[0]);
console.log(typeof Object.keys(car)[0]);
console.log("car.wheels : " + car.wheels);
console.log("car.color : " + car.color);
car.drive();

/* hong,kim,park  */
const person = { name: "홍길동", age: 20 }; //person.name    홍길동

const person2 = {
  hong: { name: "홍길동", age: 20 },
  kim: { name: "김길동", age: 30 },
  park: { name: "박길동", age: 40 },
}; //person.hong.name 홍길동

 

callbyvalue callbyreference 개념

변수는 우선 callstack에 만들어진다.

ex) const scar = car; 이면 car와 scar는 memory heap에서 같은 주소값을 reference한다

const tcar=objcet.assign({},car)는 memory heap에서 같은 구조를 가진 다른 주소 값을 reference한다

const empty1 = {};
const empty2 = {};

console.log(empty1 == empty2);
console.log(empty1 === empty2);

const obj1 = {a : 100};
const obj2 = {a : 100};

console.log(obj1 == obj2);
console.log(obj1 === obj2);

 

결과 값

false false false false

배열

const bookList = ["html", "css", "javascript"];

console.log("length = " + bookList.length);
console.log("bookList[0] = " + bookList[0]);
console.log("bookList[1] = " + bookList[1]);
console.log("bookList[2] = " + bookList[2] + "\n");

//for문을 이용한 출력(정확한 반복횟수를 알고 있을떄 사용)
for (book of bookList) console.log("book = " + book);

//배열 마지막에 새로운 값 추가
bookList.push("react");
console.log(bookList);

//배열 마지막 값 삭제
bookList.pop();
console.log(bookList);

//배열 시작값에서 하나를 삭제
bookList.shift();
console.log(bookList);`

 

type of

var str = "hello";
var num = 100;
var arr = [1,2,3,4,5];
var obj = {name:"홍길동"};

console.log("typeof : " + typeof(str));
console.log("typeof : " + typeof(num));
console.log("typeof : " + typeof(arr));
console.log("typeof : " + typeof(obj));
console.log("typeof : " + typeof(null));

 

typeof : string

typeof : number

typeof : object

typeof : object

typeof : object