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

처음 배우다보면 혼란스럽게하는게 프레임워크와 라이브러리 같다. 난 그랬음... 어떤건 자바스크립트의 프레임워크, 어떤건 라이브러리 라고 하면서 거기서 거기인 것들이 자꾸 헷갈리게 하기 때문이다. 간략하게 정리해 보자면 프레임워크 (Framwork) 말 그대로 '프레임을 가지고 하는 일' 이라고 해석 할 수 있다. 예를 들어 이런 추억의 장난감 조립 틀이 있는데 이걸 다향한 모양으로 만들기 위해서는 설명서에 나와 있는 것을 지키면서 만들어야 할 것이다. 즉, 프레임워크는 어떤 프로그램을 쉽게 만들기 위한 요소와 룰을 제공해 줌으로서 소프트웨어의 생산성과 품질을 높이는 역할을 하는 것! 결론적으로 소프트웨어에서의 프레임워크는 '특정 프로그램을 개발하기 위한 여러 요소들과 메뉴얼인 룰을 제공하는 프로그램' 이..

프로젝트를 하는 중에 사이드바를 만들게 되었다. 찾아보니 만드는 건 너무 쉬운데 말입니다? 꼭 내가 원하는 디자인은 없다는게 학계의 정설. 내가 원했던 사이드바 □ 페이지가 시작하자마자 나오기 □ 나올 때 본문 부분을 밀어내고 나오기 □ 그러면 당연히 사이드바를 닫으면 본문을 확장 시키기 처음에는 를 이용해서 JS 없이 구현 하려고 했으나, 본문과 사이드바를 구분하는 과정에서 닫기 버튼이 자꾸 사라지는 끔찍한 현상 발생... ㅎ z-index를 1000; 까지 줘보기도 했으나 자꾸 어디 갔는지 보이질 않고 날 힘들게 했다. 결국 방법을 바꿔서 스크립트를 사용하게 되었다.. [ Html CSS ] 1. 사이드바 네비게이션 (sidenav) 이라는 클래스 이름을 준 div를 생성 2. 사이드바안의 내용을 클..

웹 스토리지 객체인 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해준다. 이 둘을 사용하면 페이지를 새로 고침하고 심지어 브라우저를 다시 실행해도 데이터가 사라지지 않고 남아 있다. 근데 사실 쿠키를 쓰면 더 간편하게 할 수 있는데 왜 Storage를 쓰는 것일까 궁금해서 찾아 봤다. 웹 스토리지 객체는 네트워크 요청 시 서버로 전송이 되지 않아 더 많은 자료를 보관할 수 있다. 서버가 HTTP 헤더를 통해 스토리지 객체를 조작 할 수 없고 모두 자바스크립트로 수행 된다. 웹스토리지 객체는 도메인,프로토콜,포트로 정의 되는 오리진에 묶여있어 함부러 데이터에 접근 할 수 없다. 두 스토리지 객체는 동일한 메서드와 properties를 제공한다. setIt..