반응형 angular8 Angular + Spring POST ContentType error 'text/plain;charset=UTF-8 해결 Spring boot로 RestAPI를 만들어서 Angular에서 전달한 데이터를 저장하는 과정에서 아래와 같은 에러가 발생하였다. Angular의 경우 Spring-boot의 경우 에러가 발생하였지만 어떤 부분이 잘못되었는지를 모르니 하나하나 해석 하며 Access-Control-Allow-Origin이 헤더에 없다고 뜨는 것을 해결하기위해 해당 코드를 넣어서 해결해보려고 하였다. 하지만 Header를 추가하니 Spring 까지 요청을 보내주지도 않았고 차단당하였다. 이유를 생각해보니 다른 도메인에서 Spring 서버 URL을 통해 접근하려 하니 Springframework에서 차단 한다는 사실을 알게되었고 해당 부분을 해결하기위해 @CrossOrigin(origins = "*") @RestContro.. 2021. 10. 8. Angular의 DI 그리고 React,Vue와의 차이점(Google Angular 개발자에게 받은 대답2) https://sac4686.tistory.com/54 Attribute바인딩과 Property바인딩의 차이(Google Angular 개발자에게 받은 대답1) Angular의 데이터 바인딩을 학습하면서 7가지 종류를 하나하나 이해해보려고 했습니다. 하지만 개념적인 부분에서 부족한것이 많아서 Attribute와 Property의 차이에 대해 먼저 파악하려고 여러가지 sac4686.tistory.com 프론트엔드에서는 VIEW를 구성할 수 있는 다양한 프레임워크들과 라이브러리들이 존재하는데 Angular에서는 어떠한 장점과 그들만의 기술이 있는지에 대한 궁금증으로 내친김에 물어보았습니다. 질문1 나) Why did Angular make us do Dependency Inject unlike other l.. 2021. 9. 6. Angular에서 생명주기(Life Cycle) 오늘 공부하게 되었던 내용은 Angular에서 사용되는 생명주기 그중에서도 라이프사이클 훅 메서드들에대해서 사용하게되었습니다. Angular.io에서 여러가지 문서를 보면서 정리한내용입니다. **LifeCycle hooks** 컴포넌트와 지시자는 생명주기(Life Cycle)를 가지고있는데 , 생명주기 안에서는 특정 시점에 훅 메서드(hook method)를 호출할 수 있다. 컴포넌트 인스턴스는 Angular가 컴포넌트 클래스의 인스턴스를 생성한 시점부터 미리 정의된 Life Cycle에따라 화면에 렌더링되며 동작합니다. 라이프 싸이클 **단계에 따라 화면에 렌더링** 되고 자식 컴포넌트를 화면에 추가합니다. 컴포넌트가 동작하는 동안 프로퍼티로 바인딩된 **데이터가 변경되었는지 감지**합니다. 값이 변경.. 2021. 8. 23. Angular 파일 구조 간편정리(완전 기초) Angular를 새롭게 공부하면서 가장 큰 문제는 무엇을 모르는지 이 파일은 무슨역할을하고 내가 작성한 이 파일은 무엇을 의미하는지에 대해 파악하는것이 첫번째 할일이라고 생각하게되어서 Angular CLI를 통해 프로젝트를 생성한 후 Default로 생기는 개발환경 파일들 프레임워크의 용도를 파악하며 공부하였습니다. 조금이라도 이해가지 않았던 부분들을 하나하나 따로 빼서 작성해놓았으니 단어가 생소하다 생각되는 단어들은 확인하면서 쭉 한번 읽어보시면 도움이 될 것 같습니다. src 폴더 내부 파일명(폴더명) 설명 /app(폴더) Angular의 모든 주요 구성요소가 위치하며 root 즉 애플리케이션의 최상위 폴더정도로 보면 될것같다. /app/app.component. * .ts, .html, .css, .. 2021. 8. 21. 이전 1 2 다음 728x90 반응형
