템플릿리터럴(template literal) 템플릿리터럴 사용하면 뭐가 좋을까? 특정 문자열이 담긴 변수를 동적으로 사용할 수 있게된다. str1 + srt2 와 같이 문자열을 연결할 때 보다 가독성이 좋다. 사용방법 문자열 안에 변수를 사용하기 위해서는 백틱(`)으로 문자열을 감싸고 ${} 구문을 사용하여 변수를 삽입한다. const apple = "Iphone"; const samsung = "Galaxy"; function templateTest (someString) { const variable = `${someString} is the best!` console.log(variable) return variable } const result1 = templateTest(apple); const..
비교연산자 설명 예시 결과 == 두 값이 동등한지 비교합니다. 형 변환을 수행합니다. 1 == '1' true === 두 값이 정확하게 일치하는지 비교합니다. 형 변환을 수행하지 않습니다. 1 === '1' false != 두 값이 부등한지 비교합니다. 동등 연산자(==)의 반대입니다. 1 != '1' false !== 두 값이 정확하게 불일치하는지 비교합니다. 일치 연산자(===)의 반대입니다. 1 !== '1' true 1. == 와 != 는 형변환을 수행한다. 자바스크립트는 동등,부등 비교 연산자를 사용할 때, 피연산자의 데이터 타입이 다를 경우 타입을 일치시키기 위해 형 변환을 수행한다 문자열과 숫자를 비교시, 문자열을 숫자로 변환한다. 불리언 값과 다른 데이터 타입을 비교시, 불리언 값을 숫자로..
1. 자바스크립 데이터 타입 순번 원시/참조 데이터타입 설명 예시 1 원시 문자열 (String) 텍스트 데이터를 나타냅니다. "Hello, World!" 2 숫자 (Number) 숫자를 나타냅니다. 정수 및 부동 소수점 숫자를 모두 포함합니다. 42, 3.14 3 불리언 (Boolean) true 또는 false 값을 나타냅니다. true, false 4 null 값이 없음을 나타냅니다. null 5 undefined 값이 할당되지 않았음을 나타냅니다. undefined 6 참조 객체(Object) 여러 개의 속성(키-값 쌍)을 포함하는 컨테이너입니다. {name: "John", age: 30} 7 배열(Array) 여러 개의 값을 순서대로 저장하는 리스트입니다. [1, 2, 3, 4] 8 함수(Fun..
var는 구식자바스크립트의 잔재다. 대부분의 경우 let으로 대체가 가능하나 다른방식으로 동작이 되기 때문에 무작정 바꿀 수는 없는 노릇이다. 여전히 var로 만들어진 많은 코드들이 있기에 var와 let,const와의 차이점에 대해 알아야 한다. -- Var / let, const 차이 (var의 특성) 1. var는 블록스코프가 없다, 함수스코프 이거나 전역스코프이다. (let과 const는 블록스코프) 블록 기준으로 생기지 않기 때문에 블록 밖에서 접근이 가능하다. // let이나 const로 선언시 Uncaught ReferenceError: test is not defined if (true) { var test = true; // 'let' 대신 'var'를 사용했습니다. } alert(tes..
1. "use strict"란 무엇인가? use strict(엄격모드)란 ES5에 등장한 기능으로 ES5 이전 자바스크립 기능을 변경한 내용을 활성화 시켜주는 모드이다. "use strict"; // 스크립트 최상단에 있어야 한다 // 함수 내에서 선언하여 해당 함수에서만 사용할 수도 있다. // 물론 해당 함수 내에서 최상단에 위치해야함 function strictTest(){ "use strict"; console.log('this is strict mode!') } 2. 등장배경 1) 자바스크립트는 오랜기간 기존의 기능을 변경하지 않고, 새로운 기능만 추가해왔음 2) 업데이트가 되도 기존에 작성한 코드가 문제가 되지 않았음. 3) ES5가 등장하면서 기존의 기능이 변경됨에 따라 호환성 문제가 발생함..
"현" 이란 문자를 "소"라는 문자로 바꾸고 싶다. 원하는 결과값(result) 는 "소수철수민수" 이다 하지만 아래 코드를 실행했을 때 "현수철수민수"로 결과가 나온다. const hyeon = "현수" const chulsu = "철수" const minsu = "민수" const threeMan = hyeon + chulsu + minsu; function changeWord(longstring, a, b){ for(let i = 0; i < longstring.length; i++){ if(longstring[i] === a){ longstring[i] = b; } } return longstring; } const result = changeWord(threeMan, "현", "소"); cons..
- Total
- Today
- Yesterday
- 함수형코딩
- promise
- 프로토타입 체이닝
- 동등비교연산자
- 태스크큐
- .then()
- Props
- 함수
- 전역변수
- 비동기
- react
- unexpected character
- 문자열
- 객체리터럴
- .finally()
- 객체속성 추가 삭제
- 상속
- 머리아프다..
- unique "key" prop.
- 대괄호표기법
- 배열내특정요소찾기
- .catch()
- universal rendering
- 리액트 이미지경로
- 미들웨어위치
- null과 undefined
- 조대곤교수님
- cors위치
- JSX
- 에이블스쿨2일차
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |