Javascript

대입 연산자, 복합 연산자

대입 연산자 복합 대입 연산자 설명 a = a + b a+=b a + b를 먼저 수행한 후에 a에 값을 저장 a = a - b a-=b a - b를 먼저 수행한 후에 a에 값을 저장 a = a * b a*=b a * b를 먼저 수행한 후에 a에 값을 저장 a = a / b a/=b a / b를 먼저 수행한 후에 a에 값을 저장 a = a % b a%=b a % b를 먼저 수행한 후에 a에 값을 저장 복합 대입 연산자 설명 += 왼쪽의 피연산자에 오른쪽의 피연산자를 더한 후, 왼쪽의 피연산자에 대입함. -= 왼쪽의 피연산자에서 오른쪽의 피연산자를 뺀 후, 왼쪽의 피연산자에 대입함. *= 왼쪽의 피연산자에 오른쪽의 피연산자를 곱한 후, 왼쪽의 피연산자에 대입함. /= 왼쪽의 피연산자를 오른쪽의 피연산자로 나..

2023. 8. 10. 10:36

Javascript

자바스크립트의 자료형

Primitive Type (원시 타입) let number = 12; 한 번에 하나의 값만 가질 수 있음 하나의 고정 저장 공간 이용 Non-Primitive Type (비 원시 타입) let array = [1, 2, 3, 4]; 한 번에 여러개의 값을 가질 수 있음 여러 개의 고정되지 않은 동적 공간 사용

2023. 8. 9. 11:54

Javascript

Template literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. ES2015 사양 명세서에선 template strings라고 불렸습니다. 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다. 프론트엔드에서는 HTML을 데이터와 결합해서 DOM을 다시 그려야 하는 일이 빈번하기 때문에, 템플릿을 좀 더 쉽게 편집하고 작성해야 할 필요가 있어서, 이러한 기능이 추가되었습니다. Syntax `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression..

2023. 8. 9. 11:54

Javascript

변수와 상수(var, let, const)

var var와 let의 차이점은 scope입니다. var은 funciton 단위의 scope를 가집니다. ES6 이전에 나온 변수 선언 방식입니다. var str="hello"; if(true){ var str2="world"; } console.log(str2); // world 위 코드는 if문 안에서 str2를 선언했지만 if문 밖에서도 변수가 유효한 것을 알 수 있습니다. 또한 같은 이름의 변수를 여러 번 선언하여도 오류가 나지 않습니다. 2. let ES6에서 추가된 변수 선언 방식입니다. let은 {}(block) 단위의 scope를 가집니다. let str='hello'; { let str='world'; console.log(str); //world } console.log(str); /..

2023. 8. 3. 17:12

카테고리 없음

Material UI 아이콘 사용하기

$ npm install @material-ui/icons 사용 방법은 간단합니다. https://mui.com/material-ui/material-icons/ 에서 원하는 아이콘을 검색합니다. 그 다음, 해당 아이콘 컴포넌트를 불러와서, React 컴포넌트 안에서 바로 사용하면 됩니다. import React from "react"; import EcoIcon from "@material-ui/icons/Eco"; export default () => ; 아이콘 색상은 color prop으로 바꿀 수 있습니다. 아이콘의 크기는 fontSize prop으로 바꿀 수 있습니다. 한 페이지에 여러 icon을 사용할 경우 오류가 뜰 수 있습니다. 그럴 경우에는 icon Component를 따로 만들어서 사용..

2023. 8. 3. 16:14

Javascript

encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent()

encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent() encodeURI() : 인터넷 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수입니다. encodeURIComponent(): 모든 문자를 인코딩하는 함수입니다. decodeURI() : encodeURI()로 인코딩한 문자열을 디코딩하는 함수입니다. decodeURICompontnet() : encodeURIComponent()로 인코딩한 문자열을 디코딩하는 함수입니다. 문법 encodeURI( uri ) encodeURIComponent( uri ) decodeURI( uri ) decodeURIComponent( uri ) → uri : 인코딩하려..

2023. 8. 3. 09:15