본문 바로가기

분류 전체보기72

[HTML][Java Script] 배열 메소드 (push, pop, shift, sort, reverse) 자바 스크립트의 배열 메도르를 가지고 배열에 값을 넣고 빼고 정렬을 해보기 자바스크립트의 배열 메소드 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 var arr = new Array(); function show(){ //배열 보여주기 var view= document.getElementById('viewer'); view.innerHTML=arr; } function push(){ //push 배열 뒤로 집어넣기 var num = document.getElementById('num').value; arr.. 2020. 7. 4.
[HTML][Java Script] 현재시간 출력하기 자바스크립트에서 Date()로 시스템의 시간을 받아올 수 있다. 또한, Date()가 가지고 있는 getHours, getMinutes, getSeconds 메소드를 이용 하여 시간, 분, 초 의 정보를 받아올 수 있다. Date()로 시간을 받고 현재 시간의 시,분,초 로 나타내고 시간을 기준으로 오전과 오후로 나누어 보았다. 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 32 33 34 35 36 37 38 39 40 41 42 43 #divClock{ font-size: 30px; color: green; } function showClock(){ var currentDate = new Date(.. 2020. 7. 4.
[HTML] CSS, 자바스크립트 외부에서 호출하기 HTML 파일 내부의 에 css와 javascript를 입력할 수 있지만 프로그램을 작성하다보면 코드가 너무 길어진다. 따라서, 프로젝트의 규모가 클 경우 css와 javascript를 외부에서 호출하여 사용한다. 외부 css파일 가져오는 방법 외부 스크립트를 가져오는 방법 2020. 7. 4.
[HTML] 쿠키와 세션 쿠키와 세션을 사용하는 이유 HTTP 프로토콜의 특징이자 약점을 보완하기 위해서 사용된다. Connectionless 프로토콜 (비연결지향) 클라이언트가 서버에 요청(Request)을 했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방식이다. HTTP 1.1 버전에서 연결을 유지하고, 재활용 하는 기능이 Default 로 추가되었다. (keep-alive 값으로 변경 가능) Stateless 프로토콜 (상태정보 유지 안함) 클라이언트의 상태 정보를 가지지 않는 서버 처리 방식이다. 클라이언트와 첫번째 통신에서 데이터를 주고 받았다 해도, 두번째 통신에서 이전 데이터를 유지하지 않는다. 쿠키(Cookie) 클라이언트 사용자가 웹 서버에 접속하여 로그인 하였을 때 클라이언트 컴퓨.. 2020. 7. 4.
[HTML] 파일의 절대주소와 상대주소 html을 사용하면서 img, audio 를 비롯한 멀티미디어 태그, css등을 외부에서 불러올 때 쓰는 link 태그와 자바스크립트를 외부에서 불러올 때 우리는 해당 파일이 어디있는지 주소를 알아야 합니다. 이 때 그 파일의 주소를 작성하는 방법이 절대주소와 상대주소 2가지가 있습니다. 절대주소 절대주소는 파일의 고유한 경로를 전부 입력하는 방식 입니다. 경로를 전부 입력해야 하기에 절대주소는 주소를 길게 써야하는 불편함이 있습니다. 하지만 현재 파일의 위치에 영향을 받지 않기 때문에 위치가 변해도 문제가 생기지 않습니다. 절대주소 예 -그림파일("1.jpg")이 내문서 image폴더에 있을 때 상대주소 상대주소는 현재위치를 기준으로 파일의 상대적인 경로를 입력하는 방식 입니다. 따라서 현재위치가 바뀔.. 2020. 7. 2.
[자료구조] 스택과 큐에 대해 알아보자 스택(STACK) 스택 자료구조는 접시에 음식을 쌓아 올리듯 데이터를 차곡차고 쌓아 올린 형태로 자료를 구성합니다. 일상에서 쌓아 올리는 방식을 추상화하여 자료구조로 정의한 것이 스택입니다. 스택은 같은 구조와 같은 크기의 데이터를 정해진 방향으로만 쌓을 수 있고 ,top으로 정한 한 곳으로만 접근하도록 제한 되어 있습니다.따라서 top을 통해 들어온 데이터가 일정한 방향, 즉 아래에서 위로 차곡차곡 쌓이게 됩니다. 여기서 top는 가장 마지막에 삽입이 된 위치 즉 스택에서의 가장 상단에 위치하게 됩니다. 스택의 특징으로는 가장 마지막에 삽입된 데이터가 가장 먼저 삭제 된다는 구조적인 특징을 가집니다. 이러한 스택 동작 구조를 후입선출 LIFO(last in First out) 이라고 합니다. 스택의 활.. 2020. 7. 1.