목록전체 글 (129)
능글맞은 구렁이
Visual Studio Code 줄여서 VSCode라고하는 개발 툴은 마이크로 소프트 사에서 만들었고 무료이고 오픈소스이면서 거대한 확장기능 생태계를 가지고있는 준수한 코드 편집기 이다. 1. 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and W..
REST API : Representational State Transfer 컴퓨터의 기능을 실행시키는 명령이라고 할 수 있다. 개발자들 사이에 널리 쓰이는 일종의 형식이다. REST API 디자인 가이드 첫 번째, URI는 정보의 자원을 표현해야 한다. 두 번째, 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)로 표현한다. REST API 중심규칙 URI는 정보의 자원을 표현해야 한다. (동사보단 명사를 사용) 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE 등)로 표현 회원의 정보를 가져오는 URI GET / members/show/1 (x) GET / members/1 (o) 회원의 정보를 추가할 때 GET / members/in..

HTTP : HyperText Transfer Protocol HTTP정의!! W3(World Wide Web)상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데에 쓰인다. tip Protocol : 복수의 컴퓨터 사이나 중앙 컴퓨터와 단말기 사이에서 데이터 통신을 원활하게 하기 위해 필요한 통신 규약 클라이언트가 서버에게 물건을 요청하는것을 Request 서버가 물건을 주는행위 Response 즉, HTTP는 Request와 Response를 나타낸다. 그외 HTML CSS 자바스크립트와 이미지등 이러한 파일들은 서로가 주고받는 컨텐츠를 요구하면 그 컨텐츠를 주고받기 위해서는 서버와 클라이언트가 서로가 알아들을 수 있는 공통의 약속인 메세지가 필요한데 그 메시지를 HTTP라..
AssertJ란? 테스트 코드를 작성하도록 돕는 라이브러리이다. AssertJ 장점? 깔끔하고 읽기 쉬운 테스트 코드를 작성할 수 있다. (개발자가 테스트를 하면서 필요하다고 상상할 수 있는 거의 모든 메소드를 제공한다. ) AssertJ 라이브러리 1. 의존성 설정 Gradle Maven java 8 testCompile 'org.assertj:assertj-core:3.6.2' org.assertj assertj-core 3.6.2 test java 7 testCompile 'org.assertj:assertj-core:2.6.0' 2. 메소드 임포트 import static org.assertj.core.api.Assertions.*; 다음과 같이 정적 임포트를 하면 AssertJ의 다양한 API를..
Thymeleaf에서 url을 표현하는 몇가지 방법 1. Absolute URL Absolute URL을 사용하면 특정 url로 직접 이동이 가능합니다. 가장 기본적인 a태그 사용법이라고 보시면 됩니다. 2. Context-relative URL 가장 많이 사용되는 유형인 context-relative URL입니다. 간단히 말해서 우리 서버 내 특정 위치로 이동이 가능하도록 하는 URL입니다. 아래 예시는 서버 내 리소스 /order/list를 호출합니다. 3. Adding Parameter URL 파라미터를 추가하는 방식의 URL입니다. https://www.test.io/order/details?id=1이런식의 파라미터를 만드는 것이죠. 파라미터를 여러개 사용하기 위해서는 아래와 같이 쉼표로 구분합니..

1. createElement를 통해서 div생성과 target div안으로 div생성하는 방법 See the Pen js-createElement by jangboraa (@jangboraa) on CodePen.

1. SECURITY 1. security활용 1) 인증 : 사용자 식별 예) 사원이 회사 건물 들어가기 위해 사원증, RFID 카드를 이용하여 반드시 인증을 통과. 2) 인가 : 시스템 자원에 대한 접근 통제 예) 직급, 직무에 다라 부여된 권한이 다르기 때문에 회사내에서 열람할 수 있는 문서의 종류도 제한. 직원이 특정 자원에 접근할 때 적절한 권한이 있는 지를 확인하는 과정. 2. 스프링 security 1) 기존방법 : 세션(HttpSession) 을 기반으로 로그인 에 성공한 사용자만 글등록, 목록 검색. 2) 스프링 부트에서 security사용방법 - 스프링 시큐리티를 쉽게 사용할 수 있도록 시큐리티 스타터를 제공 - 프로젝트에 적용하면 시큐리티 관련 의존성, 복잡한 시큐리티 관련 설정들들 자..
1. 화면까지 전달되는 데이터는 PageResultDTO를이용하여 화면에서는 페이지 처리를 진행한다. 2. PageResultDTO 타입으로 처리된 결과에는 시작 페이지, 끝 페이지 등 필요한 정보를 담아서 화면에서는 필요한 내용들만 찾아서 구성이 가능하도록 설계한다. 3. 화면에서 필요한 페이징 처리 구성요소 1) 10개씩 페이지 번호를 출력 2)1에서 10까지는 이전으로 가는 버튼이 나오지 않도록 3)10페이지 이후에는 이전으로 가는 링크 생성 4)마지막 페이지의 링크 계산 즉, 화면에서 시작페이지 번호(start) 화면에서 끝 페이지 번호 (end) 이전/다음이동 링크 여부 (prev, next) 현재 페이지 번호 (page) 페이징 처리를 위한 가장 필요한 정보 : 현재 사용자가 보고 있는 페이지..

프로젝트 구조 만들기 1. 주의사항: 1) 규칙정하기 :어떤 방식으로 코드를 작성할껀지 2) 파라미터, 리턴타입 등에 대한 약속정하기 2. 프로젝트의 와이어프레임 1) 프로젝트와이어 프레임이란? 화면설계서라는 뜻이다. 2) 화면설계서 ㄱ)부트스트랩/개발 ㄴ)화면의 URL, 전달되는 파라미터, 리턴타입 등 미리결정 ㄷ)데이터베이스 설계에 필요할 컬럼들 PK FK정의 ㄹ) 화면구성 :부트스트랩사용 a) 데이터베이스: guestbook b) 데이터베이스 연동 : JPA (따라서 테이블 따로 만들필요없음) c) Entity Class :1개사용 ㅁ) 구현내용 : CRUD / 페이징 / 검색 목록화면 : 전체 목록을 페이징 처리해서 조회 가능, 제목/내용/작성항목으로 검색과 페이징 처리 등록 화면: 새로운 글 등..
1. JSP의 include와 같이 특정 부분을 가져와서 포함 시키는 형태(include방법) ※ 1), 2)은 포함하는 HTML 1) th:insert - th:~~의 바깥쪽 태그는 유지하면서 태그의 시작과 끝 내부에 삽입하는 방식 2) th:replace - 기존 내용을 대체하는 방식 ※ 3) 포함되는 HTML 3) th:fragment - 포함하는 HTML에서 사용할 이름 2. 특정부분을 파라미터 형태로 전달하여 내용에 포함하는 형태(Thymeleaf가 지원해준다.) 1) th:fragment 2) 그외 th:block - HTML 의 역할을 하는 Thymeleaf지원태크 ※참고: 기존 버전에는 th:include가 있었지만 3.0버전 이후로는 사라짐 사용방법 1. include방식 포함되는 HTM..