공부를 하자!

기초 영단어 C - 1 - 1 Type Day 2

이름 :                              

기초 영단어 C - 1 - 1 Type Day 1 

이름 :                              

     <textarea> 정의 및 특징     

<textarea> 태그의 readonly 속성은 <textarea> 요소의 텍스트 입력 영역이 읽기 전용임을 의미합니다.

읽기 전용으로 설정된 텍스트 입력 영역은 사용자가 수정할 수 없고, 읽기만 가능합니다. 따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 텍스트 입력 영역을 클릭할 수 없도록 설정합니다.

readyonly 속성은 boolean(불리언) 속성으로, 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되고, 명시하면 자동으로 true 값을 가지게 됩니다.

  문법  

  예제  

readonly 속성을 사용하면 <textarea></textarea> 안에 써지는 글은 읽기만 되고, 수정은 불가능하게 됩니다. 

Client / Server는 데이터를 소통하고 처리하는 프로그램으로, 두리뭉실하게 정의할 수밖에 없는 이유는 아래의 2가지로 나뉘기 때문이다.

• Client가 DB를 직접 접속하는 프로그램임.
• Client가 Data를 요청하면 Server가 대신 DB를 접속하여 데이터를 보내주는 프로그램임.

첫번째는 직접 DB를 접속하기 때문에 빠르지만 보안이 취약하며, DB 접속 제한으로 여러 클라이언트가 동시 접속에 한계가 있다는 단점이 있다. 우선

  Client Server모델  

• 간단한 구조로 되어 있는 구조로 대부분 Server에서 데이터를 처리하고 클라이언트는 UI를 담당함.
• 구조가 간단하여 속도가 좋은 특징이 있으나 확장성은 떨어짐.

 장점 

• 구조가 간단하여 속도가 빠름.
• 화면의 구조가 간단하여 배우기 쉬움.
• 대부분 c / c++ 언어로 작성되어서 속도가 좋음.

 단점 

• 구조상 확장의 어려움이 있음.
• Client 프로그램을 다운로드 받아서 pc에 설치해야 하는 번거로움이 있음.
• 버그를 수정하여도 배포하기가 어려움.
• 특정 OS 및 하드웨어에 종속적임.

  WEB 환경  

• CS환경의 배포가 어렵다는 단점을 보완한 모델임.
• 브라우저만 있으면 어디에서든지 쉽게 접근이 가능함.

 장점 

• OS와 브라우저의 제품에 상관없이 어디서든 동작이 가능함.
• 간단한 프로그램의 경우 쉽게 작성이 가능함.
• 수정된 부분을 쉽게 배포가 가능함.

 단점 

• 복잡한 프로그램의 경우 CS 보다 더욱 복잡한 구조임.
• 성능이 떨어지고, 속도가 느리고, 화면의 복잡도가 증가하면 더욱 성능이 떨어짐.
• 화면의 구성이 복잡해지면 구현 및 유지보수가 어려워짐.
• 너무 다양한 기술이 접목되어 관리하기 어렵다는 단점.

  요약 정리  

CS의 문제점을 해결하기 위하여 Web이 등장했고, 많은 곳에서 Web으로 전환하기 시작했는데, 불특정 다수의 사용자를 위한 서비스라고 하면 크게 문제 될 것이 없지만, 특정 업무나 사용자만 이용하는 경우에는 좋지 않다. 왜냐하면 업무 화면의 경우 특정 사용자가 자주 접근하고 사용하는데, 화면이 복잡해질수록 속도가 떨어지고 고객이 불편을 격게 된다. 업무에서 하는 일이 많아지게 되면서 많은 솔루션 및 기술들이 사용이 되어 유지보수비용이 증가하게 된다. 또한 사용자 입장에서 사용하는 화면임에도 불구하고 빠른 입력이 어렵고 속도가 느리다는 단점이 발생한다.

     <BR> 태그와 \n 차이점     

\n과 <BR> 태그는 자바스크립트 차원과 HTML 차원에서의 줄 바꿈은 다르다. HTML에서는 pre, xmp 태그를 제외한 줄 바꿈은 반드시 <BR> 태그를 써야 줄 바꿈이 인정이 된다. 그렇지 않으면 하나 또는 여러 번의 엔터는 모두 공백으로 1칸만 인정이 되므로, <BR> 태그를 제외한 태그는 줄 바꿈이 인정이 되지 않는다.

HTML 코드

브라우저 출력결과

HTML 코드 <br> 태그

브라우저 출력 결과

자바스크립트에서는 HTML 문서로 보이는 결과가 아닌 이상 엔터 문자를 <br> 태그 대신에 \n(역슬래시 n)을 써줘야 한다. 대표적인 예로는 alert, confirm, textarea의 value에서 사용된다.

코드

자바스크립트 \n 출력 결과

자바스크립트 <br> 출력 결과

     IBSHEET8 자주 사용하는 CFG     

SearchMode : 시트의 데이터 조회 모드를 설정

• 0 (FastLoad 모드 - 대용량 처리 방식) - ibSheet8에서 새롭게 추가된 조회 방식으로 고정된 테이블 객체 안에서 스크롤 시 각 셀의 값만 변경하는 형태로 대량의 데이터를 핸들링하기 우수한 모드
• 1 (ClientPaging) : 조회된 데이터를 내부적으로 나누어 페이지 네비게이션을 통하여 보여주는 기능
• 2 (LazyLoad(default) : 가장 일반적인 방식으로 사용자가 세로 스크롤을 움직일 때마다, 해당하는 데이터를 테이블로 구성하는 모드
• 3 (ScrollAppend) : 전체 데이터를 한 번에 가져오는게 아니라, 최초 조회 시 1페이지에 해당하는 데이터만 조회, 그리고 사용자가 세로 스크롤을 내려, 스크롤이 하단에 닫는 순간 기존에 doSearchPaging에서 호출한 URL을 다시 호출하고 다음 페이지에 해당하는 데이터를 가져와 시트의 데이터 아래 append 하는 형식의 조화 모드
• 4 (Server Paging) : 페이지 네비게이션이 표시되는 것은 1번 ClientPaging과 유사하나, 페이지를 이동시 해당 페이지에 대한 데이터를 서버에서 조회하여 표시하는 모드, 조회 시 반드시 doSearchPaging 함수를 통해 조회해야 함

CanEdit : 전체적인 시트의 편집 가능여부를 설정. 전체 편집이 가능한 경우에만 셀별 편집 가능 여부 설정이 동작. 필터, 그룹행의 경우 해당 속성의 영향을 받지 않음

• 0 : 전체 편집 불가능
• 1 : 전체 편집 가능
• 3 : 전체 편집 불가능(편집 가능 불가능에 대한 배경색을 표시하지 않음)

CanSort : 헤더 클릭을 통한 열 정렬(sort) 기능의 허용 여부를 설정. Sortcons cfg 설정에 따라 헤더 정렬 아이콘을 숨길 수 있음

• 0 (false) : 정렬 기능 사용안함
• 1 (true) : 정렬 기능 사용 (default)

MultiRecord : 시트에서 하나의 데이터를 여러 줄로 표시하는 기능. 일반적인 시트는 헤더가 여러 개이더라도 데이터마다 하나의 행으로 표현되는데 행으로 표현되는데 이를 여러 행으로 표시되도록 하는 기능. 따라서, 그 기능에는 아래와 같은 제약이 있음

• 소계 사용 불가
• 그룹 사용 불가
• 트리 사용 불가
• 자동 병합 기능 사용 불가(생성할 때 RecordRowSpan 및 RecordColSpan으로만 병합 기능 사용 가능)
• 동적으로 영역 병합 가능 사용 불가 (생성할 때 RecordRowSpan 및 RecordColSpan으로만 병합 기능 사용 가능)
• 열이동 불가
• 생성할 때 Visible 속성 사용 시 주의(생성할 때 가장 마지막 열에 생성하도록 권장)
• hideCol / showCol 불가
• 동적으로 열 추가 불가 (시트 생성할 때 정의된 Cols만 사용 가능)
• 셀 / 열 단위 선택 불가 (행 단위 선택만 가능)
• 셀 / 열 단위 복사 / 붙여 넣기 불가 (행 단위 복사 / 붙여넣기 가능)
• 엑셀 다운로드 / 업로드 및 행 복사 / 붙여 넣기는 모든 열이 일렬로 처리됨 (모양이 유지되진 않음)

• 0 (false) : 멀티 레코드 기능 비활성화 (default)
• 1 (true) : 멀티레코드 기능 활성화

          IBSheet란?          

IBSheet는 웹 환경에서 데이터를 관리하고 모니터링하기 위한 그리드 컴포넌트로서 C/S 환경에서 제공하는 풍부한 사용자 인터페이스를 지원할 수 있고, 대용량 데이터의 효율적인 처리와 스크립트 언어와의 호환성을 제공하는 제품이라고 합니다.

요즘 자바스크립트와 함께 IBSheet8을 사용하고 있는데, 엑셀과 같은 느낌의 프로그램으로 사용하기 쉽고, 편리해서 좋네요. IBSheet7 이후 버전으로 IBSheet8이 나와서, 공부해가면서 사용하고 있네요. 주요 기능으로 이런 기능들이 있습니다.

  다양한 컬럼타입 지원  

• 칼럼 타입 : 텍스트, 콤보박스, 체크박스, 라디오 버튼, 날짜(해외 포함), 숫자(정수, 실수)의 사용 가능.
• 다국어에 대한 국가별 자동설정을 지원함.
• 멀트 트랜잭션을 지원함.

  헤더의 다양한 표현  

• 헤더 소팅 기능(단일, 다중컬럼)
• 헤더 및 데이터 영역에 대한 셀 병합 기능.
• 컬럼 고정 및 Drag & Drop을 이용한 컬럼의 이동이 가능.

  대용량 처리를 위한 다양한 기법 제공  

• 빠른 성능의 데이터 조회를 제공함.
• 페이지 인덱스 방식과 스크롤을 통한 Lazy Load 방식 그리고 서버 통신 페이징 인덱스 방식을 제공함.

  다양한 문서 연동 지원  

• 엑셀 파일 업로드, 다운로드를 지원함.
• 텍스트 파일 업로드, 다운로드를 지원함.
• PDF 다운로드를 지원함.

  합계, 소계, 누계 및 자동 계산식 지원  

• 자동 합계 및 소계, 누계 기능을 지원함.
• 컬럼별 자동 계산식 기능을 제공함.

IB Chart - 웹 기반 데이터의 시각화를 위한 기존 제품들의 필수 요소들을 중심으로, 쉽고 빠르게 구현이 가능하다는 특징이 있음.

• 다양한 차트 형태를 지원함. (점, 선, 막대, 원, 영역 등)
• 데이터와 뷰의 분리를 통한 효율적인 개발 및 유지 보수가 가능함.
• 서버 통신으로 데이터 수신이 가능함.
• 모든 운영체제 및 브라우저에 일관된 배포 및 관리가 가능함.
• 차트 구성 Wizard를 지원함.

IB Tab - 업무화면 레이아웃 구성 및 다양한 형태의 탭 기능 지원.

• 탭 바의 위치 변경이 가능함. (상단, 하단)
• 탭 별 페이지 유지가 가능함.
• 동적 탭 추가, 삭제, 숨김이 가능함.
• 탭 스크롤 기능이 가능함.
• 탭 아이콘 지정 및 변경이 가능함.

IB Upload - 모든 서버 환경에서 구동이 가능하고, 가벼운 업로드, 다운로드 그리고 전문적인 기능까지 제공함.

• 멀티 파일 업로드가 가능함.
• Drag & Drop을 이용한 파일 추가가 가능함.
• 업로드 용량, 개수 제한 기능이 가능함.
• 파일 확장자, 사이즈 제한 기능이 가능함.
• 다양한 방식의 UI 제공 가능함. (탐색기 아이콘 형태, 탐색기 파일 목록 형태, IBSheet 형태)
• 다양한 UI 디자인 변경 함수를 제공함.

       JavaScript란?       

자바스크립트를 한마디로 요약하자면 웹을 풍부하게 만들어 주는 작고 가벼운 언어라고 합니다. 미국의 넷스케이프 커뮤니케이션즈사 (Netscape Communications)가 개발한 스크립트 언어이고, 웹 브라우저에서 실행하는 스크립트 언어를 말합니다. 작고도 빠르기 때문에 웹문서를 동적으로 꾸밀 때 가장 많이 사용됩니다.

언어 규격은 자바의 부분 집합으로 되어 있고, 하이퍼텍스트 생성 언어(HTML) 문서를 작성하는 수준의 사용자가 사용하는 것을 주안점으로 하여 자바의 언어 규격으로부터 변수의 형(정수형이나 문자열형 등등)을 생략하거나 새로운 클래스 정의를 할 수 없도록 합니다. 스크립트는 HTML 문서 속에 직접 기술하며, <script></script>라고 하는 폼을 사용합니다. 프로그래밍 입문자들은 자바스크립트와 자바가 서로 비슷하다고 생각을 많이 하는데, 두 언어 모두 자바라는 언어를 기반으로 사용하고 있기 때문입니다.

하지만 자바스크립트와 자바는 기능과 사용법까지 완전히 다른 언어입니다.

   자바스크립트의 역할   

자바스크립트의 일반적인 용도는 웹페이지에 기능을 더해 HTML 웹페이지를 동적으로 움직이게 만드는 것입니다. 쉽게 말해서, HTML은 겉으로 보이는 화면, 자바스크립트는 겉으로 보이지 않는 화면 안의 기능을 말합니다.

   자바스크립트가 할 수 있는 기능   

• HTML 페이지 변경 및 HTML 엘리먼트와 컨텐츠의 추가나 제거를 해줍니다.
• CSS 및 HTML 엘리먼트의 스타일을 변경해 줍니다.
• 사용자와의 상호작용, 폼의 유효성을 검증해 줍니다.
• 마우스와 키보드 이벤트에 대한 스크립트 실행을 해줍니다.
• 웹 브라우저 제어와 쿠키 등의 설정과 조회를 해줍니다.
• AJAX 기술을 이용하여 웹 서버와의 통신을 해줍니다.
• 동적인 효과 이미지 롤오버 상태 표시줄에 문자열 표시 등등을 해줍니다.
• 웹사이트의 기능적인 면과 쿠키 처리, 새로운 WindoW 열기 등

   자바스크립트의 특징   

• JavaScript는 인터프리터 언어로서 클라이언트의 웹 브라우저에 의해 해석되고 실행이 됩니다.
• JavaScript는 객체 기반의 언어이지만, 상속과 클래스라는 개념은 없습니다.
• JavaScript는 HTML문서 내에 기술되어 HTML 문서와 함께 수행이 됩니다.
• JavaScript는 HTML에 연산 제어 등으로 프로그래밍적인 요소를 추가하고, 클라이언트의 자원을 활용할 수 있게 해 줍니다.

   자바스크립트의 장단점   

장점

자바스크립트는 컴파일 과정이 없기 때문에 다른 언어와 비교했을 때, 빠른 시간에 스크립트를 작성할 수 있게 해 줍니다. 기존 C언어나 자바 언어와 달리 굉장히 단순한 구조와 원칙을 가지고 있기 때문에, 초보 개발자들이 쉽게 배우고 이해할 수 있게 해줍니다. 예를 들어 자바스크립트 안에서는 변수, 클래스 및 메서드를 선언하지 않고도, 메서드가 public, private 또는 protected인지 구분하지 않아도 됩니다. 자바스크립트는 웹에 특화된 기술이기 때문에 운영체제나 플랫폼에 상관없이 작동되고 확장성이 높습니다.

단점

단점은 성능이나 보안 측면에서, 내부에서 제공되는 기능이 제한적이고, 관련된 개발 도구도 많지 않은 편입니다. 또한 자바스크립트는 HTML 소스코드에 함께 작성되면서 소스코드가 외부로 공개되어 보안의 취약점이 발생하게 됩니다.