본문 바로가기
728x90

FrontEnd81

이스케이프 시퀀스 (escape sequence) 프로그래밍 특성 상 표현할 수 없는 기능, 특수문자 를 표현하기 위해 특별한 문자 조합 제어 시퀀스(control sequence), 이스케이프 문자, 확장 비트열 라고도 명명한다. \와 ₩는 같은 의미 사용 법 리터럴 앞에 백 스페이스 ( \ )를 붙이기 Ex) alert("안녕하세요\n잘 지내세요?"); // 출력값 "안녕하세요 잘 지내세요?" 종류 설명 \ a 경고 (alert) \ n 줄 바꿈(개행 ) : 다음 행으로 이동 \ t 탭 (수평) : 현재 위치를 수평 탭의 다음 위치로 옮김 \ v 탭 (수직) : 현재 위치를 수직 탭의 다음 위치로 옮김 \ b 백스페이스(backspace) \ f 폼 피드 : 페이지를 연다. \ r 개행 (캐리지 리턴) : 현재 위치를 현재 줄의 처음으로 이동 \ \.. 2022. 11. 24.
단항 (덧셈, 부정) 연산자 (+) 단항 덧셈 연산자 피연산자 앞에 위치해 피연산자를 평가하며, 만약 피연산자가 숫자가 아니라면 숫자로 변환을 시도하는 연사자 입니다. 단항 부정 연산자 피연산자 앞에 위치하며, 피연산자의 부호를 부정합니다. ( 양수를 음수로, 음수는 양수로 ) 구문 +x / -x 숫자로 변환하는데 가장 빠른 방법 입니다. 값을 분석할 수 없을 시 NaN 으로 평가된다. 단항 덧셈 연산자 예시 ) const x = 1; const y = -1; console.log(+x); // 1 console.log(+y); // -1 단항 부정 연산자 예시 ) const x = "4"; const y = -x; // y = -4 2022. 11. 24.
배정밀도 64비트 부동소수점 자바 스크립트 에서 숫자 타입은 배정밀도 64비트 부동소수점 형식 2진수 로 저장이 됩니다. Ex) console.log(0.2 + 0.4 === 0.6); // false console.log(0.2 + 0.4); //0.6000000000000001 컴퓨터는 2진법 사용하여 값을 저장한다. => 10 진법으로 표현된 수를 2 진법으로 변환 시 64 비트를 초과하는 무한소수가 발생할 수 있다. 컴퓨터는 해결하기 위해 근사치로 표현하다 보니 미세한 값들이 초과하여 차이가 발생 (정밀도 문제) 배정밀도 란? 64 비트 를 사용하는 것 cf) 비교 군으로 단정밀도 (32 비트를 사용하는 것) 이 있다. 부동 소수점 (떠돌이 소수점) 이란 ? 컴퓨터에서 실수를 표현 시 소수점의 위치를 고정하지 않고, 위치를 .. 2022. 11. 24.
변수 / 상수 변수 : 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소 선언자를 통해 변수를 생성하고, 할당 연산자 (=)을 통해 변수안에 데이터를 저장한다. 한 줄에 여러 변수를 선언하는 것도 가능 ex) let user = 'John', age = 25, message = 'Hello'; 상수 : 변화하지 않는 변수를 선언 (const) 재할당이 불가능하며 변경 시 에러 발생 2022. 11. 15.
Use Strict Java Script WHAT ?Use StrictJava Script에서 strict 모드 를 활성화시키는 방법입니다.How ?코드 최상단에 "use strict" 라고 작성 "use strict"var example = "예시 코드입니다."...​ 주석만 use strict 상단에 작성 가능합니다. // 주석은 use strict 상단에 작성할 수 있습니다."use strict"var example="테스트 코드입니다."... 💡 관리자 창 (콘솔) 에서  strict 모드 를 사용  관리자 창(콘솔)에는 기본적으로 strict 모드가 적용되어 있지 않습니다. "shift+enter" 를 눌러 줄 바꿈 후 코드를 작성해야 합니다.    Why ?💡 ECMAScript5(ES5)가 등장하면서 호완성.. 2022. 11. 14.
Fragments React에서 하나의 컴포넌트가 여러 엘리먼트를 반환하는 것 JSX문법을 사용 시에 return문 안에 최상위 태그가 있어야한다. ( 리액트는 하나의 컴포넌트만을 리턴할 수 있다.) DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화가 가능하게 한다. 사용 이유 : 불 필요한 태그를 없앨 수 있다. 대신 이렇게 써도 된다. 사용 예시 map 을 사용해서 컴포넌트를 여러 개 만들 때, key attribute 를 fragment 에 넣어줄 수 있다. 2022. 11. 14.
728x90