본문 바로가기
반응형

프로그래밍/Springboot-토이프로젝트26

【게시판-12】프로필사진 등록('폼 태그'와 '드래그 앤 드롭'방식으로 파일 업로드) 안녕하세요 코이킹입니다. 이번 포스트는 프로필 사진 등록('폼 태그'와 '드래그 앤 드롭'방식으로 파일 업로드) 구현에 대한 내용이 되겠습니다. 1. 목표 - 스프링 부트를 사용하여 복잡한 프로세스가 포함된 기능을 갖춘 웹 어플리케이션을 구현할 수 있다. - '폼 태그'와 '드래그 앤 드롭'방식(자바스크립트 함수)으로 파일 업로드 요청하는 기능을 구현할 수 있다. - 스프링 부트를 사용하여 파일의 업로드 요청을 수신하는 기능을 구현할 수 있다. - 스프링 부트를 사용하여 파일의 다운로드 기능을 구현할 수 있다. - 업로드한 파일(정적 컨텐츠)을 화면에 표시할 수 있다. 2. 어떻게 구현할지에 대한 설명 프로필 사진 등록기능의 핵심은 다음과 같습니다. ① 프로필 사진으로 선택하고 싶은 사진의 임시 업로드 .. 2022. 9. 29.
【게시판-11】쿠키와 인터셉터를 활용한 자동 로그인 안녕하세요 코이킹입니다. 이번 포스트는 쿠키와 인터셉터를 활용한 자동 로그인 구현에 대한 내용이 되겠습니다. 1. 목표 - 스프링 부트를 사용하여 복잡한 프로세스가 포함된 기능을 갖춘 웹 어플리케이션을 구현할 수 있다. - 쿠키와 인터셉터를 활용한 자동 로그인 기능을 구현할 수 있다. - 스프링 부트를 사용하여 쿠키에 값을 넣고, 가져와서 사용하는 등 쿠키를 다룰 수 있다. 2. 어떻게 구현할지에 대한 설명 지난 포스트에서 세션을 활용하여 로그인 기능을 구혔했습니다. 세션을 활용한 로그인에서는 브라우져가 닫히면 인증정보가 사라져 로그인 상태가 해제되게 됩니다. 매번 로그인을 하는 행위는 의외로 귀찮은 작업이므로, 네이버와 같은 포털사이트를 보면 브라우져가 닫혔다가 다시 열리더라도 로그인 상태가 유지되는 .. 2022. 9. 21.
【게시판-10】로그인 / 로그아웃 안녕하세요 코이킹입니다. 이번 포스트는 세션을 활용한 로그인과 로그아웃 구현에 대한 내용이 되겠습니다. 1. 목표 - 스프링 부트를 사용하여 복잡한 프로세스가 포함된 기능을 갖춘 웹 어플리케이션을 구현할 수 있다. - 세션을 활용한 로그인 / 로그아웃 기능을 구현할 수 있다. - 스코프(페이지, 리퀘스트, 세션, 어플리케이션) 라는 키워드에 대해 알기 2. 어떻게 구현할지에 대한 설명 로그인 기능의 핵심을 정의해보면 '유저로 부터 입력받은 인증정보가 일치하면, 권한을 부여하여 회원만이 사용 가능한 기능을 사용할 수 있게 하는 것과 로그아웃을 하기 전이나 권한 부여 기간이 만료되기 전까지는 페이지 이동이 있더라도 권한이 유지되야하는 것'이며 로그아웃은 '로그인으로 인해 부여된 권한을 제거하는 것'입니다. .. 2022. 9. 21.
【게시판-09】회원가입 안녕하세요 코이킹입니다. 이번 포스트는 회원가입 구현에 대한 내용이 되겠습니다. 1. 목표 - 스프링 부트를 사용하여 복잡한 프로세스가 포함된 기능을 갖춘 웹 어플리케이션을 구현할 수 있다. - JavaScript(JQuery)를 사용하여 폼 데이터를 전송할 수 있다. - 암호화라는 키워드에 대해 알기 2. 어떻게 구현할지에 대한 설명 회원가입의 핵심을 정의해보면 '유저로 부터 입력받은 계정 정보를 DB에 저장하는 것'이 되겠습니다. CRUD 기능구현에서 했던 것과 같이, 해야 할 일을 먼저 추려내 보겠습니다. 스스로 질문하기 답변 추려내기 데이터 다루기 회원가입시 데이터는 입력방법? 회원가입 페이지를 추가하여, 데이터 입력 폼에서 유저정보를 입력 받는다. 회원가입 페이지의 이동경로 페이지의 헤더 부분의.. 2022. 9. 20.
【게시판-08】타임리프 템플릿 결합과 부트스트랩 적용 안녕하세요 코이킹입니다. 이번 포스트는 타임리프 템플릿 결합과 부트스트랩 적용에 대한 내용이 되겠습니다. 1. 목표 - 타임리프의 공통 템플릿과 각 기능별 템플릿을 결합하여 브라우저에 표시할 수 있다. - 스프링부트+타임리프를 사용할 때 부트스트랩과 같은 정적 콘텐츠를 적용할 수 있다. 2. 템플릿의 레이아웃을 합치는 이유 대부분의 웹 사이트의 URL로 구분된 독립적인 페이지를 보면, 상단(검색창이나, 로그인 / 회원가입과 같은 기능)과 하단 (카피라이트의 문구나 사이트 맵)은 거의 변화가 없고, 중단의 콘텐츠만 변하는 경우가 많습니다. 지금까지 구현해온 게시판에 이제 부터 회원가입과 로그인 기능을 추가하려고 하는데, 이때 각각의 타임리프 템플릿에 반복되는 부분을 똑같이 복사붙여 넣기를 하는 것은 작업량.. 2022. 9. 17.
【게시판-07】페이징 처리 안녕하세요 코이킹입니다. 이번 포스트는 페이징 처리 기능 구현에 대한 내용이 되겠습니다. 1. 목표 - 스프링 부트를 사용해서 DB의 데이터를 웹에 표시할 때 페이징 처리를 할 수 있다. 2. 페이징 처리란? 하나의 페이지에 표시해야 할 데이터가 너무 많을 경우, 데이터를 나누어 표시하는 것이 페이징 처리입니다. 페이징 처리를 구현하기 위해선 다음과 같은 값들을 가지고 다양한 처리를 해주어야 할 필요가 있습니다. - 전체 데이터의 수 - 하나의 페이지에 표시할 데이터의 수 - 전체 페이지의 수 - 현재의 페이지 번호 - 하나의 페이지에 표시할 데이터는 몇 번부터 몇 번까지 인지 계산하기 따라서 페이징 처리를 직접 구현하려하면 상당히 어렵습니다만, 스프링 부트가 제공하는 기능을 활용하면 페이징 처리를 쉽게.. 2022. 9. 16.
반응형

티스토리툴바