Web_Front-end/JavaScript(48)
-
[JavaScript] 2021.01.18. DAY_58 반복문 _ 배열
※ 1. 배열 확인 ※ 항상 실행해볼때에는, 최신브라우저에서 사용한다 (내장브라우저X) - Chrome이 가장 좋다 ※ 2. for in 반복문과 for of 반복문 객체에 쉽게 반복문을 적용함 for in 반복문과 for of 반복문은 for 반복문 사용과 역할이 같음 for( let 인덱스 in 배열 ) { } for( let 요소 of 배열 ) { } for( let i=0; i
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 조건문_ Boolean(), || 연산 등
※ 거의 모든 조건문이 Java와 같다 국어점수 : 영어점수 : 수학점수 : 점수계산 총점 : 평균 : 등급 : ※ Boolean() 함수 true 0이아닌 값이 있다면 null이 아닌 값이 있다면 false 0 NaN "" null undefined ※ || 연산자 || 연산자를 boolean이 아닌 자료형에 사용할 경우 A || B에서 A가 참이라면 A로 대치 A || B에서 A가 거짓이라면 B로 대치 || 연산자를 두번 사용해서, a변수에 어떤 값이 담기는지 알아보자,
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 template String
${ } 안에 변수를 선언할 수 있다 백틱(`)(grave accent)를 사용한다 ''(작은따옴표가 아니다) ※ 항상 실행해볼때에는, 최신브라우저에서 사용한다 (내장브라우저X) - Chrome이 가장 좋다
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 유효성검사
JavaScript + JSP 로 유효성검사 (숫자인 값만 JSP파일로 보내는 연습) ▼JavaScript로 숫자만 JSP파일로 넘어가게 유효성검사 해보기▼ 이름 : 나이 : ▼JSP파일▼ 이름 : 나이 : input type을 text가 아닌, number로 작성하면 브라우저마다 다른 형식으로 유효성검사를 자동으로 해준다. ▼JavaScript에서 따로 유효성검사처리를 하지 않고, input type을 number로 변경해서 검사하기▼ 이름 : 나이 :
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 자동형변환, ===연산, const(상수)
※ 자동형변환으로 연산작업 처리해보기 ※ + 더하기 연산 연산 중간에 문자열이 나오면, 문자열이 나온 뒤부터 문자열로 변환되어, 연결된다 연산의 첫번째가 문자열이면 후미 연산도 모두 문자열로 변환되어, 연결된다 따라서 후미연산에 숫자연산을 하려면, 괄호로 우선연산을 해주면 된다 ※ - * / == 연산 더하기 이외의 연산자는 처음 연산의 시작이 문자열이여도, 문자열이 숫자형식이면 숫자로 자동형변환하여 연산에 참여시킨다 ※ === 연산 type과, 값이 모두 동일한지 물어보는 연산자 ※ Java의 final 과같은 상수 const
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 JavaScript의 기능, 연산, 문자열, 표현식
[ 표현식 ] 273 10 + 20 + 30 * 2 "JavaScript Programming" //Java의 '' 문자 ""문자열의 구분이 없고, JavaScript는 '' , "" 모두 문자열이다 [ 문장 ] : 표현식이 하나 이상 모일 경우, 마지막에 종결 의미로 세미콜론(;) 프로그램 : 문장이 모이면 프로그램이 됨 273; 10 + 20 + 30 * 2; let name = "홍" + "길" + "동" console.log("Hello World!") //콘솔에 출력 : 사용자의 서비스를 위함이 아니기 때문에 chrome의 개발자도구 console에 출력되는 것이다 ※ 변수를 선언, 사용할때 Java와는 다르다 Java : 자료형을 먼저 선언해준다 String name = "이름"; JavaSc..
2021.01.18 -
[JavaScript] 2021.01.18. DAY_58 window.onload window창이 모두 열리고 나서 동작하게하는 방법
※ 아래와 같은 코드를 실행하면, html이 만들어지기 전에 스크립트가 실행되기 때문에 alert창이 보이지 않는다 ==> 읽어들일 수 없기 때문에 홍길동 ※ window.onload를 사용해서, html(window)를 먼저 실행시키고, function을 수행하도록 처리한다 홍길동
2021.01.18 -
[JavaScript] 2021.01.14. DAY_56 JavaScript란?
◎ JavaSctipt란? Java를 기존에 공부했다면 약간 유사하지만 다른 언어이기 때문에 헷갈릴 수 있다 JavaScript로 작성한 코드는 웹브라우저에 노출이 된다(JSP와 차이점) 따라서 웹 초기에는 JavaScript를 중요하게 생각하지 않았다 사용자의 입력값을 서버로 전송하기 전에 정확한 값이 입력되었는지 검사(유효성검사) 하는 용도로만 사용(과거) 현재는 JavaScript의 확장된 기술 NodeJS를 이용하면 별도의 Tomcat같은 것을 사용하지 않고도 서버를 구축할 수 있다 사용자가 어떠한 서비스를 요청하였을 때 문서 전체의 내용이 변경되기 보다는 일부분만 변경되는 일이 많다 이때 서버로부터 변경되는 데이터만 받아와서 일부분으로 바뀌는 HTML 을 동적으로 생성해야하는데 이것을 자바스크립..
2021.01.15