전체 글376 [Javascript] text 박스에 두 수를 입력하면 덧셈을 해주는 함수 / trim() / return / parseInt / onclick() / 덧셈 전 덧셈 후 전체 코드 + = 2022. 9. 25. [Javascript] <form> 태그 사용 시 접근 방식 / forms 객체에 관해서 / 태그에 대해서는 이전 포스팅을 참고해주세요. [HTML] form / 서버 / 클라이언트 / GET과 POST의 차이에 대해서 / method: get / method: post 폼 (form) 로그인을 위해서 아이디/비밀번호를 입력할 때나 회원가입을 하기 위해서 개인정보를 입력할 때 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때 폼을 이용해서 서버에 전송합니 starting-coding.tistory.com 우선 forms 객체에 대해서 알아보겠습니다. 태그는 자바스크립트를 통해 접근, 제어할 수 있습니다. forms[] 배열은 폼 자체로 배열로 참조되어 집니다. 배열의 순서는 구성 요소의 순서와 마찬가지로 HTML 내에서 기술된 순서와 동일하게 0번부터 참조되어집니다. 배열로 참조된 폼 내의 .. 2022. 9. 25. [Javascript] window.onload() 함수 사용 / 콜백함수 / addEventListener() widow.onload() 함수 자바스크립트에서 페이지가 로드되면 자동으로 실행되는 전역 콜백함수이며, 웹 페이지의 모든 요소들이 로드된 후 호출되며, 웹 페이지에서 여러번 사용해도 window.onload() 함수는 하나만 적용됩니다. 이를 대체할 수 있는 방안은 글 아래쪽에 작성해보겠습니다. 아래와 같이 코드를 작성했습니다. Hello world 위와 같은 코드의 실행순서는 자바스크립트의 document.getElementById( 'pTag1' )가 p 태그의 id인 pTag1이 생성되기 전에 실행되므로 에러가 발생하며, style.color.blue가 적용되지 않습니다. 에러 내용을 단어를 통해 뜻을 유추해본다면 정의되지 않은 개체의 속성을 읽을 수 없다.하려고 한다. 그렇다면 페이지가 로드되면 .. 2022. 9. 24. [Jquery] 이벤트 등록 메서드/ 로딩 / 마우스 / 키보드 / load() / ready() / click() / hover() / keyup() 이벤트 등록 메서드란? 이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하며, 이벤트 핸들러는 이벤트가 발생했을 떄 실행되는 코드를 말함. 이벤트 등록 메서드의 종류 구분 종류 설명 로딩 이벤트 load() 프레임 요소에 연동된 소스의 로딩이 완료된 후 이벤트 발생 ready() 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트 발생 마우스 이벤트 click() 선택한 요소를 클릭했을 떄 이벤트 발생 hover() 선택한 요소에 마우스 포인터를 올렸을 떄와 벗어났을 떄 이벤트 발생 키보드 이벤트 keyup() 선택한 요소에 키보드에서 손을 떼었을 떄 이벤트 발생 2022. 9. 24. [Java] 자료형 / 정수 / 문자 / 실수 / 논리 자바에서 제공하는 자료형은 기본 자료형과 참조 자료형이 존재합니다. 정수형 문자형 실수형 논리형 1바이트 byte boolean 2바이트 short char 4바이트 int float 8바이트 long double 정수 자료형 양수, 음수, 0을 나타내는 데 사용하는 자료형이며, 표와 같이 4가지 자료형으로 나타낼 수 있음. public class DataTypeEx06 { public static void main(String[] args) { int i2 = 0b1010; int i8 = 030; int i16 = 0xA4; System.out.println( i2 ); System.out.println( i8 ); System.out.println( i16 ); //큰수일떄는 언더바를 넣어서 표현이.. 2022. 9. 23. [Java] 변수 / 변수 선언 / 초기화 / 초기화 오류 / 상수 변수 값을 넣을 수 있는 빈 그릇 int level;// 형식: 자료형 + 변수이름 level = 10;// 값 10을 level 변수에 대입 변수 선언 후 초기화 public class variableEx01 { public static void main(String[] args) { // 변수 선언 int num1; // 초기화 num1 = 10; System.out.println( num1 ); 변수 선언과 동시에 초기화 //변수 선언과 동시에 초기화 int num2 = 20; System.out.println( num2 ); 변수 num3의 초기화 오류 변수 num3의 초기화 상수 선언하기 앞서 설명한 변수는 변하는 수이지만,원의 넓이를 구할 때 원주율이 3.14라고 정했다면 이 값은 변하지 않는.. 2022. 9. 23. [Java] cmd / java / javac / javac -encoding utf-8 *.java / unmappable character for encoding ms949 에러 helloWorld.java 파일 저장 cmd 실행 후 change Directory cd C:\java javac 명령어란? 텍스트 파일로 작성된 java 파일을 bytecode로 컴파일하는 명령어이며, 컴파일된 파일은 '.class' 파일로 저장됩니다. javac helloWorld.java 디렉터리의 파일 및 하위 디렉터리 목록을 표시하는 dir 명령 dir java 명령어란? 위와 같이 javac 명령어로 컴파일한 '.class' 파일을 실행시킬 수 있습니다. java helloWorld 한글로 인한 오류가 발생했을 경우는 (unmappable character for encoding ms949 에러) javac -encoding utf-8 파일명.java javac -encoding utf-8 .. 2022. 9. 23. [javascript] <input type ="checkbox">의 checked 확인 / checkbox 전체 선택 / 전체 선택 취소 / 부분 선택 / getElementsByName() / onclick() 아래와 같은 체크 박스와 버튼이 있습니다. 전체코드는 아래와 같습니다. 사과 수박 딸기 축구 야구 배구 우선 어떻게 동작하는지 보겠습니다. 박스 체크 확인 버튼을 누른 후 사과, 수박, 딸기 중 체크가 되어있지 않는 박스에 체크되지 않았다고 경고창( alert)을 뛰웁니다. * 버튼 누르기 전 * 버튼 누르기 후 // getElementById를 통해 접근 후 onclick 이벤트 관련 함수 정의 document.getElementById( "matchBtn" ).onclick = function() { let fruitCheckBtn = document.getElementsByName('1row'); // for문을 통해 1 ~ 3 체크박스의 checked를 확인 // checked 상태라면 conso.. 2022. 9. 23. [Javascript] checkBox에 체크된 value 값 console 출력 / checked.value 1)사과 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력 2) 수박 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력 3) 딸기 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력 * 전체 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력 전체 코드 사과 수박 딸기 2022. 9. 23. 이전 1 ··· 31 32 33 34 35 36 37 ··· 42 다음
