일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 스프링
- 박싱
- start.spring.io
- suvlet
- 인텔리제이
- dependency
- 컬렉션
- 제너릭
- 제네릭
- 빌드
- 무한
- 싱글톤
- 클래스
- 메소드
- unboxing
- boxing
- 싱글턴
- 콜렉션
- Scanner
- bootstrap
- Java
- maven
- 루프
- Short
- 언박싱
- 내장객체
- wrapper
- Jenkins
- https://start.spring.io
- 자동형변환
- Today
- Total
목록K-DigitalTraining 강의/6. Javascript(웹표준) (38)
Developer Gonie
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/wgUHe/btrGfH047hH/Vdyjaf6QFiok2EK10tckk0/img.png)
* 이렇게 작성한 함수를 바로 javascript 코드 내에서 호출하여 사용할 수 있기도 하지만 html에서 버튼을 만든 뒤, 버튼 클릭시 호출될 함수를 명시해주어 호출되게 할 수 있기도 하다. 이것에 대한 예시는 바로 다음의 게시글에서 알아보자. https://ldgeao99-developer.tistory.com/331 함수 작성 방법 // 함수정의 function 함수명(파라미터1, 파라미터2,,,){ 실행코드 } // 함수 호출 함수명()
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cU32sE/btrGgq5NXS4/EKuKfvqlDkyIgOZuOCzNjk/img.png)
* html 태그로 버튼을 만들고 여기에 onClick 속성으로 만든 함수및 매개변수를 설정해두면 해당 버튼이 클릭시 만들어둔 함수가 호출되게 할 수 있다. 버튼에 호출될 함수를 붙인 예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cyWWhu/btrGiueQnJI/xQVne5IvtPFF5QAUG9fkK0/img.png)
* while, do-while 문의 문법은 java와 다를게 없으니 동일하게 작성하면 된다. while문 예시 do-while문 예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bu1pO8/btrGgrDCW5k/GT2UX7QylNBE7aK05zwAw0/img.png)
* 일반 for문의 문법은 java와 다를게 없으며 이중 for 문도 동일하게 작성하면 된다. 일반 for 문 사용예시1 이중 for 문 사용예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/3p0S4/btrGfPkJ1R6/hL7gLfCLHiULw9OMg3NLK1/img.png)
삼항연산자 answer = result ? A : B; // A : true인 경우 반환할 값, B : false인 경우 반환할 값 사용예시
switch-case문 * switch-case 문을 작성하는 방법은 java와 동일하다. 단, java와 javascript 둘다 case 뒤에 >, < 가 들어간 조건문을 넣을 수 없고, 값만 넣을 수 있다. 조건문을 넣으면 default 문만 작동되는 문제를 볼 수 있을 것이다. switch(값){ case 값1: 실행문; break; case 값2: 실행문; break; default: 실행문; } 사용예시 var resultBySwitch; switch(parseInt(avg/10)){ case 9: resultBySwitch = "A"; break; case 8: resultBySwitch = "B"; break; default: resultBySwitch = "C"; } var favorit..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/FpwDZ/btrGgriMHnd/kc46K969kfuxliGGcsAsY0/img.png)
if-else문 * if, else 문을 작성하는 방법은 java와 동일하다. if(조건){ 실행문 }else if(조건){ 실행문 }else{ 실행문 } 사용예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GkoBP/btrGfyCWKLn/qlx31EYGNxA3ywUabKWsk0/img.png)
확인 취소 버튼이 있는 창을 띄우는 함수 1) 확인 클릭시 : undefined, 보통 반환값을 이용할 목적이 아닌 경고창만을 띄우기 위한 목적으로 사용됨 alert("창에 띄울 메시지"); 사용예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/baJqhC/btrGfz2RiBS/IXBe10btSbW8YJwR2Z4iuk/img.png)
확인 취소 버튼이 있는 창을 띄우는 함수 1) 확인 클릭시 : true 2) 취소 클릭스 : false 변수 = confirm("창에 띄울 메시지"); * 이를 삼항연산자로 다룬 게시글을 보고싶다면 바로 아래 링크를 가서 확인해보자. https://ldgeao99-developer.tistory.com/321?category=1083001 사용예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GQ58D/btrGg39ge5f/p6GcGveoWaMP6xiWAwihek/img.png)
사용자입력을 받는 창을 띄우는 함수 1) 아무것도 입력하지 않고 확인을 누른경우 : null이 아닌 길이가 0인 string 타입의 문자열(""으로 감싸진게 반환됨) 2) 무언가를 입력하고 확인을 누른경우 : null이 아닌 string 타입의 문자열(" "으로 감싸진게 반환됨) 3) 취소버튼을 누른 경우 : null 변수 = prompt("프롬프트 상에 띄울 메시지", "디폴트값 지정"); * 이를 if문으로 다룬 게시글을 보고싶다면 바로 아래 링크를 가서 확인해보자. https://ldgeao99-developer.tistory.com/318 사용예시
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cANqGA/btrGfofVAjk/8Q8JdFK7imp1zUiJFj6nIk/img.png)
화면에 출력하는 함수 java의 System.out.print()와 비슷한 기능을 하는 함수로 html에서는 화면 영역을 document라고 부르는데 여기에 출력하는 함수이다. * 이 함수를 이용해 html의 태그를 출력하면 html을 직접 작성한 것과 같은 효과를 가진다. 단순 문자열을 브라우저에 출력하는 것도 가능하다. * 또한, java에서는 System.out.print()의 인자로 문자열을 연결하는 '+' 연산자를 사용할 땐 모두 같은 문자열 타입이어야만 했는데 javascript에서는 서로 다른 타입이어도 연결이 가능하다. '문자열 + 문자열', 혹은 '문자열 + 숫자'의 경우 문자열을 연결하며, '숫자 + 숫자'의 경우 덧셈연산을 수행한다. document.write(); 단순 문자열을 출력..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/BSHak/btrGfaiotAK/hHV1VAG6hofenvuU7gfhh1/img.png)
* 자바스크립트 언어에서는 변수 선언시 타입을 붙여줄 필요가 없다. 값을 할당할 때 변수의 데이터 타입이 알아서 지정되기 때문이다. 변수 선언방법1 * 값을 초기화 하는 것 없이 변수만 선언해주려면 variable의 줄임말인 'var' 을 꼭 붙여줘야 한다. var a,b,c; 변수 선언방법2(선언과 동시에 초기화) * 자바스크립트에서 변수 선언시, 변수의 타입은 자동으로 지정되니 타입은 적어주지 않아도 된다. 또한, 값을 초기화 하면서 선언하는 아래와 같은 경우 var 키워드를 생략해도 된다. //변수의 타입을 지정해 주지 않고도 변수 생성 가능 a = 10; b = 0.123; c = "banana"; //아래와 같이도 가능 var a = 10; var b = 0.123; var c = "banana..