본문 바로가기

  • 프로그램 강좌 [html11]배경 이미지 사용하는 방법 오늘은 배경 사용방법에 대해서 배워볼게요. 먼저 div 가 있어야겠죠? p태그도 상관없고, 블록형태의 태그면 됩니다. background 연습
  • 프로그램 강좌 [react.js]ref 사용방법 리스트 등록 후 자동으로 input1에 위치 시키고 싶을때 커서를 강제로 바꾸고 싶을때 사용하는 기능 components/Board.js import React, { Component } from 'react'; class Board extends Component { state = { input1: '', input2: '', list: [] }; num = 0; resetInput = null; //추가 //모든 input 제어 handleChange = e => { const { name, value } = e.target; this.setState({ [name]: value }); }; //추가 명령을 수.. 더보기
  • 프로그램 강좌 [react.js]onSubmit, preventDefault 사용방법 ※ 이 강의는 velopert 님이 하셨던 강의 복습하는 중에 제 스스로 이해한 내용을 담은 내용입니다. handleKeyPress 지우기 submit으로 바꾼다면 엔터 기능이 내장 되어 있으니 삭제 input 부분 form으로 감싸기 components/Board.js import React, { Component } from 'react'; class Board extends Component { state = { input1: '', input2: '', list: [] }; num = 0; //모든 input 제어 handleChange = e => { const { nam.. 더보기
  • 프로그램 강좌 [react.js]onKeyPress 사용방법 ※ 이 강의는 velopert 님이 하셨던 강의 복습하는 중에 제 스스로 이해한 내용을 담은 내용입니다. 함수 및 기능 추가하기 components/Board.js import React, { Component } from 'react'; class Board extends Component { state = { input1: '', input2: '', list: [] }; num = 0; //모든 input 제어 handleChange = e => { const { name, value } = e.target; this.setState({ [name]: value }); }; //추가 명령을 수행할.. 더보기
  • 프로그램 강좌 [react.js]리스트 글 지우는 방법 ※ 이 강의는 velopert 님이 하셨던 강의 복습하는 중에 제 스스로 이해한 내용을 담은 내용입니다. UI 구성 역시나 UI구성에서는 지울 버튼이 필요하겠죠? components/Board.js //state 아래 num = 0; ***
      {list.map(item => { return (
    • {item.input1} / {item.input2} //추가
    • ); })}
    다음은 몇번째 리스트를 지우는지 프로그램이 알게 해줘야겠죠? cre..
    더보기

게시물이 존재할 경우 아래에 최신순 4건이 배열됩니다