Web Programming

  • Web Programming/Xamarin

    Xamarin 시작하기

    안녕하세요 씨앤텍시스템즈입니다. 이번 포스팅은 크로스 플랫폼인 Xamarin을 이용한 간단한 모바일 앱을 만들어 보겠습니다. 1. Xamarin이란? Xamarin은 .NET을 사용하여 iOS, Android, Windows 응용프로그램을 빌드하기 위한 오픈 소스 플랫폼입니다. 개발자는 Xamarin을 사용하여 플랫폼간에 평균적으로 90%의 응용프로그램을 공유할 수 있다고 합니다. 이 패턴을 통해 개발자는 모든 비즈니스 로직을 C#언어 하나로 작성할 수 있습니다. 그래서 C#에 익숙한 분들이라면 좀 더 쉽게 접근하실 수 있다는 장점이 있습니다. Xamarin에 대해 더 자세한 내용을 아래의 링크에서 확인해보세요. https://docs.microsoft.com/ko-kr/xamarin/get-starte..

  • Web Programming/Vue.js

    Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하기

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하는 방법에 대해서 정리해 보았습니다. InfiniteLoading사용방법은 https://peachscript.github.io/vue-infinite-loading/를 참고했습니다. 스크롤 페이징을 적용하기 위해 아래의 세 단계를 거쳐야 합니다. 1. InfiniteLoading 모듈 설치 2. .vue 파일에 InfiniteLoading 적용 3. 스크립트 적용 위의 이미지는 공식문서에서 제공하고 있는 InfiniteLoading을 적용했을 때의 화면입니다. 1. VueInfiniteLoading 모듈 설치 InfiniteLoading을 사용하기 위해 모듈을 설치합니다. npm inst..

  • Web Programming/Vue.js

    BootstrapVue 사용법

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 BootstrapVue 사용법에 대해서 정리해 보았습니다. BootstrapVue는 Bootstrap을 Vue.js에서 사용할 수 있도록 만든 패키지입니다. 공식문서에서 BootstrapVue를 사용하기 위해서는 아래와 같은 환경이 필요하다고 합니다. 1. Vue.js가 필요합니다. 2. 부트스트랩이 필요합니다. 3. PortalVue는 Toasts를 사용하기 위해 필요합니다. 4. jQuery는 필요하지 않습니다. Vue.js에서 BootstrapVue를 사용하기 위해서는 패키지를 설치해야합니다. 생성한 프로젝트의 경로에서 아래의 코드를 통해 Vue.js, BootstrapVue, Bootstrap v4의 최신버전을 설치합니다. # npm에서 설치 npm..

  • Web Programming/Vue.js

    Node.js 패키지 설치 모듈 npm과 yarn

    안녕하세요 씨앤텍 시스템즈 최홍준 연구원입니다. 이번 포스트는 JavaScript에서 모듈을 설치할 수 있는 패키지 관리자 툴을 비교해 보았습니다. 대표적인 패키지 관리자 툴은 총 3가지로 나눌 수 있습니다. 1. npm 2. yarn 3. brew 3번 툴인 brew는 Mac에서 주로 사용하는 툴인만큼 윈도우에서는 사용을 잘 안 하는 툴입니다. 이 포스터에서는 npm과 yarn 패키지 툴을 비교해보겠습니다. [ NPM ] npm은 Node Packaged Manager의 약자로 Node.js에서 주로 사용했던 패키지 관리자 툴입니다. 이 패키지는 온라인 데이터베이스로 이루어져 있습니다. 이러한 데이터베이스는 클라이언트를 통해 접근되며 사용 가능한 패키지들은 npm 웹 사이트에서 찾아보고 검색할 수 있습..

  • Web Programming

    cmd를 활용한 mySql 실행과 사용

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 cmd를 활용하여 mySql을 실행하보고 어떻게 사용하는지에 대해서 정리해 보았습니다. 1. cmd 창으로 mySql 실행하기 1) mySql Monitor로 이동하기 mySql Monitor는 mySql 프로그램을 설치할 때 자동적으로 설치가 되는데, mySql Monitor로 mySql을 실행해 보겠습니다. 만약 mySql 설치 시 디폴트 값으로 설치했다면 프로그램 위치는 아래와 같습니다. C:\Program Files\MySQL\MySQL Server 8.0\bin 그렇다면 cmd의 디렉토리로 이동하라는 명령어인 cd를 사용하여 아래와 같이 입력해 줍니다. cd C:\Program Files\MySQL\MySQL Server 8.0\bin 2) 비밀번..

  • Web Programming/Vue.js

    Vue.js 설치 및 구성

    안녕하세요 씨앤텍시스템즈 최홍준 연구원입니다. 이번 포스트는 Vue.js의 설치 과정에 대해서 정리해 보았습니다. 먼저 Vue.js 설치는 3가지로 나눌 수 있습니다. 1. npm init 2. cli 3. vue init 1. npm init 이용하여 구축 1.1 폴더를 생성 후 npm init으로 package.json을 생성합니다. 1.2 Vue 프로젝트 빌드에 필요한 의존성 항목들을 모두 설치합니다. npm install vue vue-loader vue-template-compiler webpack webpack-cli webpack-dev-server babel-loader @babel/core @babel/preset-env css-loader vue-style-loader html-webp..