728x90 전체 글142 02 자료형과 주석 / 테이블 생성, 수정, 삭제(CREATE, ALTER,DROP) 자료형 오라클 데이터베이스에서 제공하는 자료형은 아주아주 많지만, 자주 쓰이는 몇가지만 작성하려 한다. 자료형 설명 숫자형 NUMBER(자리수) 정수형 NUMBER(자리수,소수점자리수) 실수형 ex) NUMBER(4,2) --> 정수2자리, 소수점이하 2자리 문자형 CHAR(크기) 고정형 전체 크기보다 넣는 데이터의 크기가 작다면 빈자리를 공백으로 채워서 크기를 맞추어준다. VARCHAR2(크기) 가변형 전체크기보다 넣는 데이터의 크기가 작다면 값의 크기만큼 공간이 배정된다. 저장되는 공간에 변화가 일어난다. 날짜형 DATE Format에 맞춰서 날짜(시간)를 저장하는 타입 주석 --한줄주석 /* * 여러줄 * 주석 */ 테이블 생성 CREATE TABLE 테이블명( 컬럼명 자료형 제약조건(생략가능), .. 2021. 6. 10. 01 데이터베이스(DataBase)란? 데이터베이스(DataBase)란? 데이터베이스(DB: database)는 통합하여 관리되는 데이터의 저장소(집합소)를 의미한다. 이는 중복된 데이터를 없애고, 자료를 구조화하여, 효율적인 처리를 할 수 있도록 관리된다. 따라서, 여러 업무에 여러 사용자가 데이터 베이스를 사용할 수 있다. 이러한 데이터베이스는 응용 프로그램과는 다른 별도의 미들웨어에 의해 관리된다. 데이터베이스를 관리하는 이러한 미들웨어를 데이터베이스 관리 시스템(DBMS: Database Management System) 이라고 한다. 데이터베이스의 특징 1. 사용자의 질의에 대하여 즉각적인 처리와 응답이 이루어진다. 2. 생성, 수정, 삭제를 통하여 항상 최신의 데이터를 유지한다. 3. 사용자들이 원하는 데이터를 동시에 공유할 수 있.. 2021. 6. 9. 05 대화상자 대화상자 1. alert() - 사용자에게 메세지를 보여주고 확인을 기다림 2. confirm() - 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그 결과를 불리언값으로 반환 [예시] 3. prompt() - 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환한다. [예시] * 만약 두 수의 합을 구하고 싶다면? 열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다. 수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 2021. 6. 9. 04 자바스크립트의 타입 변환 자바스크립트의 타입 변환 - 변수는 타입이 고정되어 있지 않음 - 변수에 다른 타입의 값을 대입할 수 있다. [예시] let a = 15; //숫자형 a = '십오'; // 문자열형 1. 자동 타입 변환(암시적 타입변환) - 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용한다. const a = '20'; //문자열형 const b = '10'; //문자열형 let result = a + b; //2010, 문자열 연결을 위해 숫자타입이 문자열로 변환됨 result = a - b; //10 , 연산을 위해 두 문자열이 모두 숫자로 변환됨 result = a * b; //200 result = a / b; //2 const c = '자바스크립트'; result = c - a.. 2021. 6. 8. 03 자바스크립트의 데이터 타입 자바스크립트의 데이터 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 1. 숫자형(number) - 다른 언어와 달리 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현함 [예시] 2. 문자열형(string) - 문자열형은 따옴표로 둘러싸인 문자의 집합이다. - 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있으며, 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있다. [예시] 자바스크립트에서는 숫자와 문자열을 더할 수도 있다. 이때, 자바스크립트는 숫자를 문자열로 자동 변환하여, 두 문자열을 연결한다. typeof() : 자바스크립트의 타입을 반환 여기서 잠깐 ! 만약에, "10 + 5 = 15"를 출력하고 싶다면 어떻게 해야할까? co.. 2021. 6. 7. 02 자바스크립트의 변수와 상수 변수(Variable) 변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며 단어 뜻 그대로 변하는 수! 즉, 값이 변경될 수 있다. [문법] let 변수명; //변수를 선언 변수명 = 값; //변수를 초기화 [예시] let num; num = 10; //아래 같이 선언과 초기화를 동시에 할 수도 있다. let num = 10; 옛날에는 아래와 같이 var를 통해 변수 선언을 했지만, 현재는 사용하지 않고 있다. var num; //예전부터 사용했던 변수 선언방법 num = 10; // 현재는 사용하지않음 * var를 사용하지 않는 이유는? 1. 같은 이름의 변수를 선언할 수 있음 2. 지역변수와 전역변수의 구별이 모호 use strict - strict mode를 사용한다.. 2021. 6. 6. 01 자바스크립트(JavaScript)란? (With 출력,적용,주석) 자바스크립트란? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다. 자바스크립트의 특징 - 웹 브라우저에 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능 - 웹의 동작(동적) 구현하기 위한 언어 - 웹 브라우저에서 동작(단, node.js 환경은 서버(운영체제)에서 동작) - 객체 기반의 스크립트 언어 - HTML 문서 내에서 태.. 2021. 6. 5. 내 웹사이트를 반응형으로 Update! 원래는 어땠는데? 학원에서 프론트엔드 수업을 들으며, 웹사이트를 제작했었다 반응형을 배우기 전 pc 환경에 맞춰서 제작을 해서 모바일로 보면 난리도 아니였다 ;ㅁ; [바꾸기 전] - PC - 태블릿 / 핸드폰 어떻게 바꼈는데? 기기종류 설명 태블릿 contents (과제 부분)이 줄어들어도 배경이미지가 공간부족으로 아래로 딸려가지 않게함 사이드바(카테고리) 폰트를 줄이고 티스토리 로고를 숨김처리함 핸드폰 핸드폰에선 사이드바를 넣으면 이쁘지 않아서(중요( •̀ ω •́ )✧) 위로 올려서 가로로 나열되게 함 배경이미지를 배경색 변경으로 처리하고 체크를 하트로 변경함 [반응형 소스코드] @media screen and (max-width: 1065px) and (min-width: 801px) { /*태블릿.. 2021. 5. 31. 25 Bootstrap(부트스트랩) BootStrap(부트스트랩) 부트 스트랩이란? - 프론트엔드 개발을 빠르고 쉽게 할 수있는 프레임 워크 프레임 워크란? 재사용이 가능한 요소의 집합으로, 구조와 틀을 결정, 확장 가능한 기반 코드이다. - HTML과 CSS기반의 템플릿 양식, 버튼, 네비케이션 및 기타 페이지를 구성하는 요소 포함 - 자바스크립트를 선택적으로 확장 할 수 있음 - GitHub의 오픈 소스로 사용가능, 상업적으로 이용 가능 부트 스트랩을 사용하는 이유 - 서로 다른 인터페이스를 사용한 여러 개발자들의 공동작업이 가능하다. - 디자인 불일치, 관리 어려움, 방대한 코드량등의 어려움을 해결해준다. 부트 스트랩 웹사이트 http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프.. 2021. 5. 30. 이전 1 2 3 4 5 6 7 ··· 16 다음 728x90 반응형
