HTML에서 JavaScript 변수 사용하기 JavaScript에 생선된 변수를 HTML에서 사용하는 방법은 여러가지가 있습니다. 그중에서도 id를 부여하고 사용하는 방식이 가장 보편적으로 사용하는 방법중 하나입니다. 사용방법은 다음과 같습니다. // 태그에 id값을 부여합니다 // // javaScrip에서 id값을 받아 javaScript의 변수값을 입력합니다 // [JavaScript] 자바스크립트 변수(상수)생성 방법 let, var, const [JavaScript] 변수생성 let, var, const JavaScript에서 변수(variable)를 생성하는 방법 JavaScript에서 변수를 생성하는 방법 광역변수, 지역변수 등등... 여러가지가 있지만 우선 먼저 대표적인 세가지 방법에 대..

인터넷 브라우저에서 페이지를 새로고침하는 버튼(태그) 만들기 인터넷 브라우저를 새로고침해야할때 (F5) 버튼이나 브라우저의 새로고침 버튼을 사용하는것 보다 조금 더 편리한 위치에 새로고침 버튼(태그)를 만들어 사용편의성을 높일 수 있을 때 필요한 코드입니다. 1. button tag를 이용하여 만들기 새로고침 2. a 링크를 이용하여 만들기 [새로고침]

자바스크립트로 통계값 구하는 스크립트 만들어보기 가끔 통계(평균, 분산, 표준편차 등)값을 구해야하는 상황이 생기는데 손으로 계산을 하려면 종종 번거로울때가 있어 인터넷 브라우저에서 간단하게 값만 입력하면 통계값들을 구해주는 코드를 짜보았습니다. 프로그램 설계는 간단하게 다음의 순서대로 진행 할 수 있게 짜보았습니다. 1. 알림창을 통하여 입력값을 받습니다. 2. 추가로 값을 입력할 것인지 확인합니다. 3. 1번과 2번을 반복하여 입력값을 받아 배열로 정리합니다. 4. 문자열로 입력받은 배열값을 숫자로 변환하여 각 통계값들을 구합니다. 5. 자료(표본)값들의 평균값을 구합니다. 6. 자료(표본)값들의 분산값을 구합니다. 7. 자료(표본)값들의 표준편차값을 구합니다. 평균,분산,표준편차 구하기 허접 코드를..

문자열(String)을 숫자(Number) 타입으로 변경하기 1. Number()함수를 이용하여 타입 변경하기 var t = "3" t = String(t); console.log(typeof t); // result : number 2. parseInt() 함수를 이용하여 정수(Integer) 타입으로 변경하기 var t = "3" t = parseInt(t); console.log(typeof t); // result : number 3. parseFloat() 함수를 이용하여 실수(Float) 타입으로 변경하기 var t = "3" t = parseFloat(t); console.log(typeof t); // result : number 1. 자바스크립트의 자동형변환을 이용하여 숫자 타입으로 변경..

자바스크립트에서 배열(array) 생성하기 1. 배열 리터럴 대괄호[]를 사용하여 배열을 만드는 방법 1) 초기값을 할당하여 배열 생성 var arr = [123, '가나다', true]; console.log(arr); 2) 빈 배열 생성후 배열값을 입력하는 방법 var arr = []; arr[0] = 123; arr[1] = '가나다'; arr[2] = true; console.log(arr); 3) 배열 크기를 지정하고 배열을 만드는 방법 var arr = [,,,]; arr[0] = 123; arr[1] = '가나다'; arr[2] = true; console.log(arr); 위와같이 쉽표를 세개 입력한다면, 배열값을 세개만 갖는 배열을 생성하겠다는 뜻 입니다. 2. 생성자 함수(new Arr..

prompt() 함수를 이용해 문자열 입력받기 prompt()함수를 이용하여 문자열을 입력받고 알림창으로 입력값을 출력하는 코드입니다. 첫번째 매개변수에는 입력값을 받는 인자이고, 두번째 매개변수는 기본적으로 입력되어 있는 문자열입니다. 만약 입력값을 알림창이 아니라 도큐멘트에 출력하고 싶을때는 다음과 같이 코드를 변경하여 출력합니다. confirm() 함수를 이용해 (Yes or No) 입력받기 confirm() 함수는 prompt() 함수와는 달리 하나의 매개변수만을 받을 수 있습니다. 매개변수로 입력한 문자열은 입력창을 설명하는 문자열로 출력됩니다. 코드를 실행후 [확인]을 누르면 true를, [취소]를 누르면 false를 결과값으로 반환합니다. 위와같이 결과값을 true 또는 false가 아니라 ..

HTML 코딩연습 두번째: 반응형 사이트 만들어보기 WEBSTORYBOY 쌤의 강의를 따라하며, 두번째 연습작으로 만들어본 반응형 웹사이트 입니다. 나름 강의내용에서 약간씩 변형해가면서 만들어 봤습니다만 아직 많이 부족하네요... [Sample Image] 이미지를 클릭하시면 해당사이트에 연결됩니다. [REFFERENCE SITE] WEBSTORYBOY https://wtss.tistory.com/category/SITE/02%20RESPONSIVE

반응형HTML layout 06 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header nav side article1 article2 contents1 contents2 contents3 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/210

반응형HTML layout 05 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header article footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/209

반응형HTML layout 04 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side article1 article2 article2 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/208