본문 바로가기

분류 전체보기

선형 회귀 다음 값 예측 웹 애플리케이션 (Tensorflow.js) 취준을 하면서 간단히 만들어볼만한 프로젝트가 없을까 하고 생각하다가 친구들이 하나 둘씩 주식에 손을 대는 모습을 보았다. 주식을 하면서 조금이라도 오르락 내리락 하는 주가를 보며 친구들의 환호와 절망이 교차하는 것을 보고, 졸업논문을 준비하면서 잠깐 공부해본 인공지능 선형 회귀로 주가를 입력하면 그 값들의 패턴을 학습하여 다음 값(주가가 될 수도 있고 원하는 값을 입력하고 입력한 다음값)을 예측하는 웹 애플리케이션을 만들어보는 게 어떨까하고 만들어봤다. 기본적인 웹 디자인은 대강 이렇게 만들었으며 해당 웹에 들어간 기능인 선형회귀 기능은 Tensorflow.js를 이용하여 만들었다. 데이터베이스 필요 없이 단순 HTML, CSS, Javascript로 이루어진 웹프로젝트이다. 가운데 입력칸에 숫자들을 입..
[세션] Session 문법, 간단한 로그인 예제 세션- Session - 웹브라우저와 서버와의 관계를 유지하기 위한 수단으로 쿠키와 세션이 있다.쿠키는 클라이언트의 특정 위치에 저장되고세션은 서버상에 객체로 저장된다는 차이점이 있다. 세션은 서버에서만 접근이 가능하기 때문에 보안성이 좋고 저장할 수 있는 데이터의 한계가 없다. - 세션 관련 메소드 - setAttribute() : 세션에 데이터를 저장한다.getAttribute() : 세션에서 데이터를 얻는다.getAttributeNames() : 세션에 저장되어 있는 모든 데이터의 이름(키값)을 얻는다. (Enumeration 타입으로 주로 받음)getID() : 자동 생성된 세션의 유니크한 아이디를 얻는다.isNew() : 세션이 최초 생성되었는지 이전에 생성된 세션인지를 판별한다.getMaxIn..
#8 자바스크립트 - 숫자를 문자열로, 문자열을 숫자로 (feat.Number 객체 메소드) JavaScript 숫자를 문자열로 and 문자열을 숫자로 변환 (feat. Number 객체) 변수 값을 출력할 때 명시적으로 타입을 변경해줘야 할 때가 있다.그래서 숫자를 문자열로, 문자열을 숫자로 변경하는 방법들을 알아보자 1. 숫자를 문자열로 변환 (1) 숫자 + 문자열 숫자와 문자열을 +연산자로 연결하면 숫자의 타입이 문자열로 변환된다.12310 + "string" //-> "10string"100 + "" //-> "100""0000" + 12 //-> "000012"cs (2) Number 객체의 메소드를 활용하는 법 다음 표의 메소드는 숫자 타입을 문자열로 바꿔준다. 메소드 설명 toString 숫자를 문자열로 변환한다. 인수로 가수(2~32)를 넘기면 진법을 바꿀 수 있다. toLocal..
#7 자바스크립트 - 문자열 제어 JavaScript 문자열 1. 문자열 연결 두 개의 다른 문자열을 연결할 때 혹은 피연산자가 문자열로 바뀔 수 있는 객체일 때+ 연산자를 이용해 문자열로 연결한다. 12"Hello " + "World!" //-> "Hello World!""1" + "3" //-> "13"cs 12310 + "is Ten!" //-> "10 is Ten!"1 + {} //-> "1[object Object]"true + (new Date()) //-> "trueSat Mar 09 2019 12:22:31 GMT+0900 (한국 표준시)"cs 위의 경우가 아닐 때는 다음과 같이 문자열로 변환하여 연결할 수 있다.12var a = 3;console.log("a 값은 "+a+"입니다.");cs 혹은 템플릿 리터럴 (` .....
#6 자바스크립트 - 배열 JavaScript 배열 C언어나 JAVA에서도 배열이 존재했다시피 자바스크립트에도 물론 배열이 존재한다.기존에 다뤘던 배열들과 공통점도 있지만 약간 다른점들도 있는데자바스크립트에서 배열을 한번 알아보자. 1. 배열 생성 - 배열 리터럴로 생성 배열 리터럴로 배열을 생성할 때는 다음과 같이 쉼표로 묶은 대괄호([ ])로 묶어 표현한다.[...]이 부분이 배열 리터럴이며 배열 값 하나하나를 배열 요소라고 부른다.특징1) 배열 요소들에는 인덱스번호가 매겨져 있는데 인덱스번호는 C언어와 JAVA에서의 배열과 마찬가지로 0, 1, 2 ... 이렇게 0부터 시작한다. 특징2) 배열 리터럴 안에 어떠한 값도 넣지 않으면 빈 배열이 생성된다.특징3) 배열 리터럴 요소의 값을 생략하면 그 요소는 생성되지 않는다.특징4..
#5 자바스크립트 - 내장 생성자 JavaScript 내장 생성자 자바스크립트 내에서 사용할 수 있는 내장 생성자들의 종류와 간단한 설명! ES5의 내장 생성자 생성자 이름 생성되는 객체 Object 일반 객체 String 문자열 객체 Number 숫자 객체 Boolean 논리값 객체 Array 배열 Date 날짜와 시간을 다루는 객체 Function 함수 객체 RegExp 정규 표현식 객체 Error 오류 객체 EvalError eval() 함수와 관련된 오류를 표현하는 객체 InternalError 자바스크립트 내부에서 발생한 오류를 표현하는 객체 RangeError 값이 허용 범위를 넘었을 때 발생한 오류를 표현하는 객체 ReferenceError 없는 변수를 참조할 때 발생한 오류를 표현하는 객체 SyntaxError 문법이 어긋..
#4 자바스크립트 - 생성자 JavaScript 생성자 1. 생성자?JAVA에서도 객체를 생성할 때 생성자라는 것을 사용했다. 자바스크립트에서도 생성자라는 것이 존재하는데 이번 포스팅은 그 생성자에 대해 알아보는 내용을 담겠다.1234function Card(type, num) { this.type = type; this.num = num;}cs위 코드는 트럼프 카드를 표현하는 객체를 생성하는 생성자의 코드이다.생성자로 객체를 생성할 땐 new연산자를 사용한다.1var card = new Card("다이아", "A");cs이 코드를 실행해보면 객체의 참조가 변수 card에 할당하는 것을 볼 수 있다.console.log 로 객체를 출력해보면 앞에 생성자 이름( Card )이 표시되는 것을 볼 수 있다. < 기존 객체리터럴로 생성한 ..
#3 자바스크립트 - 함수의 기초 JavaScript 함수의 기초 자바스크립트에서도 C언어나 JAVA에서처럼 함수가 존재한다.함수는 일반적으로 다음과 같이 생겼다.123456function 함수명(n) { 함수 몸통 return 값 (없을수도 있음); }cs이처럼 함수를 정의하는 것을 함수 선언문으로 함수를 정의했다고 한다.간단한 예로 팩토리얼 함수를 자바스크립트로 표기해보자면,1234function fact(n) { if (n