본문 바로가기

분류 전체보기104

JS문법종합반 정리 3주차 01 - 메모리, 기본형 데이터, 참조형 데이터 데이터 타입 심화1. 데이터 타입의 큰 종류기본형 : Number, String, Boolean, null, undefined, Symbol 참조형 : Object (Array, Function, Date, RegExp, Map, Set)둘의 구분은 값의 저장방식과 불변성 여부로 함값의 저장방식 (= 복제 방식)기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들의 묶음의 주소값을 복제불변성 여부기본형 : 불변성 O / 참조형 : 불변성 X 2. 메모리와 데이터에 대한 배경지식2-1) 메모리에는 비트와 바이트비트 : 컴퓨터가 이해할 수 있는 최소 단위 (0과 1의 작은 조각) 바이트 : 비트 8개 묶음, 비트를 일일이 찾기 부담돼서 생김 메모리는 바이트 단위로 구성 (64비트 정수를 저장.. 2024. 11. 6.
JS문법종합반 정리 2주차 - ES6문법, 일급객체로서 함수, Map, Set 구조 분해 할당 Destructuring배열이나 객체의 속성들을 분해해서 각각의 값을 변수에 할당할 수 있게 해줌/* 배열 분해 할당 */let arr = ["1", "2", "3"];let [a, b, c] = arr;console.log(a, b, c); // 반환 : "1" "2" "3"/* 객체 분해 할당 */let obj = { name : "Bob", age : 25 };let {name, age} = obj; console.log(name, age); // 반환 : "Bob" 25객체 분해 할당의 경우 변수명을 key 이름과 일치시켜야 하는데, 만약 변수 이름을 다르게 하고 싶다면 "key : 새이름"과 같이 설정해줄 수 있다/* 이름 바꿔 분해 할당 */let obj = { name : ".. 2024. 11. 5.
JS문법종합반 2주차 과제 // 배열을 정렬하는 메서드 sort(), 기본 설정이 오름차순임// 콜백함수에서 정렬 기준을 정할 수 이씀// 문자열 비교를 위해 localCompare()를 써야하나?// n번째 인덱스 요소가 같을 경우의 조건도 설정해줘야 할 듯? 아닌가 알아서 정렬하나?// 무튼 조건에 맞게 정렬한 strings를 answer에 넣어주면 끗function solution(strings, n) { var answer = []; let new_strings = strings.sort(function(a, b) { // 글자 비교를 한 값을 담을 변수 설정, 값은 글자가 다르면 1 또는 -1, 같으면 0 let compare = a[n].localeCompare(b[n]); .. 2024. 11. 5.
241105 TIL - 코드리뷰시 깃헙활용, 함수선언방식, localeCompare(), 코드블럭{}, default export, named export, 팩토리함수, 클로져 코드 리뷰시 깃헙의 활용 팀이 모이기 전에 각 팀원의 깃헙을 확인해 코드를 미리 살펴본다. pull request나 commit 로그 등을 활용해 코드의 의도나 변화를 파악하고, 코드를 읽어보며 리뷰가 필요한 부분에 코멘트를 남겨놓는다. 이 때 개선이 필요한 이유를 명확하게 적어둘 것. 리뷰를 위해 모이면 작성자가 간단히 코드를 소개한 후, 팀원이 남겨놓은 코멘트를 확인하며 의견을 나눈다. 이때 코멘트를 남긴 팀원은 해당 코멘트에 대해 상세히 설명해주어야 하고, 동시에 팀원은 이에 대한 피드백을 분명히 해줘야 한다. 수준이 오르면 코드의 로직이나 메모리 효율을 따지게 되겠지만, 현 수준에선 코드의 알고리즘적인 부분이나, 코드 컨벤션 측면에서 변수 작명 방식이나 코드 일관성 등을 리뷰하는 것도 좋다 함수 .. 2024. 11. 5.
JS문법종합반 정리 1주차 02 - 반복문, 생성자함수 통한 객체 생성, 배열 관련 메서드 [ 반복문 ]for...in문 객체의 key를 기준으로 value를 순서대로 출력할 수 있는 구문/* 기본 구조 */for (let key in 객체명) {}/* 예시 */let person = { name : "Bob", age : 25, gender : "male" }for (let key in person) { console.log(key + ": " + person[key]);} // 반환name : Bobage : 25gender : male while문 for문과 달리 증감을 실행 로직에서 진행/* 기본구조 */while (조건식) { 실행로직; 증감식;}/* 예시 */let i = 0while (i  do...while문do문이 먼저 오기 때문에, 조건에 부합하지 않더라도 로직이 최소 .. 2024. 11. 4.
241104 TIL - 전개구문, split(), sort(), assign() 전개구문 spread operator기존 배열이나 객체를 복사한 새 배열이나 객체 생성/* 배열 복사 */let color = ["red", "blue"];let new_color = [...color];console.log(new_color); // 반환 : ["red", "blue"]/* 객체 복사 */let person = {name : "Bob", age : 25};let new_person = {...person};console.log(new_person); // 반환 : {name : "Bob", age : 25}배열에 요소 추가하기/* 배열에 요소 추가 */let color = ["red", "blue"];let new_color = ["yellow", ...color, "green"];co.. 2024. 11. 4.

티스토리툴바