구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다. in ES5 ES5에서 구조화된 배열을 디스트럭처링하여 1개 이상의 변수에 할당하는 방법은 다음과 같다. var arr = [1, 2, 3]; var one = arr[0]; var two = arr[1]; var three = arr[2]; console.log(one, two, three); // 1 2 3 in ES6 ES6의 배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당한다. 이 때 배열 디스트럭처링 할당의 대상(할당문의 우..
분류 전체보기
* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) 버튼에 이벤트를 추가하는 예제를 통해 이벤트 처리하는 방법에 대해 알아보자. 우선 아래와 같이 Hello.js의 내용에 태그를 추가한다. export default function Hello() { return Hello Show name Show age ; } 방법 1. 함수 showName() 함수를 추가하여, 버튼의 onClick 옵션으로 넣어준다. 여기서 주의할 점은 중괄호 내부에 showName이 아닌 showName()을 작성하게 되면 showName() 함수가 반환하는 값이 들어가게 되어, undefined가 반환되므로 주의하자. export default function Hello() { function show..
만약, git의 기본 브랜치가 master인 경우 github상은 main일 때 푸쉬해도 번거로운 과정을 거쳐야 할 때가 있다. 그러므로 git log를 통해 현재 브랜치가 master이면 main으로 브랜치 명을 변경하도록 아래 과정을 추가로 해준다. git branch -m master main git push origin -u main git push origin --delete master github를 로컬 git과 연동하기 원격 저장소 주소 추가 : git remote add origin [GitHub 저장소 URL] 만약 이미 remote가 있다고 하면 : git remote rm origin main 브랜치에 푸시 : git push -u origin main
* 이 강의 내용은 코딩앙마 리액트 강의를 보고 정리한 내용입니다.(link) 1. 인라인 스타일 사용하기 태그에 스타일 옵션을 이용하여 스타일을 적용하는 방법이다. 단, 스타일 옵션의 값은 객체가 들어가야 하므로, 중괄호가 2중으로 작성되어야 한다. (코딩앙마님 강의와는 다르게 보기 편하도록 컴포넌트를 임의로 하나 추가했다.) 📁 CssStyleTest.js export default function CssStyleTest() { return StyleTest inline style ; } 여기서 주의할 점이 몇 가지 있다. 스타일의 옵션 이름을 background-color와 같이 dash(-)를 사용하지 말고, backgroundColor와 같이 Camel 케이스로 작성해줘야 한다. value 부분..
