IT V-log

vue 생성 - framework7 npm으로 설치 후 셋팅 , vue add vue add cordova 해보기 1. vue 생성 - cmd / 터미널에 vue create 파일명 작성 후 엔터를 누르면 사진처럼 나오게 됩니다 저는 Manually select features를 선택 하였고 Babel(바벨은 자바스크립트 컴파일러로 최신버전의 자바스크립트 문법을 브라우저가 이해하지 못 하기 때문에 브라우저가 이해할 수 있는 문법으로 변환해주는 라이브러리)과 TypeScript(자바스크립트에 타입을 지정해주는 라이브러리), Router(웹 페이지간의 이동 방법을 편리하게 해주는 라이브러리), Vuex(vue의 컴포넌트들을 효율적으로 관리 할 수 있게해주는 상태관리 라이브러리), Linter / Format..

오늘은 node-express-ts 환경설정을 해보도록 하겠습니다! 터미널을 열어준 뒤 원하는 디렉토리에 파일을 생성해서 npm init을 해줍니다. (참고로 맥 터미널 입니다! 윈도우 이신분은 visualcode 터미널에 입력하셔도 돼요!) 계속 엔터를 쳐주신 뒤​ 밑에 명령어를 입력해주세요 (vscode 터미널에도 똑같이 입력해주세요) npm add -D typescript ts-node @types/node @types/express tsc-watch yarn add -D typescript ts-node @types/node @types/express tsc-watch 설치 완료를 하셨으면 package.json에 가셔서 scripts 안에 "start": "tsc-watch --onSuccess..

자료형 - 분류 내용 숫자 smallint 작은 범위의 정수, 2 bytes(-32768 ~ +32767) integer 정수에 대한 일반적인 선택, 4 bytes(-2147483648 ~ +2147483647) bigint 큰 범위의 정수, 8 bytes(-9223372036854775808 ~ 9223372036854775807) decimal 사용자 지정 정밀도, variable, 정확(제한 없음) numeric 사용자 지정 정밀도, variable, 정확(제한 없음) real 가변 정밀도, 부정확, 4 bytes(6자리 소수점 정밀도) double precision 가변 정밀도, 부정확, 8 bytes(15자리 소수점 정밀도) serial 자동 증가 정수, 4 bytes(1 ~ 2147483647..

오늘은 kendo ui를 사용해서 vue의 게시판 ui를 구현하도록 해보겠습니다!! 이건 kendo ui의 그리드를 사용해서 구현한 게시판 프론트 입니다! (미완성) Kendo ui 사용방법 홈페이지에 들어가서 자신이 사용할 프레임워크를 클릭 한 후 상단의 DEMOS 버튼을 클릭 합니다! 그 후 밑줄 그어진 부분에 Data Grid / Chart 등등 이중에 하나를 클릭 한 뒤 왼쪽 보기중에 Getting started를 클릭해 주세요! 그리고 TypeScript와 JavaScript 들 중에서 자신이 사용하는 언어를 클릭 하시면 (저는 가운데 있는 TypeScript를 사용합니다!) 사용방법이 섫명되어 있는데 그중에서 3번과 4번을 visual code 터미널에 입력하시면 됩니다! (npm 사용하시는 ..

라이브러리 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임입니다. 구체적으론 소프트웨어 개발 시 사용되는 프로그램의 구성요소로, 공통으로 사용될수 있는 특정한 기능[들]을 모듈화한 것입니다. [자주 사용하는 기능들을 모아두었다가 필요할 때 그냥 가져다 쓸 수 있도록 해 놓은 묶음입니다. 그 기능을 사용하기 위해 언제든지 필요한 곳에서 호출하여 사용할 수 있도록 class나 function으로 만들어진 것입니다.] 프레임워크 원하는 기능 구현에 집중하여 빠르게 개발 할 수 있도록, 기본적인 기능을 갖추고 있는 것으로 라이브러리도 포함되어 있습니다. 프레임워크만으로는 프로그램이 실행되지 않으며, 기능을 추가해야 하고, 코드를 프레임에 맞춰서 개발합니다. 단편적인 예로 뷰에서는 파일을 ..

BOM 브라우저와 관련된 객체들의 집합을 브라우저 객체 모델(BOM:Browser object Model)이라고 부르며, Browser와 관련된 기능들을 구성합니다. DOM은 이BOM중에 하나입니다 BOM에는 web문서 영역을 제어 할수있는 객체가 있고 그 객체가 document 입니다 (document는 DOM tree의 최상위 객체이다.) BOM의 최상위 객체는 Window라는 객체입니다. DOM은 이 Window 객체의 하위 객체이기도 합니다 DOM은 Document Object Model의 약자이며, 의역하면 문서 객체를 인식하는 방식으로 번역할 수 있습니다. (Script 언어로 HTML요소를 제어 할수 있도록 웹문서를 객체화 한것) 문서객체란 같은 태그들을 JavaScript가 이용할 수 있는..

일렉트론은 데스크탑 애플리케이션을 개발하는 프레임워크 입니다. 일렉트론 앱은 두개의 프로세스를 가지며, 하나는 메인(Main) 프로세스로 노드js를 기반으로 동작하며 백엔드 업무를 담당하고 메인 프로세스에서 실행되는 웹 페이지들을 GUI로 표시 합니다. Electron은 항상 하나으 메인 프로세스가 있으며 렌더러 프로세스는 여러개가 존재 할 수 있지만 메인 프로세스는 애플리케이션 당 하나만 존재 할 수 있습니다. 렌더러(Renderer) 프로세스는 웹 페이지의 랜더링을 담당하고 있으며, HTML,CSS,JavaScript로 이루어지는 프론트엔드 영역 입니다. 일렉트론은 웹 페이지를 보여주기 위해 Chromium을 사용하고 있기 때문에 Chromium의 멀티 프로세스 아키텍쳐가 그대로 사용됩니다. (일렉트..

자료구조 자료 = Data 구조 = 데이터를 담는 구조 목적: 자료를 더 효율적으로 저장하고, 관리하기 위해 사용하며, 잘 선택된 자료구조는 실행시간을 단축시켜주거나 메모리 용량의 절약을 이끌어 낼 수 있습니다! 자료구조의 선택 기준은? - 자료의 크기 - 자료의 처리 시간 - 자료의 활용 빈도 - 자료의 갱신 정도 - 프로그램의 용이성 자료구조의 특징 1. 효율성 자료구조를 사용하는 목적은 효율적인 데이터의 관리 및 사용 2. 추상화 추상화란 복잡한 자료, 모듈, 시스템 등으로 부터 핵심적인 개념만 간추려 내는 것 3. 재사용성 다양한 프로그램에서 동작할 수 있도록 범용성 있게 설계하기 때문에 해당 프로젝트가 아닌 다른 프로젝트에서도 사용할 수 있음 자료구조의 분류 자료구조는 크게 선형 자료구조와 비선..

public class MainActivity extends AppCompatActivity { //1.VO 클래스 생성 (데이터베이스에 관련된 변수들을 모으기위해서) //2.더미데이터 생성 (실제 데이터는 존재하지 않지만 존재하는 것 처럼 공간을 할당하기 위해) //2-1.더미데이터는 대략 50개 정도를 만들어준다. (for문 사용) //2-2.더미데이터에 들어갈 내용 만들어주기: VO클래스에 설정한 성별, 이름, 폰번호를 랜덤으로 넣어줘야함 //2-3.성별, 이름, 폰번호를 어떻게 랜덤으로 넣어줘야 하는가? 그리고 어떻게 데이터를 반환해 줄 것인가? //3.레이아웃 만들어주기 //3-1 실제 어뎁터에 들어갈 아이템 레이아웃 만들기 예: 이미지 (성별) , TextView(이름) , TextView(번..

import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import java.util.ArrayList; import java.util.List; publ..