이번 시간은 자바스크립트를 본격적으로 나가기 전에 워밍업정도라고 생각하시면 될 거 같습니다.
해당 과정에선 자바스크립트를 구현하면서 자동완성을 사용하기 위해 이클립스에 "tern"을 추가했어요.
자바스크립트를 시작하기 전 이클립스는 "tern"기능을 추가해서 자동완성 기능을 사용해보세요. :D
(저는 IntelliJ를 이용해서 하기 때문에 따로 추가하지 않았어요 ~)
기본구조
<script type="text/javascript">
스크립트 내용 삽입
</script>
- script는 html 파일에서 <head> 태그 내에 위치하게 작성
- 해당 스크립트 내용은 순차적으로 실행
- <body>에 사용해도 되지만 <head>에서 사용하는 게 바람직함
alert
alert("알리고 싶은 message");
- alert은 경고메세지가 웹페이지에서 나타나게 된다.
- 알리고 싶은 메세지는 문장이 들어가도 되고 수식이 들어가도 된다.
변수선언
var __변수명__ = ' ';
- 자바처럼 int, char와 같이 타입이 정해지지 않고 var로 데이터 타입을 지정
- String형 객체를 입력할 때에는 ''를 사용해서 입력
document.write()
document.write(______);
- 내용부분은 자바처럼 사용하면 되고, ""를 사용해도 되고 ''도 사용가능
- html에서 사용되는 모든 태그 사용 가능
typeof()
typeof(변수);
- 해당 변수의 데이터 타입을 출력
window.prompt(), prompt()
window.prompt(_________);
prompt("___", "_");
- 입력할 수 있는 창을 생성하여 값을 입력받음
- prompt는 앞에는 요구하는 메세지, 뒤에는 받을 내용에 대한 예시를 표시
- prompt로 입력된 값들은 모두 "String"타입
- prompt의 타입을 바꾸기 위해선 "Number()"나 "parseInt()"와 같이 형변환을 해주는 메소드를 사용
window.load()
window.load=fuction(){
}
- 웹페이지가 로드시 바로 나오는 창이 나올 수 있게 해주는 것
- 출력방식은 document.write나 document.body.innerHTML을 사용
window.open()
window.open('url명', 'value명', '스펙 ');
- url은 src와 같은 역할로, 이미지나 url를 삽입
- value는 해당 객체를 나타내는 이름
- spec은 해당 객체의 크기, 스크롤 바 등을 설정
eval()
eval("수식");
- 문자열을 코드로 인식
confirm()
confirm("메세지 내용");
- 확인하는 메세지창을 띄워서 예 / 아니오 버튼을 통해 확인
- 예는 1을, 아니오는 0을 반환
함수 선언
/*일반적인 함수선언*/
function 함수명(인자값1, 인자값2, .....){
return 반환값;
}
/* 리터널 방식 */
함수명 = function(인자값1, 인자값2, ....){
return 반환값;
}
- 인자값, 반환값은 있어도 되고 없어도 됨
- 가장 흔한 함수 호출법은 인자값과 반환값이 없는 경우임
- 호출은 함수명();으로 하면 됨
익명의 함수선언
(function(){
})();
- 구분시킬 때 사용
오늘은 간단하게 JAVASCRIPT에서 동작하는 변수와 입출력, 함수선언에 관해 알아보는 시간을 가졌습니다.
아직은 처음부분이라 어렵지 않게 진행하고 있는데 앞으로 어떻게 될지는 잘모르겠습니다 ㅠㅠ
오늘은 여기까지 :D
(해당 내용에 대한 자세한 코딩은 https://github.com/Choi-Jinhong/BlockchainEngineerCourse-fninedu에서 확인이 가능합니다.)
Choi-Jinhong - Overview
Choi-Jinhong has 3 repositories available. Follow their code on GitHub.
github.com