- 식별자 네이밍 규칙을 따르지 않는 이름에는 반드시 따옴표를 사용해야 한다. var person = { firstName: 'Ung-mo', // 식별자 네이밍 규칙을 준수하는 프로퍼티 키 'last-name': 'Lee' // 식별자 네이밍 규칙을 준수하지 않는 프로퍼티 키 } console.log(person) // { firstName: 'Ung-mo', last-name: 'Lee' } var person = { firstName: 'Ung-mo', last-name: 'Lee' // SyntaxError: Unexpected token - } - 문자열 또는 문자열로 평가할 수 있는 표현식을 사용해 프로퍼티 키를 동적으로 생성할 수도 있는 경우에는 프로퍼티 키로 사용할 표현식을 대괄호([.....

- 명시적 타입 변환 var x = 10; // 숫자를 문자열로 타입 캐스팅한다. var str = x.toString(); console.log(typeof str, str); // string 10 // x 변수의 값이 변경된 것은 아니다. console.log(typeof x, x); // number 10 - 암묵적 타입 변환 var x = 10; // 문자열 연결 연산자는 숫자 타입 x의 값을 바탕으로 새로운 문자열을 생성한다. var str = x + ''; console.log(typeof str, str); // string 10 // x 변수의 값이 변경된 것은 아니다. console.log(typeof x, x); // number 10 참고자료: http://www.yes24.com/..

Q. 팀 프로젝트를 진행하다가 멘토님께서 코드리뷰를 해주셨는데 addEventListener를 작성하고 removeEventListener를 해주라고 하셨는데 메모리 문제 때문이라고 하셨는데 그렇게 큰 차이가 있나요? A. 페이지나 DOM을 아예 나가는거면 상관없고 SPA특성이라서 해주는게 좋다. 대충 SPA는 페이지를 나가지 않기때문에 이벤트리스너가 쌓이게돼서 난 한가지 이벤트만 실행시키면 되는데 다른 이벤트리스너가 폭죽놀이하면서 두둥탁 하는 경우가 생길 수 있다. dom과 event listener가 상호 참조하는 경우 삭제해주지 않으면 상호 참조로 reference count가 0이 되지 않아서 영구히 남는 문제가 있다. addEventListenr(name, function)을 호출하면 시스템 내..

방법 01. Date객체의 ms 시간을 이용하여 생성한다. const id = new Date() 방법 02. uuid 라이브러리 사용하기 // uuid 설치 npm install uuid // 01. import {v4 as uuidv4} from 'uuid'; uuidv4(); // '9b1deb4d-3sd5-sdf2-asdf2cvbwe.....' // 02. import {v4: uuidv4} = require('uuid'); uuidv4(); // '9b1deb4d-3sd5-sdf2-asdf2cvbwe.....'

var num = 2; var kind; if (num > 0) { kind = "양수"; } else if (num 0) kind = "양수"; else if (num 0 ? "양수"..

var x = 2; var result = x % 2 ? '홀수' : '짝수'; console.log(result); // 짝수 x % 2가 true면 콜론(:) 앞의 두 번째 피연산자인 '홀수'반환, false면 콜론(:)뒤의 세 번째 피연산자 '짝수' 반환 2 % 2는 0이고 0은 false로 암묵적 타입 변환된다. // 조건문(if...else)을 사용해도 삼항 조건 연산자 표현식과 유사하게 처리할 수 있다. var x = 2, result; // 2 % 2는 0이고 0은 false로 암묵적 타입 변환된다. if(x % 2) result = '홀수'; else result = '짝수'; console.log(result); // 짝수 var x = 10; var result = if (x % 2) ..

▶ api key를 숨기기 위한 용도 (소스코드에서 숨기기 - 보안용) ▶ FE에선 코드가 전부 노출이 되기 때문에 api key를 숨기는 것은 BE 개발자에게 요청해야 한다. 파일명 : startProject.sh - 쉘 -한꺼번에 설치하는 방법 - 현업에서 자주 쓰이지는 않음. npm init -y // npm 초기화 npm i -D parcel vercel // parcel, vercel(서버리스 함수를 작동시키기 위함)을 개발의존성(devDependencies)로 설치 mkdir src // 폴더 만들기 touch src/main.js touch index.html // Window 사용자는 touch 대신 echo root 경로에 vercel.json 파일을 생성한다. // vercel.json..

// 일반 문자열 내에서 줄바꿈 등의 공백을 표현하려면 백슬래시(\)로 시작하는 이스케이프 시퀀스를 사용해야 한다. var template = '\n\tHome // // 줄바꿈과 들여쓰기가 적용된 HTML 문자열은 다음과 같이 \n 다음행으로 이동, \t 탭(수평) 이스케이프 시퀀스를 넣어 사용해 작성한다. var template2 = ` Home ` 일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며, 모든 공백도 있는 그대로 적용된다. var first = 'Ung-mo'; var last = 'Lee'; // ES5 문자열 연결 console.log('My name is ' + first + ' ' + last + '.'); // My name is U..

var userId = 1; var userName = 'Lee'; // 객체나 배열 같은 자료구조를 사용하면 여러 개의 값을 하나로 그룹화해서 하나의 값처럼 사용할 수 있다. var user = { id: 1, name: 'Lee' }; var users = [ { id: 1, name: 'Lee' }, { id: 2, name: 'Kim' } ]; console.log(score); // undefined var score; // 1. 변수 선언 score = 80; // 2. 값의 할당 console.log(score); // 80 변수는 하나의 값을 저장하기 위한 수단이다. console.log(score2); // undefined score2 = 80; var score2; console.lo..

브라우저에서 자바스크립트 실행 0 + - 디버깅방법 1. 콘솔창을 열어 에러의 링크를 클릭한다. 2. 자동으로 넘어간 소스패널에 해당 에러가 표시된 줄(왼쪽 번호)을 클릭한다.(브레이크 포인트) 3. 에러를 재현하기 위해 웹페이지의 버튼(에러발생 지점)을 다시 클릭한다. 4. 디버깅모드 활성화(디버깅 모드가 활성화되지 않으면 웹페이지를 새로고침한다.) 5. 소스패널의 브레이크 포인트를 찍어 놓은 줄에 마우스를 가져다 대면 에러 발생원인을 알 수 있다. 내장 터미널 const arr = [1, 2, 3]; arr.forEach(console.log); // 내장 터미널을 열고 'node [파일이름]'을 입력하면 js를 실행시킨 결과를 볼 수 있다. const arr2 = [1, 2, 3]; arr.forE..