Fall in IT.

ionic 프로젝트 중에 "ionic build ios" 실행시 아래와 같은 에러 발생시 해결 방법입니다. 에러 원인Xcode 설치 또는 업데이트 후 앱을 한번도 실행하지 않았을 경우 발생 합니다. 해결방법Xcode를 실행하여, Xcode license 동의에 확인을 체크하면 해결됩니다. 모두 즐거운 코딩하세요~

안녕하세요.오늘은 Ionic Framework에 대해서 소개하도록 하겠습니다.(다음글에서는 간단하게 Ionic Framework를 사용하여 Hybrid App을 개발해보도록 하겠습니다.) 하이브리드 앱이란?하이브리드 어플리케이션(이하 하이브리드 앱)은 HTML5, CSS, JavaScript와 같은 웹 기술로 웹 어플리케이션을 만들고, 이를 네이티브 컨테이너로 감싼 네이티브 어플리케이션을 말합니다. (Corodva/PhoneGap처럼 네이티브와 연결해주는 도구를 이용하면 카메라, 가속도계, 위치정보, 연락처 같은 네이티브 기능에 접근할 수 있습니다.) 네이티브앱을 만들지 않고, 하이브리드앱을 만드는 이유는?개발비용과 개발시간을 줄여줍니다.네이티브 언어보다 학습 곡선이 낮습니다.(하이브리드 앱의 가장 큰 ..

안녕하세요. 오늘은 AnuglarJS에서 img 태그 안에 ng-src 디렉티브에 설정된, url (이미지 경로)에 대해서 reload하는 방법을 알아보겠습니다. 필요한 상황이미지 서버에서 이미지가 변경 되었는데, 경로는 그대로인 경우 reload가 필요합니다. ng-src reload 방법기존의 url에 현재 시간과 같은 변경이 있는 값을 더해줍니다. 예제소스 angular.module('ngSrcDemo', []) .controller('AppCtrl', ['$scope', function ($scope) { var imageUrl = "http://example.com/img.png"; $scope.imageSource = imageUrl + "?cb=" + new Date().getTime(); ..

안녕하세요. 오늘은 AngularJS 1의 기초개념에 대해서 알아보겠습니다. AngularJS란?AngularJS는 구글에서 만든 자바스크립트 프레임워크로, 2009년에 발표되었습니다.AngularJS는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션 개발의 정수이다. AngularJS 특징자바스크립트로 작성할 코드량을 줄여준다. - Dom을 선택하고 조작하는 자바스크립트 코드를 작성하지 않아도 됩니다.양방향 데이터 바인딩이 가능합니다. - 모델의 데이터와 뷰 데이터가 양방향 데이터 바인딩이 되어, 모델이 바뀌면 뷰 데이터도 같이 변경 됩니다.HTML, CSS, 로직 등의 개발 영역을 명확하게 분리해줍니다. - 기존 자바스크립트에서는 Dom 조작과 이벤트..

안녕하세요. 오늘은 웹개발시에 빈번하게 발생하는 크로스 도메인 이슈(Cross-origin Http)에 대해서 알아보겠습니다. 또한, 스프링 프레임워크에서 @CrossOrigin 어노테이션을 사용하여 문제를 해결하는 방법에 대해서 알아보겠습니다. 크로스도메인 이슈란?웹 브라우저에서 Ajax 등을 통해 다른 도메인의 서버에 url(data)를 호출할 경우, 나타나는 보안문제를 말합니다. (만약, 내가 만든 웹서비스에서 사용하기 위한 rest api 서버를 다른 도메인에서 접근하여 사용한다면, 보안상 문제가 될 수 있습니다.) 크로스도메인 이슈 해결방법서버측에서 크로스도메인을 허용하여 문제를 해결하는 방식클라이언트측에서 크로스도메인을 해결하는 방식 (서버측에서 크로스도메인 설정하여 문제를 해결하는 것이 표준..

오늘은 스프링 프레임워크의 하나인 Spring Boot의 프로젝트 생성법에 대해서 알아보겠습니다. 스프링 부트 프로젝트 생성하기먼저, 아래 URL에서 운영체제에 맞는 응용프로그램을 다운로드 받습니다. - https://spring.io/tools/sts/legacy STS 어플리케이션을 실행합니다.워크스페이스(프로젝트 생성 시 저장할 폴더)를 설정합니다. 좌측에 Package Explorer 섹션에서 우클릭 > New > Spring Starter Project를 누릅니다. 프로젝트 이름 및 빌드 툴(Maven, Gradle), 패키징 종류(Jar, War), 자바 버전, 디펜던시 등을 설정하고, Finish 버튼을 누릅니다. - 여기서는, 자바 1.7로 설정하고, 디펜던시는 JPA와 Web을 선택하였습..

오늘은 Spring Data JPA에서 페이징처리와 정렬을 사용하는 방법에 대해서 알아보겠습니다. Spring Data JPA에서는 쿼리 메소드에 페이징과 정렬 기능을 제공하는 2가지 클래스를 제공합니다.org.springframework.data.domain.Sort : 정렬 기능org.springframework.data.domain.Pageable : 페이징 기능 Sample Code// Page 정의 코드public interface MemberRepository extends Repository{ Page findByUsername(String name, Pageable Pageable); } // Page 사용 코드PageRequet pageRequest = new PageRequest(0, ..

오늘은 JPA에서 사용할 수 있는 객체지향 쿼리언어에 대해서 알아보겠습니다. JPA는 복잡한 검색 조건을 사용하여 엔티티 객체를 조회할 수 있는 다양한 쿼리 기술들을 지원합니다. 그 종류로는 아래와 같습니다. 객체지향쿼리언어의 종류와 특징JPQL(Java Persistence Query Language) - 데이터베이스 테이블을 대상으로하는 데이터 중심의 쿼리가 아닌 객체를 대상으로 검색하는 객체지향 쿼리 (엔티티 객체를 조회하는 객체지향 쿼리.) - SQL을 추상화해서 특정 데이터베이스 SQL에 의존하지 않는다. - JPQL은 SQL보다 간단하다. Criteria - JPQL을 편하게 작성하도록 도와주는 API, 빌더 클래스모음. - 문자가 아닌 query.select(m).where.. 과 같이 프로..

오늘은 Spring Data JPA 기본키 매핑하는 방법에 대해서 알아보겠습니다. Spring Data JPA 에서는 엔티티의 기본키를 @Id 어노테이션을 사용하여 설정합니다. @Entitypublic class Team{@Id@Column(name = "team_id")private Long id; (이하 생략)} 이때, 기본키를 할당하는 방법으로는 두가지가 있습니다.직접할당 : 기본 키를 어플리케이션에서 직접 할당 해주는 방법 자동생성 : 데이터베이스가 자동으로 할당해주는 방법 (예를들어, 오라클은 sequence, MySQL의 auto_increment)데이터베이스 벤더마다 sequence, auto_increment 등 기본키를 자동생성하는 지원하는 방법이 다릅니다.Spring Data JPA는 ..

오늘은 JPA를 사용하는 이유와 Spring Data JPA에서 연관관계 매핑하는 방법에 대해서 알아보겠습니다. JPA란?JPA는 Java Persistance API의 약자로, 자바 진영의 ORM 기술 표준입니다. ORM이란?ORM은 Object-Relational Mapping의 약자로, 객체와 관계형 DB를 매핑하는 기술 입니다. JPA를 사용하는 이유?생산성 자바 객체를 사용하여, DB 스키마를 생성 및 SQL 처리를 할 수 있습니다. 유지보수 기존에는 DB에 필드를 추가할때, DB뿐만 아니라 관련 코드까지 모두 수정해야 하는데, JPA를 사용하면 엔티티 객체에 멤버변수만 추가해주면 된다. 또한, 기본적인 CRUD의 경우 JPA에서 기본적으로 제공해준다. 성능 어플리케이션과 데이터베이스 사이에서 ..