필요성 / 중요성 리액트 컴포넌트 렌더링이 일어나는 중요 원인 중 하나가 props의 동등 비교에 따른 결과이다. JS에서의 동등비교가 일어나는 로직에 대해 잘 알고 있어야 렌더링 방지 및 렌더링 최적화 등의 기능을 올바로 활용할 수 있다. 데이터 타입 / 값을 저장하는 방식의 차이 원시 타입(primitive type)과 객체 타입(object/reference type)이 있는데, 객체를 제외한 모든 것들이 원시 타입에 속한다. 원시 타입은 불변 형태의 값으로 저장되고, 객체 타입은 변경 가능한 형태로 저장이 된다. 객체는 눈에 보이는 value가 동일하더라도 참조가 다르기 때문에 값이 같지 않다. 그러나 같은 value는 동일한 주소에 저장이 되기에 비교 결과가 같게 나온다. const hello1..

브라우저 HTML, CSS, JS를 실행하여 렌더링하는 것이 주요 목적으로 Client-side APIs(DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG, Web Storage...)를 제공한다. node.js 브라우저 외부에서 JS 실행이 주요 목적으로 브라우저와 동일하게 ECMAScript를 제공하지만, Client-side APIs 대신에 Node.js 고유의 API를 제공한다.

JS의 역사 1995년 탄생 1999년 표준화 완료 2005년 AJAX 등장 비동기 웹 애플리케이션 개발 가능 폭발적인 UX 향상 2008년 V8엔진 출시(Google) 2009년 node.js, 서버 개발 활성화(지각변동) 2015년 ECMAScript6(ES6) 버전 출시 2016년 FE Framework 대중화(React, Angular, Vue), SPA 개발 활성화 JS 언어적 특징 객체 지향 프로그래밍 지원 동적언어 함수형 프로그래밍 비동기 처리 클라이언트/서버 모두 사용가능

.every() ??? 배열 안의 모든 요소를 특정 조건에 대하여 검사하는 함수. array.every(callbackFn, thisArg) 형태로 사용 Boolean 값을 반환함 callbackFn: Boolean 값을 반환해야 함 thisArg: 선택사항, callbackFn을 끝내는 조건 예시 function isBigEnough(element, index, array) { return element >= 10; } [12, 5, 8, 130, 44].every(isBigEnough); // false [12, 54, 18, 130, 44].every(isBigEnough); // true console.log([1, , 3].every((x) => x !== undefined)); // true ..

Today I Leared AWS 배포 JS 내장 함수들 forEach: 반복문 map: 함수들 실행 find: 요소 찾기 Trouble I Met Access key ID 스파르타코딩클럽 강의자료를 참고하며 AWS 가입을 진행할 때에 Access Key ID를 발급받지 않았음. 그러나 이후 배포 과정에서 이를 이용하여 배포함. Key ID 배포를 따로 진행함 터미널 오류 터미널에 최종 배포 코드 입력 시 에러발생 ==> gitHub 배포 방법을 사용하기로 함 🕰️ 오늘의 공부 시간: 3hr36