WEB

의존 객체 자동 주입(Automatic Dependency Injection) 의존 객체 자동 주입(Automatic Dependency Injection)은 스프링 설정파일에서 혹은 태그로 의존 객체 대상을 명시하지 않아도 스프링 컨테이너가 자동적으로 의존 대상 객체를 찾아 해당 객체에 필요한 의존성을 주입하는 것을 말한다. @Resource, @Autowired, @Inject 이 태그들의 차이점은 의존 객체를 찾는방식이 다르다. 아래의 표를 참고하자 @Resource @Autowired @Inject 설명 Java 에서 지원 Spring Framework 에서 지원 Java 에서 지원 사용하는 위치 필드 , 한개의 파라미터인 빈 프로퍼티 setter 메소드 필드 , 생성자 , 여러개인 파라미터 메소..

잘 동작하던 프로젝트가 갑자기 js파일이 열리지 않는 문제가 발생했다. 오류를 확인해 보니 codeMax의 라이센스가 끝나 발생하는 문제였다. 이는 codeMax를 삭제하면 해결된다. 1. Help -> About Eclipse IDE 2. Installation Details 3. codeMax 검색 후 삭제 - 이미 삭제해버렸다... 4. 재시작 끝!!!

axios async getCategoryList(url, conceptScheme){ var responsData = await this.$axios.$get(url+ '?conceptScheme=' +conceptScheme) this.catgryList = responsData.list } fetch - fetch는 json으로 받아오지 않기 때문에 .then을 이용에 reponse값을 json형식으로 변환해 주어야 한다. async getCategoryList(url, conceptScheme){ var option = { method: 'GET', } await fetch(url+ '?conceptScheme=' +conceptScheme) .then(result => result.json())..

spring framwork를 사용해 MVC 모델을 사용하게되면 서버(controller)에서 클라이언트로 부터 넘어오는 요청(request)을 받아 처리를 해야한다. 이때 사용할 수 있는 어노테이션은 크게 4가지가 존재한다. @RequestBody @ModelAttribute @RequestParam @PathVariable 이들에 대해 알아보겠다. 1. @RequestBody ? - 이름에서 알 수 있듯이 요청 body안에 들어있는 값들을 읽어온다. 즉 post요청일때에 클라이언트 측에서 Json(application/json) 형태의 HTTP Body를 Java 객체로 변환 한 값을 넘겨받는다. HashMap로 파라메타를 설정하면 숫자와 문자 배열등 다양한 오브젝트를 구별해서 받을 수 있다. get..

프론트엔드를 NUXT를 이용해 개발을 하면서 Spring으로 개발한 API를 불러오는 과정에서 CORS 문제가 발생했다. .....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. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 먼저 CORS가 무엇인지 알아보자 CORS(Cross-..

연예인으로 보는 외모티어 테스트(여자 편) APP 출시을 출시하였습니다. 현재 안드로이드 APP으로 출시되었으니 많은 다운 바랍니다! https://play.google.com/store/apps/details?id=com.taehui.appearance_girl 외모 티어 테스트(여자 편) - Google Play 앱 연예인으로 보는 나의 외모 티어 테스트 (여자 편) play.google.com 곧 남자 편 출시 예정 입니다. 애플폰 사용자는 웹으로 사용하시면 됩니다~ https://appearance-girl.netlify.app/ 연예인으로 보는 나의 외모티어(여자 편) appearance-girl.netlify.app

연예인으로 보는 나의 외모 티어 테스트(여자 편)이 출시 되었습니다. 한번 해보세요~ https://appearance-girl.netlify.app/ 연예인으로 보는 나의 외모티어(여자 편) appearance-girl.netlify.app

웹페이지를 제작하다 보면 페이지 로딩이 오래 걸려 중간에 이탈하는 사용자가 생기곤 한다. 이를 조금이나 방지하지위해 페이지 로딩 시 로딩 화면이 나오게 구현해 보겠다. 1. 로딩이미지 다운 2. 코드 적용 1. 로딩이미지 - 다운 아래의 링크로 들어가 원하는 로딩 이미지를 다운로드한다. loading.io/ - 원하는 로딩 이미지 커스텀 후 GIF 클릭해서 다운로드하기 - 다운로드한 파일 images -> loading.gif 저장 2. 코드 적용 - 사이에 아래의 코드 추가 - 와 사이에 아래의 코드 추가 - 바깥쪽에 아래의 코드 추가 - style.css 에 아래의 코드 추가 .load { width: 100%; height: 100%; top: 0; left: 0; position: fixed; d..