개발

JavaScript - select 객체(selectedIndex, options)

select객체.selectedIndex : 선택된 옵션 항목의 인덱스 위치 select객체.options : option 항목들의 배열 -> select.selectedIndex (선택된 옵션 위치) -> select.options.length 소스 select 활용하기 - 1 선택하세요 작성자 제목 검색 결과

개발/JavaScript 2020. 6. 4. 14:05

JavaScript - checkbox 상태 확인(checked)

체크박스엘리먼트.checked = true (체크) 체크박스엘리먼트.checked = false (체크해제) 소스 체크박스 테스트 전체 오늘 점심 메뉴는? 돌솥비빔밥 라면 햄버거 결과

개발/JavaScript 2020. 6. 4. 13:32

JavaScript - 폼 데이터 체크 후 서브밋 하기(onsubmit)

onsubmit : submit 이벤트가 발생했을때 체크 (서버로 전송 전에 데이터 체크) 값이 올바른 경우에는 전송, 값이 올바르지 않은 경우에는 취소 onsubmit="return false" - 결과가 false라면 전송하지 않음 소스 id: pass: pass 확인: 확인 확인2 결과 (action 설정한 페이지는 없으므로 서브밋 성공시 에러 페이지가 뜨는것은 정상!)

개발/JavaScript 2020. 6. 4. 10:49

JavaScript - 엘리먼트의 값 추가, 삭제(innerHTML, remove)

소스 추가 삭제 결과

개발/JavaScript 2020. 6. 3. 17:21

JavaScript - 엘리먼트의 속성 추출하기(getAttribute)

소스 확인 속성확인용... 결과

개발/JavaScript 2020. 6. 3. 17:04

JavaScript - 엘리먼트의 속성 추가하기 2 (setAttribute)

Dom API를 활용한 속성 추가하기 setAttribute("키", 벨류) 소스 추가 결과

개발/JavaScript 2020. 6. 3. 16:35

JavaScript - 엘리먼트의 속성 추가하기 1

객체.속성명 = 값 사용자 정의속성은 추가되지 않는다. 소스 추가 결과

개발/JavaScript 2020. 6. 3. 16:12

React - 인텔리제이로 리액트 프로젝트 만들기

* React 사용에 앞서 NodeJS가 설치되어 있어야 한다. 설치는 https://nodejs.org/en 에서 안정적인 LTS 버전으로 설치하자. 1. New Project - JavaScript - React App - Next 2. 프로젝트명과 경로 입력 후 Next (소문자만 가능하며, 숫자 및 하이픈이 있을 경우오류를 띄운다. 전에는 됐었는데....) 알파벳만 입력해서 프로젝트를 만든다! 프로젝트 경로에 해당하는 폴더가 없을 경우 자동으로 생성해준다. 3. 프로젝트가 생성되면 디버그콘솔창에서 리액트 프로젝트가 생성되는것을 볼 수 있다 (은근 오래걸린다) 4. 콘솔창에 Done 이 뜨면 완료! 5. 프로젝트 실행은 우측 상단에 npm start 옆 재생 버튼을 누르거나, 터미널창에서 npm r..

개발/React 2020. 6. 3. 13:27

페이징

1 ··· 3 4 5 6 7 8 9 ··· 19

티스토리툴바