리액트 썸네일형 리스트형 당신이 타입스크립뜨를 써야하는 이유유유유유 당신이 타입스크립트를 왜 써야하는지 말해주겠다. 타입스크립트는 자바스크립트 + HTML 짬뽕언어인 JSX라는 놈을 쓰는 "리액트" 프레임워크를 사용하는 웹 프론트엔드 개발자에게 굉장히굉장히굉~장히 필요한 어시스턴트이다. 자바와 자바스크립트 차이점 자, Java 또는 C ...그리도 많이 듣고 귀에 피가 흘리도록 주구장창 들었던 이 컴파일 언어와 웹 브라우저가 알아먹는 언어인 자바스크립트와의 차이점은 어느 시점에 컴퓨터가 알아먹는 언어로 바꿔주느냐 이다. 앞서 말한 자바 커피언어 씨부럴 언어들은 먼저 다~~~ 컴퓨터가 이해하기 쉬운 언어로 바꿔놓은 뒤에 모두 컴파일 다~ 해놓고 나서!!! 컴퓨터한테 던져준다. 그래서 컴파일 과정에서 미리미리 오류를 확인할 수 있다! 컴파일(해독) 언어의 좋은 점? + 문법.. 더보기 (리액트) e.target.value e.target e.target.value 홍길동님 이상, input의 이벤트에 대한 설명이다. 웹브라우저 상에 버튼 클릭, 값 입력 등의 거의 대부분의 일들은 이벤트 이다. OnClick 을 어트리뷰트로 갖고있다면, 클릭 행위의 이벤트를 포함한다고 볼 수 있다. 대표적인 것으로 Input이 있다. React에서는 을 제공하는데, input의 어트리뷰트로 onClick을 제공한다. 클릭 이벤트 발생시, 실행하고 싶은 일을 함수로 정의해준다.(사용자가 할일) handleChange= (e ) =>{ //e는 이벤트 객체를 의미한다. this.setState({ [e.target.phone] : e.target.value // e.target은 을 의미한다. console.log를 찍어보면 더욱 명확하다. .. 더보기 [React] 인풋 상태관리/e.target.value 인풋을 이야기하지만, 사실상 이벤트에 대한 이야기다. 이벤트는 사용자가 하는 어떤 행위이다. 버튼을 클릭하거나, 입력창에 텍스트를 입력한다던가 하는 그런 이벤트 이벤트가 발생하는 태그는 input, button 등이 있다. 그 중 input에 대해 배우면, button도 자연스레 알기 쉬워진다. 1. input 태그 - - name : input 태그의 명칭 - placeholder : input 최초값 (상수) - onChange : input의 값이 변경됨을 감지했을 때 실행할 함수 매칭 - value : input의 값 2. state 정의 - name : "홍길동", - myphone : "0000" 사실상, placeholder가 없으면, state 첫 선언 시 초기설정 가능, 하지만 place.. 더보기 이전 1 다음
