본문 바로가기

분류 전체보기

 (267)
Front 에서 Http 통신하는데 Access to XMLHttpRequest at' ~ ~ ~ ' from origin '~ ~ ~' has been blocked by CORS policy 에러!!!! 에러문장 Access to XMLHttpRequest at 'http://localhost:8080/api/boards' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 해결방법 백엔드서버에서 해주는 응답에 다음헤더 넣어주기 HttpHeaders headers = new HttpHeaders(); headers.set("Access-Control-Allow-Origin", "*"..
Annotation 으로 AOP 설정하기 Spring의 강력한 기능중 하나인 AOP 우리는 이를 통해 관심을 분리해서 비즈니스 로직에 집중하고, 로깅 등 자동화 되어야할 로직등은 손쉽게 삽입, 관리할 수 있다. 이론상 매우 복잡한 AOP는 설정에 대해 까다롭게 생각할 이유가 없다. 스프링이 Annotation 으로 필요한 AOP 를 설정할수 있게 해주기 때문이다. 첫번째로 라이브러리를 등록하자. org.springframework.boot spring-boot-starter-aop 두번째, 가장 최초 시작점인 main함수가 있는 Application클래스 의 @SpringBootApplication 위에 "@EnableAspectJAutoProxy"를 작성해주자. 우리는 이를 통해서 Aspectj 를 사용할 떄 AOP를 찾을 수 있게 해준다. ..
var / let / const 차이점 var : 중복선언(재선언) 가능 / 재할당 가능 var VR = " 1234"; var VR = " 123 "; VR = " 123 "; let: 중복선언(재선언) 불가능 / 재할당 가능 let LE = " 1234" let LE = " 123 " /불가능 재선언 LE = " 123 " //가능 재할당 const : 중복선언(재선언) 불가능 / 재할당 불가능 const CON ="1234"; const CON ="123"; // 에러 CON = "123" // 에러
(IntelliJ 에러)Unknown run configuration type SpringBootApplicationConfigurationType IntelliJ Community Edition 에서는 적용되지 않는 Plugin 들이 있는것 같다. Intellij Ultimate 버전 사용하시면 바로해결됨
변수명 뒤에 물음표(?) 와 달러 ($) 표시 Angular 프로젝트를 보다보면 다음과 같은 형태의 변수 명을 볼 수있다. 1. 변수명 뒤에 물음표 export class ModelA{ id: number; name?: string; type?: string; phoneNumber?: string; } 여기서 물음표는 무엇을 뜻할까? ㄴ> optional 하다는 의미를 내포시킨다. ㄴ> 물음표가 없다면 변수가 사용되지 않을 경우 undefined를 표출하게 된다. ㄴ> 설계시 필수값이 아니라면 , 즉 DB에서 required="true" 가 아닌경우는 물음표를 붙여서 설계하면 좋을것이다. 2.변수명 뒤에 달러 지난 시간에 배운 Rx와 관련있다. Observable 변수명 뒤에 $를 붙여주면 스트림통신을 뜻한다. 달러의 $는 Stream의 줄임말로 볼..
Angular.js Observable [기초] Observable 은 어플리케이션 내의 부분끼리 통신할 수 있게 해주는 방법을 제공한다. 이들은 앵귤러에서 자주쓰이며 특히 , 이벤트 핸들링을 할경우 Observable을 하라고 추천받는다. observer패턴은 subject라고 불리는 객체지향패턴에서의 subject라불리는 객체이다. 여기서 subject란 dependents 리스트들을 유지하고, 자동으로 state 변화를 관찰하는 소프트웨어 패턴이다. 이 패턴은 [ publish / subscribe ] 와 비슷하다. Observable 은 우리가 선언해서 사용한다. 즉, values들을 publish 하는 함수를 선언한다. 하지만, 소비자가 subscribe 하기 전까지는 보내주지않는다. !! Lazy하므로 구독을 꼭 해야한다 , 소비자..
페이징 처리하기 Angular With Spring 어느분의 코드를 보다가 배울점이 있어서 간단히 프로토 타입코드로 작성해보았다. ========= Angular js =========== 1. Pagenation 이라는 클래스를 만들어서 view에서 검색관련한 이벤트 등이 있을 경우 페이징 할 때 필요한 변수들을 받아놓는다. export class Pagination { // 다음 가져올 시작 부분 offset: number; // 한번에 가져올 양 limit: number; // 소팅 조건 sortOption [ { prop: string; dir: string; } ]; // 검색 조건 및 정보 searchOption: 'AND' | 'OR'; searchwords: string[]; //생성자로는 기본값을 설정했다 .!! constructor(ty..
Angular.js Attribute Directives Directive에는 3가지 종류가 있다 ● Component Directive ● Structural Directive √ Attribute Directive Component Directive 는 우리가 흔히 아는 component 이고, Structural Directive 는 ngIf ngFor 등이 있다. 이들은 조건 등에 따라 view 의 구조를 바꾸게 된다. Attribute Directive 는 흔히 element의 속성을 바꿔준다. 예를들자면 NgStyle라는 디렉티브를 이용한다면 여러개의 스타일요소를 한번에 탑재시킬 수 있다. ============================================================================ > 이번 게시글에서는 A..

티스토리툴바