본문 바로가기 메뉴 바로가기

Software Engineer, Java, Spring Boot, JAX-RS REST API, OAuth 2.0, Microservice, DevOps

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Software Engineer, Java, Spring Boot, JAX-RS REST API, OAuth 2.0, Microservice, DevOps

검색하기 폼
  • 분류 전체보기 (607)
    • 건강부터 챙기자 (13)
    • 모든 것들의 리뷰 (64)
      • 목차 (1)
      • 심레이싱 (7)
    • SW 개발 (414)
      • 목차 (1)
      • Tools > Windows (13)
      • Tools > Chrome (1)
      • CentOS (30)
      • IDE (4)
      • Vagrant (2)
      • API (11)
      • API > Logging (3)
      • API > OAuth 2.0 (6)
      • Java (61)
      • Kotlin (14)
      • Spring (67)
      • Spring > MyBatis (6)
      • Spring > Cache (1)
      • Spring > Jedis (0)
      • Spring > Logback (0)
      • Spring > Vaadin (1)
      • Jersey (4)
      • PHP (23)
      • Node.js (9)
      • JavaScript (36)
      • TypeScript (1)
      • MySQL_MariaDB (23)
      • Redis (1)
      • RocksDB (1)
      • C# (2)
      • ERP (1)
      • 웹 (11)
    • 늦게 재미들린 사진 찍기 (11)
    • 우리 동네 뭐있지? (1)
    • IT (22)
      • 유틸리티 (10)
      • 앱 (3)
      • 크롬 (2)
    • 취미 (58)
      • 자전거_목차 (1)
      • 자전거 (46)
      • 사진 (4)
      • 축구 (3)
      • 영어 (1)
    • 생활 (1)
    • 블로깅 (2)
    • 잡담 (1)
  • 방명록

SW 개발/JavaScript (36)
Grunt, AngularJS 프로파일 설정하기

개요 Java 진영, 특히 Spring 기반의 개발자들은 배포 환경에 따라 설정을 달리 적용할 수 있는 Profile 개념에 익숙할 것이다. 프론트엔드 JavaScript 진영에서 Profile 단위의 개발은 필요하지만 적용 방법은 익숙하지 않을 것이다. 이번 글에서는 Grunt 기반의 AngularJS 프로젝트에서 Profile 개념을 적용하는 방법을 소개하고자 한다. package.json 프로젝트 루트에 package.json에 아래 내용을 추가한다. { ... "devDependencies": { "grunt": "1.0.1", ... "grunt-replace": "1.0.1", ... } 위와 같이 기존 Grunt 기반 AngularJS 프로젝트에 grunt-replace 모듈을 추가하고 커맨..

SW 개발/JavaScript 2016. 9. 22. 14:48
NPM을 이용하여 프론트엔드 라이브러리 적용하기

개요 대개 jQuery, Bootstrap과 같은 프론트엔드 영역의 라이브러리(또는 프레임워크)를 프로젝트에 적용시 해당 라이브러리를 직접 다운로드하거나 CDN을 활용하는 방식을 사용해왔다. 이러한 방법은 최근의 백엔드 영역의 빌드 자동화에 비하면 대단히 낙후된 방법으로 이를 극복하기 위해 서버 영역에서는 WebJars, 클라이언트 영역에서는 Bower 등이 등장하였다. 이번 글에서는 Node.js의 패키지 매니저인 NPM을 이용하여 프로젝트에 프론트엔드 라이브러리를 적용하는 방법을 소개하고자 한다. package.json NPM을 이용하여 프론트엔드 모듈을 설치하기 위해 프로젝트 루트에 package.json을 아래와 같이 작성한다. { "name": "helloworld-app", "version":..

SW 개발/JavaScript 2016. 9. 20. 13:32
AngularJS, 전역 범위($rootScope)에 이벤트 핸들러 등록하기

var app = angular.module('someApp', ['ui.router']); app.run(['$rootScope', '$state'], function ($rootScope, $state) { $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams, options) { if ( ... ) { // 인증이 요구되는 스테이트일 경우 $state.transitionTo('user.login'); event.preventDefault(); }); }]); AngularJS의 run() 메써드에 전달한..

SW 개발/JavaScript 2016. 9. 9. 18:16
AngularJS, Hello World 출력하기

개요 AngularJS는 최근의 트렌드라 할 수 있는 SPA(Single Page Application) 개발을 지원하는 현재 가장 유명한 MVW(Model-View-Whatever) 프레임워크이다. 마지막 W가 Whatever인 것은 무엇이든 올 수 있다는 의미이다. 최근의 트렌드는 이 부분을 ViewModel 방식으로 구현하는 것이다. 사전지식 AngularJS를 접하기에 앞서 JavaScript 빌드 도구인 Grunt, Webpack에 대한 사전 이해가 필요하다. 아래 글을 참고한다. Grunt, JavaScript 빌드 환경 구축하기Grunt, Webpack을 이용한 JavaScript 모듈 작성하기 package.json 프로젝트 루트에 package.json 파일을 아래와 같이 작성한다. { ..

SW 개발/JavaScript 2016. 9. 8. 16:44
이전 1 2 3 4 ··· 9 다음
이전 다음
공지사항
  • 처음 오신 분들을 위한 바로 가기 모음
최근에 올라온 글
  • Spring Boot, Hazelcast, 분산 ⋯
  • NGINX의 access_log, error_lo⋯
  • Spring Boot, Redis를 이용하여 AP⋯
  • Graylog, Custom Index Mappi⋯
최근에 달린 댓글
  • 방문 감사합니다.^^
  • 좋은글 감사합니다!
  • 최고. 저는 리눅스 서버 포트 바꾸고 나서 접속하려는⋯
  • 잘 보고 갑니다. 감사합니다.
Total
3,095,574
Today
345
Yesterday
953
링크
TAG
  • 로드 바이크
  • JHipster
  • maven
  • jsp
  • java
  • MySQL
  • jstl
  • 구동계
  • 태그를 입력해 주세요.
  • Kendo UI
  • graylog
  • kotlin
  • jpa
  • Eclipse
  • 자전거
  • node.js
  • CentOS
  • Spring MVC 3
  • bootstrap
  • Spring Boot
  • spring
  • Docker
  • chrome
  • Tomcat
  • DynamoDB
  • JavaScript
  • 알뜰폰
  • 로드바이크
  • 평속
  • Kendo UI Web Grid
more
«   2023/06   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30
글 보관함
  • 2023/04 (1)
  • 2023/03 (3)
  • 2022/12 (3)
  • 2022/10 (2)
  • 2022/09 (1)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바