Frontend/Javascript (3) 썸네일형 리스트형 자바스크립트 전개 연산자와 구조 분해 할당 자바스크립트를 공부 하다보면 한 번쯤 보고 들었을 만한 것이 전개 연산자(Spread Operator)와 구조 분해 할당(Destructuring Assignment)입니다. 전개 연산자(Spread Operator) 배열 및 객체를 다루다 보면 배열 또는 객체 안에 [ ...arr1 , 4, 5 ] 와 같이 ... 이 사용된 것을 찾아 볼 수 있습니다. 이것이 바로 전개 연산자인데 만들어진 객체/배열을 다른 객체/배열에 결합할 때 사용하고는 합니다. 아래와 같이 player라는 객체가 있다고 가정해 봅시다.const player = { name : 'John' , position : 'goalKeeper' }; 이 player 객체를 기반으로 나이에 대한 정보도 추가한 newPlayer를 만들고 .. 자바스크립트 함수 선언 방식(기본 함수/ 익명 함수/ 화살표 함수) 자바스크립트 함수는 특별한 목적을 수행하기 위하여 설계된 독립적인 블록입니다. 이러한 함수는 필요할 때마다 호출해서 사용할 수 있습니다. 대개 사용되는 함수의 선언 방식은 세 가지가 있습니다. 기본 함수, 익명 함수, 화살표 함수가 있습니다. 먼저 기본 함수의 경우에는 function 이라는 키워드 우측에 함수명을 작성하고 그 우측에는 다시 매개 변수가 들어가는 공간으로 소괄호를 만들어 줍니다. 그리고 우측에는 중괄호를 만들고 안에 소스코드를 넣어 줍니다. 아래의 예시를 참고하면 쉽게 이해하실 수 있습니다. sum이라는 함수명을 임의로 만들고(다른 함수명도 상관 없습니다) 매개변수에는 a와 b라는 값을 넣어준 후에 a와 b를 합친 값을 return(반환)하는 함수를 만들어 주었습니다. functio.. 자바/자바스크립트 삼항연산자 쉽게 이해하기 삼항연산자(Conditional Operator)는 간단한 조건문을 다룰 때 유용하다. 쉽게 말하자면 어떠한 조건을 기준으로 조건에 부합하는 경우와 조건에 부합하지 않는 경우를 나누어서 나타내 주는 연산자이다. 자바와 자바스크립트 두 언어에서 모두 같은 방식으로 사용된다.다음은 이클립스에서 삼항연산자를 사용한 구문이다. String 타입의 변수 isISeven에 값을 담아 줄 것인데 그 값으로 삼항연산자를 사용하여서 조건이 일치하면 왼쪽에 있는 YES, Seven이 나오게 하였고 일치하지 않는다면 우측에 있는 No가 나오게 하였다. 아래에서 보면 알 수 있듯이 조건 우측에 ?를 입력하고 그 뒤에는 :을 사용하여 좌측에 일치하는 경우 우측에는 불일치하는 경우를 나누어 주었다. 아래에서는 변수 i에 담긴 값.. 이전 1 다음
