본문 바로가기

Development

 (135)
JS기초_보충(데이터 타입 심화) 데이터 타입의 종류 자바스크립트에서 값의 타입은 크게 기본형과 참조형으로 구분된다. 구분의 기준은 값의 저장 방식과 불변성 여부이다. 기본형과 참조형 데이터의 구분 기준 복제 방식 기본형 : 값이 담긴 주소 값을 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부 기본형 : 불변성을 가짐 참조형 : 불변성을 가지지 않음 메모리와 데이터 기본 개념 메모리와 데이터 비트 컴퓨터가 이해할 수 있는 가장 작은 단위 0과 1을 가지고 있는 메모리를 구성하기 위한 작은 조각 비트가 모여서 메모리를 구성 바이트 비트만 사용하여 데이터를 만드는 것은 한계가 있음 비트 8개를 묶어 새로운 단위인 바이트를 만듦 메모리 : 바이트(Byte) 단위로 구성 모든 데이터는 byte 단위의 ..
JS 기초_보충(Map과 Set) Map과 Set JavaScript에서 객체(Object)와 배열(array)을 이용하면 다양한 프로그래밍을 할 수 있다. 하지만 객체와 배열만으로는 해결하기 어려운 상황이 존재한다. Map과 Set은 데이터의 구성, 검색 및 사용을 객체나 배열보다 효율적으로 처리할 수 있기 때문에 많이 각광받고 있다. 1. Map map은 객체와 유사한 형태를 가지고 있다. map은 key - value를 저장하며 객체와 달리 키로 사용할 수 있는 모든 유형을 사용할 수 있다. map은 키가 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없다. map을 이용하면 다음과 같은 작업을 수행할 수 있다. key - value 추가 및 검색 (set) key - value 삭제 (delete) 모든 key -..
JS기초_보충(ES6 문법) 구조분해할당 (Destructuring) 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법 배열의 경우 // 배열의 경우 let [value1, value2] = [1, "new"]; console.log(value1); // 1 console.log(value2); // "new" let arr = ["value1", "value2", "value3"]; let [a,b,c] = arr; console.log(a,b,c) // value1 value2 value3 // let [a,b,c] = arr; 은 아래와 동일! // let a = arr[0]; // let b = arr[1]; // let c = arr[2]; let [a,b,c,d] = arr console.log(..
JS 기초 _보충(객체, 배열) 객체 1. 생성자 함수를 사용한 객체 생성 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동", 30, "남자"); let person2 = new Person("홍길순", 25, "여자"); 위의 예제에서는 생성자 함수 Person()을 사용하여 객체 person1과 person2를 생성한다. 생성자 함수를 사용하면 객체를 일괄적으로 생성할 수 있다. 2. 객체 속성 접근 let person = { name: "홍길동", age: 30, gender: "남자" }; console.log(person.name); // "홍길동" co..
JS 기초 _보충(조건문, 반복문) 조건문 1. 조건부 실행 let x = 10; (x > 0) && console.log("x는 양수입니다."); 위의 예제에서는 조건부 실행을 사용하여 변수 x가 양수인 경우에만 "x는 양수입니다."라는 메시지를 출력한다. &&(논리곱) 연산자를 사용하여 조건부 실행을 할 수 있다. 2. 삼항 연산자와 단축 평가 let x; let y = x || 10; console.log(y); // 10 위의 예제에서는 삼항 연산자를 사용하여 변수 x가 존재하지 않는 경우 기본값으로 10을 사용한다. ||(논리합) 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 수 있다. 변수 x가 존재하지 않는 경우, || 연산자는 false 값을 반환하고, 기본값으로 지정한 10을 반환한다. 3..
JS 기초 _보충(연산자, 함수 스코프) 산술 연산자(arithmetic operators) 1. 더하기 연산자(+)console.log(2 + 3); // 5 console.log("2" + "3"); // "23" console.log("2" + 3); // "23" console.log(2 + "3"); // "23"위의 예제에서는 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환한다. 2. 빼기 연산자(-)console.log(5 - 2); // 3 console.log("5" - "2"); // 3 console.log("5" - 2); // 3 console.log(5 - "2"); // 3 console.log("five" - 2); // Na..
JS 기초 _보충(변수와 자료형 변환) 변수 ⚠️ 변수의 5가지 주요 개념 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는것 자바스크립트에서 변수는 var, let, const 세 가지 방법으로 선언할 수 있다. let과 const는 ECMAScript 6(ES6)에서 새로 도입된 방법이다.// var로 변수 선언 var myVar = "Hello World"; console.log(myVar); // "Hello World" // let으로 변수 선언 let myLet = "Hello World"; console.log(myLet); // "Hello World" // const로 ..
Git_기초개념2 프로젝트 협업은 아래 단계로 진행된다 누가 어떤 작업을 담당할 것인가? - Issue 각자 맡은 작업을 진행 - Branch 작업한 내용을 리뷰하고 최종적으로 프로젝트에 반영한다. - PR 후 Merge Issue 이슈는 내가 할 작업, 기능 추가, 버그 리포트 등 여러 방식으로 사용 가능 협업을 위해 이슈를 만들어 누가 어떤 작업을 담당할지 정하고 브랜치를 만들어 작업할 공간을 나눈다. Branch 브랜치는 특정 commit에서 갈라져나와 작업할 수 있다. 보통 기능별로 이름을 붙여 브랜치에 작업한다. ex) feature/login 브랜치 명은 규칙을 가지고 만들면 프로젝트 관리가 쉬워진다. 각 작업 브랜치에서 작업할 때는 다른 브랜치의 영향을 받지 않고 독립적으로 작업할 수 있다. Checkout ..

티스토리툴바