본문 바로가기
반응형

프로그래밍87

[JavaScript] (+ - * /) 연산자 특성정리 연산이 들어왔을때 해당 값타입은 숫자로 변환을 시도한다. 자바스크립트는 기본적으로 웹페이지에서 활용되기 때문에 민감한 에러를 내지 않으려는 특성을 가진 언어이다. 해당 값은 연산을 위해 변환된 값이다. 값타입 / 연산때문에 변환을 시도할때 Undefined => NaN Null => 0 Boolean => true:1, false:0 Number => 전후 같음 String => 값이 숫자이면 숫자연산, 더하기는 연결 [ + 연산자 ] + 연산의 특성 var two = "2"; var value = 1 + two console.log(value); // 12 console.log(typeof value); // string var data = 1 + 5 + 'ABC' console.log(data); /.. 2021. 2. 19.
미션 1. addEventListener를 사용했을때, onclick을 사용했을때의 차이 정확히 알기 var word = document.querySelector("#n"); word.addEventListener('click', function( )) var word = document.querySelector(); word.onclick = function() { } 2. addEventListener 사용시 자식 태그들은 어떻게 처리하는지 정확히 알기 3. querySelector와 getElementById 방식의 차이 정확히 알기 4. bind를 써야할 때 5. 이벤트 처리의 인라인 방식과 프로퍼티 방식 정확히 알기 ETC 반복문의 버튼 구현 hammerbrother.tistory.com/14 자바스.. 2021. 2. 16.
[JavaScript] push와 concat의 중요한 차이 배열에 원소를 추가하는 방법 2가지중 push와 concat은 어떤 차이가 있을까? var arr1 = [1, 2, 3]; arr1.push(4); // arr1은 [1,2,3,4] * push는 오리지널 값이 아예 바뀌어서 arr1은 완전히 1,2,3,4 가 된다. var arr2 [1, 2, 3]; var result = arr2.concat(4); // result는 [1,2,3,4] // arr2는 [1,2,3] * concat은 오리지널 값은 그대로 두고, 새로운 값이 생긴다. 오리지널 데이터를 아예 변결할 것인지, 아니면 오리지널 데이터를 따로 두고 추가할 것인지 잘 판단을 해서 사용해야 한다. 2021. 1. 31.
[React] 클릭이벤트 이해하기 지금까지 컴포넌트화, props, state를 모두 이용하여 만든 페이지이다. 여기까지가 기본 내용이고 이제는 이벤트를 이용해볼 건데, 내가 할 것은 WEB을 클릭했을 때 맨 아래 부분이 "HTML ~" 이게 아니라 처음 기본페이지에 걸맞게 Welcome이 나오도록 만들어볼 예정이다. 그리고 ul-li로 만들어준 HTML, CSS 등등도 거기에 맞는 정보를 나타나게 할 것이다. 1. 링크 걸기 class Subject extends Component { render() { return ( {this.props.title} {this.props.sub} ); } } 간단해서 설명이 필요X a태그를 걸어주고 WEB을 클릭하면 /로 이동하도록 만든다. 2. web을 누르면 보여줄 내용 작성 App.js cla.. 2021. 1. 24.
반응형