# datatype
0808
CRUD within Ajax Ajax는 비동기 방식이므로 하나의 주소에서 모든 입출력 Form을 작성하고, 이를 처리하는 back end(JSP에서 Action)만 다른 주소로 작성 DTO Insert Part Form Input(Insert Part) 선택자 활용하기 위해 모든 <div>와 <input>에 id 부여 <input>은 name으로 입력된 value를 받아야 하므로 name 부여 back end에 값을 넘겨야 하지만 Form에서 client에게 보여줄 필요 없는 데이터는 hidden 타입으로 처리(avatar 클래스의 이미지 경로는 숨기고 결과인 이미지는 선택하게 함) 출력된 이미지는 css style을 통해 hover 및 click 이벤트 부여 단순 출력은 document.write() 사용 DAO(Insert Part) insert 메서드 Action(In
AJAX - eclipse/oracle
AJAX - CRUD sql문 테스트 1개의 데이터를 oracle로 insert하고 잘 들어갔는지 확인 -> Memolist.jsp에서 테스트 전체 목록 가져오기 Dao에 테이블 값 가져오는 메서드 작성 후 실행 json형태 배열 변환 가져온 데이터를 json 형태의 배열로 만들어주기 위해 생성 size 확인 arr의 값을 확인해 sql문을 잘 가져왔는지 확인 작업 dto로 받아오기 모든 값들을 json형태로 변환해주기 위해 행 값을 하나씩 넣어주고 json형식의 배열로 만들어주기 위해 배열에 넣음 ->Memolist에서 run as 해서 json형태의 배열로 잘 나왔는지 확인 sql문 memolist.jsp DBConnect 생략 MemoDto.java MemoDao.java memo.html 모든 폼과 액션들이 여기서 행해진다 (액션은 따로 만들어서 불러옴) insert

SubQuery, Data type
1. 서브쿼리(SubQuery)란? Main Query에 반대되는 개념으로 이름을 붙인 것 메인쿼리를 구성하는 소단위 쿼리 select, insert, delete, update절에서 모두 사용 가능 서브쿼리의 결과 집합을 메인 쿼리가 중간 결과겂으로 사용 서브쿼리 자체는 일반 쿼리와 다를 바가 없다. 2. Oracle data type 2-1. 데이터 타입 데이터 타입이란 컬럼이 저장되는 데이터 유형을 말한다. 기본 데이터 타입은 문자형, 실수, 소수, 자료형 등이 여러 데이터를 식별하는 타입입니다. 2-2. 문자 데이터 타입 
JAVASCRIPT dynamic webpage, window, document, datatype, array (230714)
1. 동적 웹페이지와 정적 웹페이지의 차이는? > - 정적 웹페이지는 페이지가 적은대로만 동작하며, 표시되어있는 자료만 출력가능. > - 동적 웹페이지는 웹페이지를 변하게 할 수 있다. > - 다른 말로 동적과 정적의 차이는 프로그래밍이 되냐 안 되냐의 차이라고 볼 수 있다. 2. window 객체와 document 객체에 대하여 설명하시오. > - window 객체는 브라우저 전체를 가리키고, document 객체는 html 페이지를 객체로 보는 것이다. 3. 자바스크립트에서 데이터 타입 종류는? > - 숫자(Number): 정수와 부동 소수점 숫자를 표현합니다. > - 문자열(String): 텍스트 데이터를 표현합니다. > - 불리언(Boolean): 참(True) 또는 거짓(False) 값을 나타냅니다. > - undefined: 값이 할당되지 않은 변수를 나타냅니다. > - null: 값이 존재하지 않음을 나타냅니다. > - 객체
typescript - data type, optional parameter
data type string, number, boolean optional parameter ?(물음표)를 붙여주면 파라미터 유무 확인함 Alias(별칭) 타입 함수 적용 방법 readonly readonly가 적용된 property는 수정이 불가능함 tuple 작성된 데이터의 타입과 순서에 맞게 입력하여 대입 undefined/null optional parameter는 undefined의 성격을 가짐 any 사용 지양(typescript 규칙에서 벗어남) 타입스크립트에서 중요한 것은 type checker와 소통하는 것 Typescript에만 있는 타입들 unknown 작업 전에 해당 변수의 타입을 먼저 확인해야함 변수의 타입을 미리 알지 못 할 때 사용 let a: unknown; any타입과 비슷하지만 any보다 안전함. type checker의 확인이 가능함 void '비어있는 것' void는

[Java] DataType (자료형)
DataType (자료형) 자료형의 종류 기본자료형(Primitive DataType) : 자바에서 기본으로 제공해주는 자료형 사용자정의 자료형(User Define DataType) : 사용자가 만들어서 사용하는 자료형, class를 활용 자바에서 제공하는 경우도 있음 ex. String 기본자료형 > > > > <https://facingissuesonit.com/2019/06/24/java-

웹 시스템 프로그래밍 중간정리(미완성)
데이터 타입 1.Primitibe type (Stack Memory) - 기본형 데이터, 정적할당, 변수 2.Reference type (Heap Memory) - 참조형 데이터, 동적할당 기본형 데이터 - 숫자, 문자열, boolean, null, undefined, Symbol -> 위 모든 데이터는 불변값이다. 기존 정보를 복사해서 새로운 객체를 반환하는 함수 ( 얕은 복사 ) 얕은 복사의 단점으로는 사본을 바꾸면 원본도 바뀌고, 원본을 바꾸면 사본도 바뀐다. (즉, 주솟값만 복사하기 때문에 해당 프로퍼티에 대해 원본과 사본이 모두 동일한 참조형 데이터의 주솟값을 가르킴) 깊은복사를 통해 원본의 속성값을 바꾸어도 사본의 속성값과는 다르다는 것을 보임 자바스크립트에서 this의 6가지 용법 1. 전역공간에서의 this 브라우저의 this는 window node.js에서의 thissms 모듈객체 (전역 객체는 내부에서 지역변수) 2. 함수를

[JS Deep Dive] 6장. 데이터 타입
데이터 타입은 값의 종류를 말한다. 자바스크립트는 7개의 데이터 타입을 제공한다. 원시타입(Primitive Type)과 객체타입(Reference Type)으로 분류 데이터 타입에 따라 확보해야 할 메모리 공간의 크기도 다르고 저장되는 2진수도 다르며 읽어 들여 해석하는 방식도 다르다. 1. 숫자 타입 자바스크립트에는 하나의 숫자 타입만 존재한다. (배정밀도 64비트 부동소수점 형식 2진수) 모든 수를 실수로 처리하며 정수만으로 표현하는 데이터 타입은 존재하지 않는다. 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 이들 값을 참조하면 모두 10진수로 해석된다. 2. 문자열 타입 문자열 타입은 텍스트 데이터

[javascript] 데이터 타입(feat. 타입 & 동적 타이핑)
목차 [데이터 타임] (#데이터-타입) [숫자 타입] (#숫자-타입) [문자열] (#문자열) [템플릿 리터럴] (#템플릿-리터럴) [불리언 타입] (#불리언-타입) [undefined 타입] (#undefined-타입) [null 타입] (#null-타입) [데이터 타입의 필요성] (#데이터-타입의-필요성) [동적 타이핑] (#동적-타이핑) [마무리] (#마무리) [내 생각] (#내-생각) 데이터 타입 오늘은 자바스크립트의 데이터 타입data type 에 대해서 알아보도록 하겠습니다. 테이터 타입은 값의 종류를 말합니다. 자바스크립트의 모든 값은

파이썬과 data type
0. 파이썬에서의 datatype 인식 파이썬은 자바나 C와 달리 데이터타입을 따로 지정하지 않아도 literal과 같은 식별자 등을 통해 알아서 인식하다. 예를 들어 숫자만 있으면 int, 3.4와 같이 .이 있으면 float, 따옴표가 있으면 문자열로 인식하는 것처럼 말이다. 1. 숫자 파이썬에서 다루는 숫자는 크게 4가지로 나눠진다. int -> 다시 10진법, 2진법(0b2), 8진법, 16진법 등으로 나눌 수 있다. float 복소수 (1+3j) bool (True, False) 이 중 복소수는 잘 사용하지 않는다. 이러한 파이썬에서의 숫자는 atomic으로, 뒤에서 다룰 container 혹은 collection과 구별되는 단일의 값이다. int 파이썬에서 int 입력은 값의 크기에 제한받지 않는다. 즉 아무리 큰 수라도 입력이 가능하다. 맥시멈이 넘어가는 수를 입력받더라도, 메모리를 자동으로 확장시킨다. 단 수가 커질 시 당
[JS-책 편김에 끝까지] 변수
메모리 Memory 변수를 이해하기 전에 먼저 메모리에 대해서 이해할 필요가 있다. 메모리는 데이터를 저장할 수 있는 메모리 셀(Memory cell)의 집합체이다. 셀(Cell)은 컴퓨터 메모리의 가장 작은 저장 단위를 말하는데 0 또는 1일 수 있는 단일 비트의 정보를 저장하는 기본 요소이다. 메모리 셀은 워드, 캐시 라인 및 페이지와 같은 더 큰 메모리 단위로 구성된다(101동이라는 아파트가 메모리, 101호는 셀). > 변수 Variable 변수란 값을 저장하는 공간이자 자료를 저장할 수 있는 이름이 주어진 기억장소이다. Javascript에서 변수는 var, let, const 키워드와 변수의 이름으로 선언할 수 있다. 키워드는 자바스크립트 코드를 해석하고 실행하는 자바스크립트 엔진이 수행할 동작을 규정한 일종의 명령어다. 자바스크립트 엔진은 키워드를 만나면 자신이 수행해야 할 약속된 동작을 수행하는데 예를들어 var 키워드를 만나면 자바스크립트 엔진은 뒤에
[Flutter] Dartz
Dartz dartz | Dart Package 이번 글은 Dartz라는 Flutter 라이브러리에 대해서 간단하게 살펴보기로 하겠다. 이전 글에서 Freezed Code Generator 사용 방법에 대해서 살펴보았는데, 이번엔 Dartz라는 Data Type 확장 기능을 가지고 있는 라이브러리에 대해서 살펴보도록 하겠다. 블로그에 토이 프로젝트 형식으로 간단한 앱 만들기를 계획하고 있는데, 앱 만들기를 하면서 라이브러리에 대한 글을 작성하면 내용이 너무 복잡해지고 길어질거 같아 프로젝트를 진행하기 앞서 사용 할 라이브러리에 대한 소개를 간략하게 하면 좋을 것 같다는 생각이 들었다. Flutter는 Dart 언어를 사용하면서 Dart의 데이터 타입을 사용하고 있는데, Dartz 라이브러리에는 기존 Dart 언어에 포함되어 있지 않은 확장된 데이터 타입을 지원한다. 아래서 Dartz의 주요하게 사용하는 기능에
[Flutter] Freezed
Freezed freezed | Dart Package freezed_annotation | Dart package 이번에는 가장 좋아하는 라이브러리인 바로 Freezed에 대해서 살펴보도록 하겠다. Freezed는 Dart Package에서 작성 날짜 기준으로 Likes 2520 / Pub Points 140 / Popularity 99%를 받고 있는 인기 라이브러리 중 하나이다. 개발하면서 매 프로젝트마다 무조건 사용하는 라이브러리가 몇 개 있는데, 대표적인게 바로 freezed이다. freezed는 강력한 기능을 제공하는 Code generator이다. 제가 freezed를 좋아하는 부분은 크게 2가지가 있는데, 이 두 가지가 모든 사람이 해당 라이브러리를 사용하는 이유일 것이다. 첫 번째는 바로 jsonserial
[NodeJs] req.body: http 요청 데이터 타입
JSON은 JSON 형식의 데이터 전달 방식 URL-encoded는 주소 형식으로 데이터를 보내는 방식 폼 전송은 URL-encoded 방식을 주로 사용 urlencoded({extended: false}) : extended:false면 노드의 querystring 모듈을 사용하여 쿼리스트링을 해석 extended:true면 qs 모듈을 사용하여 쿼리스트링을 해석 qs 모듈은 내장 모듈이 아니라 npm 패키지이며, querystring 모듈의 기능을 좀 더 확장한 모듈입니다 요청의 body를 스트림 형식으로 받음 => 로 데이터를 받음 body-parser를 사용하면 위의 코드가 필요없음. 알아서 처리해줌 app.use(bodyParser) eg. 1-1. JSON 형식으로 { name: 'zerocho', book: 'nodejs' } 요청 1-2. req.body = { name: 'zerocho', book: 'nodejs' }

[SQL] SQL 자료형 정리
_SQL에 자료형의 종류가 많은 이유 : 각 행이 추가될 때마다 자료형만큼의 공간이 할당되기 때문에 필요 이상으로 큰 자료형이 사용되면 저장공간이 낭비됨._ 숫자 자료형 정수 |자료형|Byte|SIGNED|UNSIGNED|개수| |:---|:---|:---|:---|:---| |TINYINT|1|-128~127|0~255|2^8개| |SMALLINT|2|-32,768 ~ 32,767|0 ~ 65,535|2^16개| |MEDIUMINT|3|-8,388,608 ~ 8,388,607|0 ~ 16,777,215|2^24개| |INT|4|-2,147,483,648 ~ 2,147,483,647 |0 ~ 4,294,967,295|2^32개| |BIGINT|8|-2^63 ~ 2^63 - 1|0 ~ 2^64 - 1|2^64개| 실수 고정 소수점 소수점의 위치를 지정하는 방식으로 정확한 값을 나타냄 부동 소수점 방식에 비해 범위가 좁음 각 자릿수가 문자로 저

Front-end 국비지원 #057일
JQuery Ajax & JSON >AJAX 와 JSON 을 다시 한번 복습하고 넘어가보자. AJAX(Async JavaScript And XML) Ajax는 웹페이지에서 새로운 데이터를 보여주려고 할 때 웹페이지 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분 만을 로드하기 위해 비동기 (non-blocking)을 사용하여 데이터를 처리 AJAX 동작방식 요청(request) - 브라우저가 서버에 정보를 요청 서버의 동작 - 서버는 JSON, XML등의 형식으로 데이터를 전달한다. 응답(response) - 브라우저에서 이벤트가 발생하여 콘텐츠를 처리한다. </

Front-end 국비지원 #055일
JQuery Jquery Ajax 시작하기 > ## Ajax 란? AJAX란 비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)을 말합니다. 간단히 말하면, 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말합니다. JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있습니다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다. [출처] https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_S

데이터통신 post 할때 데이터 타입
1. 수정한 데이터를 서버에 post하여 수정하려 하였으나 500 에러가 떴다. 수정한 데이터는 받아올때와, 보낼때 달라진 양식은 텍스트가 추가된 것 뿐.... 2. 포스트맨으로 확인해보니 서버에서는 form-data 형식으로 데이터를 받게끔 되어있었다. 3. post할 데이터를 new FormData()로 저장하였다. formData.append(couponData) 를 하여도 여전히 500에러는 사라지지 않았다. 4. 인 여섯 가지 데이터 타입 Number: (숫자) String: (문자열) Boolean: (참/거짓) Null: 일반적으로 존재하지 않거나 유효하지 않은 object 또는 주소를 의도적으로 가리키는 참조를 나타냄 Undefined: 원시값으로, 선언한 후 값이 주어지지 않은 인수 혹은 변수에 자동으로 할당됨 + Symbol (ECMAScript 6 추가): 값으로 익명의 객체 속성(object property)을 만들 수 있는 특성을 가진 원시 데이터 형식(primitive data type) typeof가 반환하는 데이터 타입 7가지 number string boolean object function undefined symbol :: 참고 typeof null → "ob