| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- box-sizing
- SK바이오사이언스
- Codility
- React 성능 최적화
- REM
- 수학
- Photoshop
- pandas
- JSX
- 포토샵
- 알고리즘
- useMemo
- React.memo
- Nginx
- react
- useCallback
- 소수
- CSS
- 강화학습
- grid
- skt membership
- 미디어 쿼리
- 반응형 웹
- 통신사할인
- 백준
- c
- c++
- spring
- Reverse Proxy
- transform
- Today
- Total
목록Frontend/Javascript (10)
sliver__
Primitive스트링, 숫자형, 부울에서 연산을 하는 경우 새로운 변수를 생성한다.주소를 사용하지 않는다. Reference객체의 경우 reference를 사용한다. 즉, 주소값을 이용한다.const 배열을 선언한 경우, 배열에 접근하려면 배열의 주소값을 알고 주소로 접근해서 원소들에 접근하게 된다.const로 선언한 배열의 경우 값을 추가가 불가능할 것 같지만 추가가 가능하다.const의 개념은 이미 선언된 원소의 값을 다시 바꿀 수 없다 ! 라는 의미이지 해당 주소에 접근하여 새로운 값을 추가/삭제는 가능하다.
중첩다른 언어와 마찬가지로 namespace와 같이 동작한다.greet 함수를 밖에서 init 함수 밖에서 사용하려면 사용할 수 없다.
함수 파라미터자바스크립트에서는 함수를 파라미터로 넘길 수 있다.함수 형식으로 선언하여 넘길 수 있고() => 형식으로 선언해 변수로 받아 넘길 수도 있고파라미터 넘기는데에서 () => 형식으로 선언해 넘길 수도 있다.
두 개 이상의 배열을 하나의 배열로 병합하거나 객체를 병합할 때 사용한다. 예시는 아래와 같다. mergedHobbies를 보면 배열을 선언하는데 앞에 ... 점 3개가 붙어있다.이게 뭐지? 처음보는 문법이다.nestedHobbies처럼 배열 선언 시, 다른 배열을 나열하면 배열안에 배열이 생겨버린다.오른쪽 사진의 중간을 보면 Array(2), Array(1)이라고 되어있다.Array안에 Array 2개가 있는 구조가 된다.하지만 ...(spread 연산자)를 사용하면 하나의 배열에 원소가 나열된다 !! 객체도 마찬가지이다.
Destructuring배열의 index를 사용해서 변수에 할당하는게 아니라 배열과 같은 형식의 변수를 선언해서 할당이 가능하다.객체의 경우도 마찬가지로 {} 중괄호안에 변수를 선언해서 할당이 가능하고 alias도 :콜론을 사용해 할당 가능하다.함수이 경우도 객체를 파라미터로 전달받는 경우 {} 중괄호안에 할당받을 변수를 선언하면 destructing이 가능하다.
배열Javascript에서도 배열의 개념이 있다.[ ] 를 사용하여 배열을 선언한다.[ ] 내부에 여러 원소를 , 를 기준으로 나열한다.index는 0부터 시작한다.push method는 배열 가장 뒤에 원소를 추가한다.findIndex method는 파라미터로 function을 넘기는데, 찾고자 하는 변수의 index를 반환한다.map method는 배열의 값을 변경하여 "새로운 객체"를 반환한다.String 조작을 할 수도 있고새로운 객체를 생성하여 반환할 수도 있다.