파이널 프로젝트 Plan + plentiful = Plantiful로 스케줄을 관리하고 구독 서비스를 공유 하는 사이트 개발 도구 개발 언어 협업 Tool 개발 기간 기능 마인드 맵 내가 맡은 기능 멤버 : 카카오톡 로그인 api / 이메일 인증 / 유효성 및 정규식 검사 예치금 : 결제 api / 본인인증 api 홈페이지 기본 틀 css

이클립스에서 백단으로 사용하는 spring과 비쥬얼 스튜디오에서 프론트로 사용하는 vue를 이클립스로 연동하는 방법에 대해 알아보자. 보통은 이렇게 두개의 개발도구를 이용해 동시에 다른 서버를 이용하여 웹페이지를 구현 하는게 정석이지만 만약에 내가 진짜로 서버에 해당 페이지를 올리고 싶다면 함께 넣어 놓는 것이 편리하고 + 어떤 거래처에서 프론트와 백까지 한번에 개발해 달라고 할 수 있기 때문에 연동하는 방법을 알아 두는 것이 좋다고 한다. 첫 번째 vscode에서 생성한 프로젝트의 제일 하단에 보면 vue.config,js 를 클릭한다. 두 번째 아래의 코드를 작성해준다. ● outputDir은 뷰의 입장에서 이클립스의 resources/static 폴더까지 가는 경로를 작성해준다. 예를 들어, 나는 ..

Spring 은 백과 프론트 기능을 완벽하게 분리한 것으로 백앤드를 구현 할 때는 사용자가 보는 화면은 구현 하지 않는다. 예시로 이전까지의 프로젝트들에는 front를 구성하는 webapp에 JSP 파일이 있지만 완벽하게 분리 된 Spring은 webapp에 아무 파일도 없는 것을 볼 수 있다. Spring 은 view 단에서 요청이 오면 해당 요청을 수행 한다. Spring은 이게 회원가입인지, 로그인인지. 마이페이지인지 전혀 관심이 없다. 그저 DB와 관련되거나 다른 어플리케이션에서 들어온 요청을 처리하기에 바쁘다. 그렇다면 view 는? 사용자가 보는 화면을 띄어주는 역할로 백단에서 구현 한 dto, dao, service 이런 것 들을 전혀 신경쓰지 않는다. 그저 사용자에게 기능을 보여주고 서버에..

vue 배운 사이트! 이것저것 많아서 공부하기 좋음~~ Vue Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 뷰 시작하기 전 : Vue는 JavaScript 파일로 배포되며 스크립트 태그를 사용하여 웹 페이지에 추가 해야한다. 따라서 아래의 script를 작성 하거나 vue 를 설치 해서 해도 된다. Step 1 뷰 영역에 표현 될 하나의 컴포넌트 만들어..