본문 바로가기

분류 전체보기273

[Co_App] Spring Basic 복습 - Pagination ~ JPA (완) 1.  Pagination- 1~5 번 게시물만 보여주기 해보자 - Repository 인터페이스에 다음과 같이 메서드 생성 - 가져다 사용할때는 PageRequest를 사용한다.- items 를 이미 list.html에 바인딩 해놓았으므로 result를 보내면 알아서 반복문을 돌면서 렌더링한다. - 동적으로 변경하기 2. Azure Storage 이용하기 (Azure Blob)- 별도의 강의가 없으므로 따로 공부해서 아라보자- 이것도 단순한 Copilot 예시코드일 뿐이다.3. Comment 기능- 각 상품에 대한 댓글 기능을 구현한다. - Controller - Comment Entity - Service - Repository - Thymeleaf - 별거 없다. 4. 검색 기능- title 에서 .. 2024. 9. 8.
[Co_App] Spring Basic 복습 - Auth 1. Spring Security- 복붙을 통해 session/jwt 구현할 수 있다. 2. Spring Security - Thymeleaf 구현 절차- SecurityConfig.java 생성- FilterChain : 모든 유저의 요청과 서버의 응답 사이에 자동으로 실행해주고 싶은 코드를 담는 곳- authorize.requestMatchers() : 로그인 검사 여부를 설정한다. (permitAll()을 붙이면 모두 허용)- 참고) JWT 는 headers 에 직접 넣어서 보내면 CSRF 예방 가능 3. Bean 등록 4. Spring Security를 활용한 로그인 기능- 로그인 페이지 만들기- /login , POST, username, password 이런 Attribute 고정으로 맞춰야 .. 2024. 9. 1.
[Co_App] Spring Basic 복습 1. Controller 2. 타임리프 설치하면- 엔진때문에 static이 아닌 template에서 찾는다.3. ThymeLeaf MVC 문법  3. JPA- build.gradle - application.properties - Entity - Repository 만들기 - repository 가져다가 사용하기 4. Thymeleaf- thymeleaf 반복문 th:each 5. post - Map 자료형 - @ModelAttribute 이런 것도 있음 - thymeleaf의 Fragment 문법(컴포넌트) - thymeleaf Fragment 문법 가져다쓰기 6. Detail페이지- ifPresent, Lambda를 통해 깔끔하게 작성 가능- Optional 사용해도 됨- item.isPresent(.. 2024. 8. 29.
[MySQL] 이것이 MySQL이다 1. 다까먹은 MySQL 다시 공부하기 위해 DBeaver 실행 2. 좌측상단 SQL 누르면 dataSource 들이 나옴 3. 간단한 확인 쿼리 - SELECT DATABASE(); : 현재 사용하고있는 DB명 나옴 - USE DB이름; : DB 사용한다 - SHOW TABLES; : DB에 있는 테이블 다 내놔봐 - CREATE TABLE TABLE명( 컬럼명 타입 옵션, 컬럼명 타입 옵션, PRIMARY KEY(컬럼명) ); : 나 테이블 만든다 ? - SELECT * FROM TABLE명; - INSERT INTO TABLE명(컬럼들) VALUES(값1,값2, ... ); 4. 단축키 - Fn + ] : 새 SQL 창 추가 - cmd + Enter : SQL 실행 (커스터마이징) 아 하기싫어 졸려.. 2024. 3. 25.
[Do it] 이용자 화면 설계 2 1. 소개 화면 설계 - 보통 클라이언트에게 요청하여 받은 자료룰 바탕으로 구성한다. - 제품의 성격, 회사의 규모, 브랜드 인지도 등을 파악하여 '무엇'을 '어떻게' 소개할 것인가를 고민해야 한다. - 회사가 작거나 1인쇼핑몰 : 운영 마인드, 창업 스토리, 기준 관점, 독특한 스타일, 제품에 대한 자신감 등을 강조 - 아이디어 상품인 경우 : 제품이 현실화되는 과정과 대표의 열정을 강조 - 브랜드 인지도가 높은 제품의 경우 : 제품의 우수성을 증명할 수 있는 점유율, 회원 수 등을 강조 2. 스타일숍 상품 소개 화면 설계 상품 목록 화면 - 카테고리를 어디에 위치시키느냐에 따라 레이아웃이 결정된다. - GNB를 카테고리로 사용하거나, LNB를 따로 두기도 한다. - 인지도/신뢰도가 낮은 쇼핑몰/사이트.. 2024. 2. 19.
[Do it] 이용자 화면 설계 1 1. 헤더 설계 요령 - 경우에 따라 타입을 변경하여 몇 가지를 구분하여 설계한다. (회원가입이 있는 경우 등) - GNB는 왼쪽부터 중요한 순으로 배치한다. - 로그인 전 화면에는 웹사이트의 특징을 강조해서 회원가입을 유도하는 것이 좋다. - 홍보메시지나 메뉴구성도 로그인 전과 후로 나눠서 설계할 수 있다. - 유틸리티메뉴는 GNB의 보조역할(로그인/회원가입/마이페이지 등)로 사용한다. - 마우스 호버 옵션을 사용해서 서브메뉴를 구성하기도 한다. 2. 푸터 설계 요령 - 가장 하단에 위치하며, 상단에서 제공하지 않는 서비스 중 이용 빈도나 중요도 낮은 메뉴를 주로 배치한다. - 이용자에게 추가로 알리고 싶은 정보, 법률 표기 사항 등이 있다. - 회사 소개 / 이용 약관 / 개인정보 처리방침 / 인재 .. 2024. 2. 19.
[Do it] 화면정의서 작성 상세 1. 서비스 기획서 살펴보기 - 사업의 필요성 공유하기 -> 웹사이트 소개하기 -> 경쟁사 분석 및 제작 계획 -> 필요 기능 정리하기 사업의 필요성 공유하기 - 사업을 시작하는 이유는 무엇인가 ? - 시장 분석 - 고객 분석 웹사이트 소개하기 - 앞서 정의한 필요성에 착안하여 웹사이트를 구축하고 도입하여 궁극적으로 사용자에게 모든 혜택이 돌아갈 수 있도록 기획 - 여기에는 웹사이트의 큰 소개, 특징, 이용 방법, 매출계획(수익모델) 등을 소개한다. - 앞으로의 확장성이나 운영의 이득 등을 소개할 수도 있다. 경쟁사 분석 및 쇼핑몰 제작 계획하기 - 경쟁사 분석을 통해 사업의 필요성을 제고하고, 제작 계획을 구체화한다. - 제작 계획에는 인원(기획자 1명, 디자이너 2명, 퍼블리셔 1명, 개발자 3명)과.. 2024. 2. 19.
[Do it] 화면 정의서 1. 기획자는 화면정의서로 말한다 - SB/화면기획안/화면설계서 등으로 불린다. 화면정의서는 청사진이다. - 웹사이트의 기능과 정책 등을 모두 반영한 주요 산출물이다. - 기획자는 앞으로 발생할 모든 문제점을 미리 고민하여 대책을 세우고, 발생하는 경의 수를 예상하여 화면 정의서에 해결책을 담아야 한다. - 디자이너 퍼블리셔 개발자 모두가 이거만 보고 기획자의 역량을 파악한다. 기획에 뜻이 있다면 목숨걸고 만들어야 할 문서. 화면정의서는 작업지침서다. - 웹사이트의 모든 움직임을 상세히 담아야 한다. - 화면정의서는 소통의 문서이므로, 디자이너/퍼블리셔/개발자의 입장에서 고민하는 습관이 중요하다. - 한번 더 검토하기 : 본문의 설명은 오해가 없도록 명확히 작성하는 것이 중요하다. - 깔끔하게 작성하기 .. 2024. 2. 19.

티스토리툴바