베짱이와 노는 개미

오늘은 javascript에서 데이터 타입과 변수 선언에 대해서 배워보자!! 타입(데이터타입/형(type))이란 프로그램에서 다룰수있는 값의 "종류"를 의미한다. javascript에서는 5가지의 형태를 정의하고있다. 1. 숫자 다른 프로그래밍 언어에서는 숫자형 타입도 정수형, 실수형으로 나뉘지만 javascript에서는 정수와 실수 모두 한번에 정의 할수이다. ex) var num = 1;(정수) var num = 10.5;(실수) 2. 문자열 javascript에서는 따옴표를 통해 문자의 집합인 문자열을 표현할수있다. ex) var str = "문자열"; var str = "안녕하세요"; 3.불리언 참(true)과 거짓(false)을 표현하는 타입 ex) var value = true; var val..

콘솔의 역할에 대해서 쉽게 설명해보겠다 프로그래밍을 하는 과정에서 우리가 작성한 문장이 의도대로 잘 작동하는 지 확인해보기 위한 도구이다. 예를들어서 html파일에서 버튼을 만들고 그 버튼을 누를때마다 숫자가 증가 또는 감소를 하는 웹페이지를 만들었다고 가정하자 증가버튼 감소버튼 초기화버튼 이런식으로 html파일에서 버튼 3개(버튼은 마음대로 생성해줘도 된다.)를 만들어주고 var n=0; function up(){ console.log(++n); } function down(){ console.log(--n); } function zero(){ console.log(0); n=0; } 이런식으로 각 버튼에 대한 증가,감소 하는 함수를 정의해주면 실제로 버튼이 눌렸을때 값이 변하는지를 콘솔창을 통해 확인..

오늘은 본격적으로 자바스크립트를 html에 적용해보겠다. html에 javascript를 적용하는 방법은 2가지가 있는데 그중 우리는 js파일을 따로 외부에서 만들어서 src로 링크를 걸어서 사용하는 방식을 많이 사용하기때문에 이 방법을 사용해보겠다. 일단 오늘은 간단하게 버튼을 만들어서 삼행시가 출력되는 사이트를 한번 만들어보겠다. 웹개발 이라는 키워드로 삼행시를 지어보겠다. 일단 html로 끌고올 js파일을 하나 만들어주자 확장자명만 .js로 설정해주면 된다. html파일로 우리가 만든 index.js라는 js파일을 가져와야한다.(위에서 말한 2번째 방법) body태그에 를 추가해준다. 그리고 이제 js파일로 가서 function changeText1(){ var h1 = document.getEle..

오늘은 좀 본격적으로 javascript를 직접 사용하기위해 html과 연동하는 방법에 대해서 소개해보겠다 방식은 크게 2가지가 있다. 1.html파일에 script태그를 이용하여 연동하기 이런식으로 script태그를 직접 활용하는 방식이다. 이방식은 코드가 길어지면 구조가 복잡해질 수 있기떄문에 추천하는 방식은 아니다 즉 다음에 소개되는 2번째 방식을 많이 사용한다. 2. script src를 사용하여 링크 걸기 앞서배웠던 스타일시트파일(css)을 따로 만들어서 html에 적용했던 방법과 동일하다 javascript파일을 따로 만든뒤에 src를 통해 연결해주면 되는것이다. 이런식으로 hello라는 이름의 javascript파일을 만들어서 src를 통해 연결해준다. =====================..