본문 바로가기
반응형

분류 전체보기105

[Javascript] 자바스크립트 Object 기초 Object 기본 형태 const obj1 = {};//object literal const obj2 = new Object();// object constructor object는 키와 value의 집합체이다. Object 사용법 // Object const ellie = {name: 'ellie', age: 4}; // Function function print(person) { console.log(person.name); console.log(person.age); } // 함수 출력 print(ellie); console.log(ellie.name); console.log(ellie.['name']); 자바스크립트는 동적으로 타입이 runtime때 결정될 수 있기 때문에 위에서 선언한 ellie.. 2021. 8. 4.
[Javascript] 자바스크립트 class 기초 Class 생성 'use strict' // 1. Class declarations class Person() { // constructor constructor(name, age) { this.name = name; this.age = age; } // method speak() { console.log(`${this.name}: hello!`); } } const ellie = new Persion('ellie', 27); console.log(ellie.name); Getter and Setter class User { constructor(firstName, lastName, age) { this.firstName = firstName; this.lastName = lastName; this.ag.. 2021. 8. 3.
[Javascript] 자바스크립트 Function 기초 지식 (함수 선언, 표현, Callback, Arrow) [Function Declaration] Default parameters (ES6에서 추가됨) // 예시: parameter를 제대로 입력하지 않았을 경우 function showMessage(message, from = 'unknown') { console.log(`${message} by ${from}`); } showMessage('Hi!'); parameter 값을 제대로 모두 입력하지 않아도 함수의 parameter에 값을 할당해준다면, 에러가 나지 않고 해당 parameter 값에 default value가 들어가게 된다. Rest Parameters function printAll(...args) { // 배열 형태 쓰는 방법 1) for (let i = 0; i < args.length;.. 2021. 8. 3.
[Javascript] 자바스크립트 데이터 타입 및 주의해야할 사항 데이터 타입 * primitive: 더 이상 작아질 수 없는 한 가지 단위 (single item) * object: single item을 묶어서 한 박스로 관리할 수 있게 해준다. 오브젝트는 메모리에 탑재될 때, reference 형태로 저장된다. const ellie1 = { name: 'ellie' }; const ellie2 = { name: 'ellie' }; const ellie3 = ellie1; console.log(ellie1 == ellie2); // 다른 레퍼런스에 저장되어 있기 때문에 false console.log(ellie1 === ellie2);// 똑같은 타입이던 아니던 레퍼런스 값이 다르기 때문에 false console.log(ellie1 === ellie3); // t.. 2021. 8. 3.
[Javascript] HTML에서 script 태그 위치별 동작 원리 (+async, defer) 1. Head 안에 Script를 포함한 경우 * 순서: parsing HTML -> fetching -> executing -> parsing HTML (1) parsing HTML: 스크립트 한 줄 한 줄씩 읽는다. (2) fetching: 한 줄 한 줄씩 읽다가, head에 script 태그가 나오면 script에 존재하는 파일을 다운받는다. (3) executing: 다운 받은 js 파일을 실행한다. (4) parsing HTML: 다시, 스크립트를 한 줄 한줄씩 읽는다. * 단점 만약, 다운받고자 하는 js파일이 어마어마하게 크면 HTML 페이지가 로딩될 때까지 오랜 시간이 걸릴 것이다. 2. Body 안에 script를 포함하는 경우 * 순서: parsing HTML -> fetching ->.. 2021. 8. 3.
[Git] 기본 개념 정리 Git 역할 형상 관리를 할 수 있는 협업 도구이다. 모든 파일들의 지난 내역들을 저장해둔다. Git 흐름도 (1) -> (2) -> (3) -> (4) 순서대로 진행한다. (1) Working Directory 우리가 작업하고 있는 파일. * untracked - 새로 만들어져서 추적이 아직 되지 않은 파일 * tracked - 추적이 된 파일 - unmodified와 modified로 나누어지고, 이 때 modified된 파일들만 Staging Area로 넘어갈 수 있다. (2) Staging Area (add) commit할 준비가 되어있는 파일들을 올리는 장소. (3) .git Directory (commit) 버전의 히스토리를 가지고 있다. (4) remote (push) (1), (2), (3.. 2021. 7. 23.

티스토리툴바