javascript

데이터 타입 원시 타입 숫자 : 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 boolean : true / false undefined : var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null : 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 symbol : ES6에 추가된 7번째 타입 Bigint : ES11에 추가된 8번째 타입. 2^53-1보다 큰 정수를 표현할 수 있는 새로운 원시값 객체 타입 객체 함수 배열 숫자 타입 배정밀도 64비트 부동소수점 형식을 따름. 모든 수를 실수로 처리(정수를 위한 데이터 타입 별도 존재 X) Infinity(양의 무한대), -Infinity(음의 무한대), NaN(산술 연산 불가) 표현 가능 문자열 타입 텍스트 데이터를 나타내는 데 사용 ..

💡 결론 : React에서 key를 사용하여 엘리먼트 혹은 컴포넌트의 변화를 감지해 효율적인 DOM 사용을 위해서 1. 자식에 대한 재귀적 처리 DOM 노드의 자식들을 재귀적으로 처리할 때, React는 기본적으로 동시에 두 리스트를 순회하고 차이점이 있으면 변경을 생성한다. Duke Villanova // 변경 Connecticut // 자식요소 추가 Duke Villanova 위와 같은 경우 React는 Duke와 Villanova 종속 트리를 그대로 유지하는 대신 모든 자식을 변경 (다시 렌더링)한다. React 입장에서 컴포넌트를 반복해서 렌더링 하는 일은 매우 비효율적임! Keys 자식들이 key를 가지고 있다면, React는 key를 통해 기존 트리와 이후 트리의 자식들이 일치하는지 캐치할 수..

패스트 캠퍼스 X 야놀자 프론트엔드 부트캠프 5-6주차 과제 후기 이번 과제는 그동안 배운 Javascript를 사용해 직원들의 사진을 관리할 수 있는 사진 관리자 서비스를 만드는 것이였다! firebase 혹은 AWS S3를 사용하여 페이지를 구축해야 하고, 디자인 부터 모두 새롭게 만들어야 했다! 본인은 사진을 저장할 storage로 firebase를 사용하였는데 그 이유는 1. 간단한 프로젝트 였기 때문에 사용이 편한 firebase를 사용 2. 예전에 aws를 사용했다가 freetier가 끝난지 모르고 냅뒀다가 과금이 되었던 아픔 경험... 3. 직원들의 정보는 local storage를 사용하여 관리할 것이기 때문 이러한 이유들로 오직 '이미지' 저장만을 위한 목적이였기 때문에 간단하게 fire..

동기와 비동기 동기 : 순차적으로 코드가 실행됨 비동기 : 순차적으로 코드가 실행되지 않음 Promise : 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 객체 resolve 키워드를 사용해 실행 순서를 보장 const a () => { //인자로 콜백함수를 받지 않아도 됨 return new Promise(resolve=> { setTimeout(() => { console.log(1) resolve() //실행 순서 보장 },1000) }) } a().then(()=>{ b() }) 대기 pending : 초기 상태 이행 fulfilled : 작업이 성공적으로 안료된 상태를 의미. then을 통해 결과값 반환 가능 거부 rejected : 작업이 실패했음을 의미, catch로 ..

배열 array .length() : 배열 내 아이템의 개수 .at() : 대상 배열을 인덱싱함 → arr[0] = arr.at(0) .concat() : 배열 두개를 합쳐서 새로운 배열 반환 .every() : 대상 배열의 모든 원소가 콜백 테스트에서 참을 반환하는지 확인 const isValid = arr.every(item => item item item > 10) .findIndex() :..

날짜 date .getFullYear() / .setFullYear(): 년도를 반환 / 년도를 지정 .getMonth() / .setMonth() : 월 반환 / 지정 → 제로베이스 넘버링이 사용됨 .getDate() / .setDate() : 일 반환 / 지정 .getHours() / .setHours() : 시간 반환 / 지정 .getMinutes() / .setMinutes() : 분 반환 / 지정 .getSeconds() / .setSeconed() : 초 반환 / 지정 .getDay() : 요일 반환 → 0~6까지의 숫자 반환 .getTime() / .setTime() : 날짜 인스턴스의 밀리초로 변환 / 지정 .now() : 메소드가 호출 될 때의 밀리초 반환

수학 math .abs() : 절댓값 반환 .ceil() : 올림처리 정수 반환 .floor() : 내림처리 정수 반환 .max() : 가장 큰 값 반환 .min() : 가장 작은 값 반환 .pow() : 거듭제곱한 값 반환 .random() : 0이상 1미만의 난수 반환 .round() : 반올림 정수 반환

숫자 number .toFixed() : 숫자를 지정된 소수점까지 표현하는 문자로 반환 → parseFloat으로 숫자로 변환 가능 .toLocaleString() : 숫자를 현지 언어 형식의 문자로 반환 (1000 → 1,000) .isInteger() : 숫자가 정수인지 판단 .isNaN() : NaN인지 판단 .parseInt() : 주어진 값을 파싱해 특정 진수 (10진수)의 정수로 반환 .pareseFloat()