본문 바로가기

javascript3

[JS] ...props ? 잔여연산자(Rest Parameter)와 전개구문(Spread syntax) react로 개발하면서 매우 자주 봤던 { ...props }와 같은 잔여연산자 구문! 점을 연이어 3개 사용하는 잔여연산자(Rest Parameter)에 대해 알아보다가, 똑같이 ...을 쓰는 전개구문(Spread syntax)에 대해서도 정리해보려 한다. 둘은 구문은 똑같지만 역할은 거의 정반대라고 볼 수 있다. 잔여 연산자 ( Rest Parameter ) 내가 애용하는 MDN에서는 잔여 연산자를 다음과 같이 설명하고 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters 함수의 마지막 파라미터의 앞에 ... 를 붙여 (사용자가 제공한) 모든 나머지 인수를 "표준" 자바스크립트 배열로 대체.. 2021. 9. 11.

[JS]JSON key 가져오기, keys(), getOwnPropertyNames(), for 등등 비교 자바스크립트에서 JSON 데이터는 매우 유용하게 사용된다. 그만큼 key 값을 지정하는 것도 중요하다. 개발을 할 수록 JSON의 key 값이 필요한 상황이 종종 나타나는데, 그럴 때면 내가 JSON 데이터 형식을 잘못 묶었다고 판단하게 된다. 우선 이 얘기는 뒤에서 하기로 하고, JSON의 key 값을 가져오는 세 가지 방법을 알아보자. 1. keys() Object.keys(JsonData); Object.keys 문법에 파라메터로 키를 찾고싶은 데이터를 넣어주면 된다. data.code는 key가 CMP011이고 value가 List인 JSON 데이터이다. key가 하나만 존재한다. 위의 함수를 실행하면 key의 값이 리스트로 반환된다. key가 하나여도 리스트로 반환된다. 2. getOwnProp.. 2021. 9. 7.

[ReactNative] JSX란? HTML vs ReactNative 태그 총정리! 리액트는 JSX 문법을 사용하면서 컴포넌트, 즉 태그들을 구성하며 이루어져 있다. 그래서 HTML과 React, React Native 간 유사한 태그들이 종종 보이는데, 오늘은 그것들을 정리해보는 포스팅을 하겠다! 리액트와 리액트 네이티브 프레임워크의 주력은 바로 JSX라고 할 수 있다. 리액트의 공식 문서에서도 JSX의 사용을 다음과 같이 권하고 있다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각합니다. 또한 React가 더욱 도움이 되는 에러 및 경고 메시지를 표시할 수 있게 해줍니다. 그러므로 우선 JSX에 대해 간단히 알아보도록 하자! JSX = JavaScript + XML JSX란? J.. 2021. 8. 19.

이전 1 다음

728x90

티스토리툴바