Frontend 웹 화면을 담당 Backend 중요한 서비스 로직 (데이터 저장, 관리) Web Publising 디자인 된 내용을 화면에 구현 화면 구성에 용이한 코드 구조를 통해서 웹 표준과 웹 접근성을 준수해서 작성하고 디자이너가 구상을 하면 코드로 정확하게 구상을 하고 모바일과 데스크탑의 각기 다른 화면을 구현해야하는 일련의 작업. Frontend Programming - 서버에 저장된 데이터 요청 - 요청된 데이터를 가공해서 화면에 출력 - 사용자가 사용하기 편하고 효율적인 UI/UX가 가미된 상태값 등을 가공하고 각각의 기능들을 연결 - 화면에 주소를 담당하는 라우팅 - web publishing : 디자인된 내용을 화면에 구현 1) 올바른 HTML표준 코드와 문맥에 맞는 코드 사용 2) 화면..

파일 다운로드 안돼... 클릭하면 파일 다운 실패된다 다운이 되더라도 html파일이 다운되고 그리고 다운로드파일은 {{ fileOriginalName }}.html 🫠 왜 중괄호를 문자열로 인식하는거지? 제대로 동작하려면 v-bind 디렉티브를 이용해야 했던 것.. 파일 다운로드

스크롤이 내려가 있는 상태에서 라우터를 통해 다른 페이지로 이동하면 스크롤이 내려가 있는 상태 그대로 페이지만 바뀌는 현상 발생 페이지 이동 시 스크롤이 최상단으로 올라가도록 router인스턴스에 scrollBehavior() 함수 추가 // src > router > index.ts // 함수 추가 전 const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, }); // 함수 추가 후 const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, scrollBehavior(){ return { top: 0 } },..

로그인해야만 접근하도록 만든 페이지를 url만 알면 접근 되는 이슈 발생 이 때 필요한 것이 인터셉터 해당 컨트롤러가 실행되기 전(preHandle)과, 실행된 후(postHandle)에 실행할 내용 작성이 가능 아래는 현재 유저가 아무나 접근이 불가한 페이지에 부적절한 방법으로 접근하는 것을 방지하도록 인터셉터 이용 ture를 리턴할 시에 기존 요청 흐름대로 해당 컨트롤러 실행 false를 리턴할 시 컨트롤러 실행x public class LoginInterceptor extends HandlerInterceptorAdapter { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Obj..

@vo public class Member { private String userId; private String userPwd; private String userName; private int age; private String phone; **ajax 응답데이터가 vo객체 한 행 조회일 때 @jsp 조회할 회원번호 입력 : 조회 @Controller @ResponseBody @RequestMapping(value="ajax2.do", produces="application/json; charset=UTF-8") public String ajaxMethod2(int num) { // Member m = mService.selectMember(num); // 원래는 이렇게 DB까지 갔다와야하는데 // ..

ajax로 값 전달하고 응답 결과 받기 ** 응답데이터가 하나일 경우 @jsp 이름 : 나이 : 전송 @Controller @RequestMapping("ajax1.do") public void ajaxMethod1(String name, int age, HttpServletResponse response) throws IOException { // 요청처리가 다 됐다는 가정하에 데이터 응답 /* response.setContentType("text/html; charset=UTF-8"); response.getWriter().print(name); response.getWriter().print(age); // 다수의 출력데이터가 하나의 문자열로 연이어져 출력 != 다수의 데이터 따로 출력 */ // ..