발자국남기기

기본적으로 HTML Form의 method 속성은 post와 get 방식 밖에 지원하지 않는다. 그렇다면 HTML Form을 사용할 때는 @DeleteMapping을 사용하지 못하는 걸까?? Spring MVC는 HiddenMethod 기능을 통해 HTML Form이 제공하지 않는 delete, put과 같은 메서드를 사용가능하게 해준다. input 타입을 hidden으로 사용자가 원하는 http메서드 방식을 스프링에게 알려주면 스프링 MVC가 내부적으로 이를 사용가능하게 해주는 방식으로 동작한다. 예전에는 @Configuration을 통해 스프링 빈에 등록시켜고 web.xml을 통해 filter를 설정해주어야했지만 최신 스프링부트에서는 application.properties나 yml에 등록해주면 바로..

Welcome Page static/index.html 을 올려두면 Welcome Page 기능을 제공한다. 컨트롤러에서 return 값으로 문자를 반환하면 뷰 리졸버(viewResolver)가 화면을 찾아서 처리한다. 스프링 부트 템플릿엔진 기본 viewName 매핑 resource:template/ + {ViewName} + .html Controller에서 model에 담은 key와 value값이 hello.html로 리턴되고 (return "hello"를 통해 hello라는 이름을 가진 view로 반환된다.) 이를 view안의 data(model의 키값에다가 value를 넣어주는 형식)

사용할 프레임워크 bootstrap jquery popper 이미 틀이 짜여져 있는 프레임워크에서 새로 커스텀하여 만들고 싶을 때는 custom.css라는 파일을 만들어 작성하는 것이 일반적 bootstrap.min.css를 덮어쓰기하는 식으로 사용하는 것이 일반적 가장 많이 사용하는 것중 하나가 웹 폰트 .navbar-brand bootstrap에서 네이게이션 바 안에 있는 로고 같은 것을 의미 @charset "EUC-KR"; @import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); @import url(https://fonts.googleapis.com/earlyaccess/hanna.css); .navbar-brand, h1, h..

Happy New Year! 2021! 😁 1월 1일에도 어김없이 생활코딩님과 함께.. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- Module (모듈) 객체를 포함하는 더 큰 개념 특정 객체를 변수에 담고 module.exports를 통해 내보낸다. 그 후 다른 파일에서 require('파일 경로+파일명')을 새 변수에 담아. 다른 파일에 있는 객체를 import한 것처럼 사용할 수 있다. 보안 readFile의 경로명을 data/${queryData.id}와 같이 지정해놓으면 .. 등의 상위 디렉..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.writeFile을 통해 동적으로 웹페이지에서 제어 리다이렉션: 사용자가 어떤 페이지에서 처리를 한 다음 다른 페이지로 보내는 것. writeHead(200) ==> 성공했다는 뜻 writeHead(302) ==> 페이지를 다른페이지로 리다이렉션 시키라는 뜻 delete도 링크로 하면 절대 안된다. 보안 ==> post방식 구글 캐싱사건 참고 자바스크립트에서 roles라는 객체가 있을 때 for var i in roles 라는 문장은 for문을 돌면서..

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- pathname은 쿼리스트링을 제외한 path만을 보여줌 이를 통하여 root로 접속했는지를 판별할 수 있다. 즉 우리가 만든 웹페이지인 root로 접속하면 원래대로 화면 보여주고 그 외의 path로 접속하면 에러 메시지 fs.readdir은 특정 디렉토리에 있는 목록을 배열에 담아서 보여준다. 즉 이를 반복문을 통하여 수정,삽입을 한다면 main.js에서 일일이 수정이 필요없이 한 번에 모든 내용을 수정 가능. 템플릿과 readdir, readfile을 ..

개요 전공과목 중 웹 프로그래밍 수업을 통해 HTML, CSS, JAVASCRIPT에 대해 배웠었다. 종강 이후에 방대한 Front-End라는 분야에 대해 찾아보던 중 node.js , vue.js 등을 사용하여 웹을 제어하고 구현한다면 내가 생각하던 웹이라는 틀에서 벗어나 더 획기적인 발전을 할 수 있다는 사실을 알게 되고 공부를 시작했다. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.readFileSync ==> node.js의 기능으로 읽어옴. node.js는 웹서버의 기능도 내장하고 있다..