WEB

정적인 웹 페이지(Static Web Page) VS 동적인 웹 페이지(Dynamic Web Page) 한마디로 둘의 차이는 웹 요소를 웹 페이지 내에서 바꿀 수 없냐이다. 물론 이게 정확한 개념은 아니지만 쉽게 설명하자면 정적인 웹페이지는 무언가 추가를 하기 위해서 개발자가 직접 서버에 접속해 HTML파일을 수정하거나 CSS파일을 수정해야 한다. 하지만 동적인 페이지는 페이지 내에서 이러한 수정을 할 수 있다. 우리가 블로그를 작성할 때 서버에 들어가 HTML 파일을 직접 만드는 게 아닌 글쓰기 버튼과 완료버튼을 누름으로써 글을 작성하는 것 같이 말이다. 정적인 웹 페이지(Static Web Page) 서버에 있는 내용들을 그대로 보여준다. 수정을 위해서는 서버에 접속해야하고 별도의 데이터베이스를 가지..

의존 객체 자동 주입(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