전체 글
-
[기초]#2 Vue.js가 무엇인가?Vue.js 2020. 6. 3. 18:20
Vue.js 는 웹 페이지 화면을 개발하기 위한 Front-end Framework 위 그림은 Vue의 창시자인 에반 유가 2017년 Vue.js 컨퍼런스에서 발표한 내용 중에 있는 그림이다. Vue 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공된다. 즉, 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다는 의미이다. 그래서 Vue를 점진적인 프레임워크라고 표현한다. 1. Vue 의 장점 첫째, 쉽다. 예) html {{ message }} cdn 선언 javascript new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }); ..
-
TRN-BT20S / APTX 무선 블루투스 5.0모듈 리뷰일상 2020. 6. 3. 12:54
KZ회사의 ZS10 이어폰을 코드리스로 사용하기 위해서 블루투스 모듈을 찾던중 TRN회사의 BT20S 모듈을 알게 됬다. https://ko.aliexpress.com/item/33043715300.html?spm=a2g0s.9042311.0.0.34394c4dDYQ0T0 US $30.36 54% OFF|AK TRN BT20S APTX 무선 블루투스 5.0 이어 후크 HIFI 이어폰 TRN X6/IM1IM2/V80/v30v90 용 2PIN/MMCX Smarter Shopping, Better Living! Aliexpress.com ko.aliexpress.com 알리익스프레스에서 직구로 구매할 수 있다. 박스 외관 개봉 각각 충전을 해야 하기 때문에 Micro 5PIN 1 in 2 out 케이블이 제공..
-
[기초]#1 Vue.js 개발환경 설정하기 (CDN, Mac 환경(vsCode)Vue.js 2020. 6. 2. 19:16
Vue.js 의 초기 개발환경은 그다지 어려운 설정이 없다. Angular 상위 버전(2 이상)에서는 Node.js 가 필수이지만 Vue.js는 일반 Javascript 라이브러리처럼 사용할 수 있고, Node.js로 프로젝트를 구성할 수도 있다. 간단한 개발 프로젝트에서는 텍스트 에디터와 대부분 사용하는 브라우저 Chrome에서 개발자 도구 설치만 하면 개발 할 수 있다. cdn주소로 vue.js를 삽입한다. 1. Hello Vue.js! {{ message }} 출력 결과 Hello Vue.js Start! Hello Vue.js Start! 2. Vue 개발자 도구 설치 및 사용방법 Chrome 웹 스토어 에서 vue를 검색, 디버깅 툴 설치 Vue 플러그인 설치후 > 크롬 > 도구 더보기 > 이 ..
-
jQuery 사용자 정의 메소드 만들기 ($.fn 확장)jQuery 2020. 5. 30. 17:43
$.fn $("a").text("바로가기"); 이렇게 jQuery Selector 를 이용하는 메소드를 추가하려면 $.fn.메소드명 을 통해 추가하면 된다. 예제) 값을 콘솔로 출력하는 함수 만들기 (function($) { $.fn.getPrint = function(){ var value = this.val(); console.log(value) //return this; 생략 가능. }; }(jQuery)); jQuery 에서 사용하는 $ 변수는 다른 라이브러리들도 많이 사용한다. 그래서 변수가 충돌하여 동작을 하지 않을 가능성이 항상 있다.(jQuery의 경우 $ 변수는 jQuery 변수의 별칭 임) 우리가 만드는 플러그인이 이러한 충돌을 피할 수 있도록 즉시 호출 함수 표현을 사용해서 감싸 준다..
-
자바 예외(Exception) 및 예외 처리 개념Java 2020. 5. 26. 16:20
예외(Exception)의 종류 컴파일 시점에 발생하는 예외를 Exception(일반예외) 프로그램 실행시에 발생하는 예외를 RuntimeException(실행예외) 둘다 java.lang.Exception 이라는 최상위 부모 클래스를 제공한다. 예외처리 코드 및 실행 순서(Try-Catch-Finally) Try 블록 : 실제 코드가 들어가는 곳으로써 예외 Exeption이 발생할 가능성이 있는 코드 Catch 블록 : Try 블록에서 Exeption이 발생하면 코드 실행 순서가 Catch 쪽으로 오게됨. 즉 예외에 대한 후 처리 코드 Finally 블록 : Try 블록에서의 Exeption과 발생 유무와 상관 없이 무조건 수행되는 코드 (옵션이라 생략이 가능) 예외처리 코드 실행 순서 Exeption..
-
스프링 Spring + 웹소켓 WebSocket 채팅 초간단 구현Spring 2020. 5. 26. 12:16
Spring Tool Suite4 기준으로 메이븐 MVC프로젝트를 생성한다. File > New > Spring Lagacy Project > Templates목록에서 맨 아레 Spring MVC Project 클릭 하고 생성 ※만약에 Spring Lagacy Project가 보이지 않는다면 마켓플레이스에서 STS를 입력후 STS3 Add-On 설치한다. org.springframework spring-websocket ${org.springframework-version} javax.websocket javax.websocket-api 1.1 기본 pom.xml에 2개의 의존성을 추가한다. 위 대로 디폴트 스프링mvc프로젝트를 생성하면 버전이 낮다. 그래서 웹소켓 인터페이스를 지원하는데 오류가 많이 났..
-
SQLD/ SQL활용 예제개발 관련 자격증 정보 2020. 5. 21. 17:43
위의 SQL활용 예제를 위한 스크립트 파일을 다운 받고 DBMS에서 실행한다. 예제의 필요한 테이블 및 데이터를 생성한다. -- 옵션+커맨드 슬러쉬 주석달기 -- RANK() -- 우리가 일반적으로 점수의 순위는 ORDER BY DESC를 해서 볼수가 있다. -- 하지만 똑같은 점수를 가진 사람들이 많이 나올때, 예를 들면.100, 90, 90, 80 이렇게 점수가 나오면 순위를 1,2,2,4 이렇게 부여 해야 한다. -- 이럴 경우 RANK 함수를 사용하여 쉽게 순위를 부여 할 수 있다. -- RANK() 함수를 사용하여 급여 순으로 순위를 부여한 예제 입니다. -- RK의 출력값을 보면 급여가 같으면 같은 순위로 부여가 됩니다. SELECT empno , ename , sal , RANK() OVER..
-
개발 프로젝트 포지션 정리 (PL,PM,AA,TA,DA,BA,QA...)개발 Tip 2020. 5. 21. 17:07
- PM(Project Manager) : 모든 관리 업무를 책임지는 사람으로 현업, 외부 팀과 인터페이스 및 커뮤니케이션을 담당하고 의견을 조율 하는 담당자 (WBS/휴가/TO관련) - PL(Project Leader) : PM을 도와 프로젝트의 리딩 담당, 개발, 관리 능력(화면설계, 개발일정관리), 고급기술(DB, WAS등), 커뮤니케이션을 통해 구체적인 요구 사항을 분석하고, 화면을 설계하며 자신이 관리하는 개발자들이 실제 개발을 진행 할 수 있도록 가이드 하고 관리하는 것 - AA (Application Architect) : 공통 로직, 개발표준, 프레임워크 등 공통업무 설계자 - TA (Technical Architect) : OS, WEB, WAS, DB 설치 등 하드웨어와 네트워크 구축 ..