SCOPE 변수에 접근성을 결정하는 범위 Global scope (전역 : 웹 페이지 내의 모든 스크립트에서 접근 가능) Local scope (지역 : 특정 함수 또는 블록 범위에서 접근 가능, 외부에서 액세스 불가) Function scope Block scope ES6(2015) 이전에는 JavaScript에 Global Scope 와 Function Scope 만 있었으나 ES6에서 let 및 const가 도입 되었다. let과 const는 블록 범위를 제공한다. 그러나 var는 block 범위를 가질 수 없다. let x = 1; let y = 2; console.log(x); // 1 console.log(y); // 2 { let x = 3; let y = 4; console.log(x); ..

비교 연산자 좌항 우항의 피연산자를 비교한 결과값을 논리적 자료형으로 반환하는 연산자 a>b // a가 b보다 크면 true 아니면 false a=b // a가 b보다 크거나 같으면 true 아니면 false a “AAAA”); // true console.log(”Hello” “Helloo”); // false console.log(”5”

산술 대입 연산자 연산자도 우선순위가 있다. (1~21번) 우선 순위가 높을수록 먼저 수행된다. 대체로 단항 연산자의 우선순위가 높음 산술연산자 덧셈 연산자 + console.log(31 + 10); // 41 뺄셈 연산자 - console.log(31 - 10); // 21 곱셈 연산자 * console.log(31 * 10); // 310 나눗셈 연산자 / console.log(31 / 10); // 3.1 몫 perseInt() console.log(perseInt(31 / 10)); // 3 소수점 버리고 정수반환 나머지 연산자 % console.log(31 % 10); // 1 거듭제곱 연산자 ** console.log(2 ** 3); // 8 대입연산자 let num_1 = 123; let n..

String console.log(String(123)); //123 console.log(String(1 / 0)); //Infinity console.log(String(-1 / 0)); //-Infinity console.log(String(NaN)); //NaN console.log(String(true)); //true console.log(String(false)); //false console.log(String(undefined)); //undefined console.log(String(null)); //null Number console.log(Number(””)); // 0 console.log(Number(”123”)); // 123 console.log(Number(”hello”)..

객체복사 let user = { name: “john”, age: 27, }; 객체를 복사하는 방법 2가지 (얕은 복사, 깊은 복사) 얕은 복사 using Object let admin = Object.assign({}, user); 오브젝트 내의 assign 내부함수를 이용해서 두 객체를 병합해서 반환 빈 객체에 user 객체를 머지시켜서 반환 for loop let admin = {}; for (let key in user){ admin[key] = user[key]; } user에 있는 값을 admin에 일일이 복사해라 전개연산자 let admin = { …user }; user에 있는 모든 필드 값을 admin object에 꾸려라 얕은 복사(shallow copy)의 문제점 객체 내 또 다른 객..

https://zero-base.co.kr/category_dev_camp/school_FE 코딩 부트캠프 | 프론트엔드 스쿨 | zero-base 코딩 부트캠프 취업 결과가 있는 프론트엔드 스쿨 선택하세요! zero-base.co.kr 제로베이스에서 프론트엔드 학습을 시작한지 2주차가 되었다. 제로베이스 프론트엔드 학습 후기 겸 짤막한 학습 회고를 해보고자 한다. 처음 부트캠프를 알아볼 때 굉장히 막막하고 어려웠기 때문에 나처럼 여기저기 부캠을 알아보는 사람에게 도움이 되길 바라며, 최대한 자세하게 적어서 담았다. TODO 커리큘럼 관리 (구글 스프레드시트) 배운것도 한 것도 너무 많기 때문에 하나하나 쓰는 건 힘들 것 같다. 전체적으로 어떤 것을 공부했는지 가볍게 써보고자 한다. 먼저 나는 국비를 듣..

CSS 선택자 (CSS Selector) 선택자 점수 (Selector score) 1. 전체선택자 (범용선택자) : 0점 2. type 선택자 : 1점 3. class 선택자 : 10점 4. id 선택자 : 100점 /* 0점 */ *{ background-color: silver; } /* type 선택자 1점 */ P{ background-color: goldenrod; } /* class 선택자 10점 */ .test{ background-color: blue; } /* id 선택자 100점 */ #test2{ background-color: seagreen; } 전체 선택자 (Universal Selector) : 0점 모든 HTML 요소에 접근이 가능한 선택자 * 로 표현함 *{ backgro..

CS > 컴퓨터 구조 > 추가 핵심 이론 정리 1 시스템, 메모리, 워드, 니블, 진수, 2의 보수, 부동소수점, 부울대수식, 플립플롭, CPU구성요소, 레지스터, 마이크로연산, 컴퓨터소프트웨어, 프로그래밍 언어, 파이프라인 컴퓨터 시스템 하드웨어 소프트웨어 IO Device Storage CPU Network Operating System(OS) 운영체제 응용 프로그램 메모리 Memory 내부(주기억장치) 외부(보조기억장치) 레지스터(register), 캐쉬(cache memory), RAM, DRAM, SRAM, DDR4 SSD, HDD, USB, Bluelay 워드 하나의 연산을 통해 저장 장치로부터 프로세서의 레지스터에 옮겨놓을 수 있는 데이터 단위이다. CPU가 한 번에 처리할 수 있는 데이터의..