본문 바로가기

전체 글193

이전 1 ··· 15 16 17 18 19 20 21 ··· 28 다음

[스프링부트 퀵스타트] ch.3 테스트, 로깅, 빌드 @SpringBootTest logging.level.com.rebypaper=trace ▶테스트 @SpringBootTest 애너테이션을 붙이면 복잡한 테스트 설정들을 자동으로 처리하고, 테스트 관련 객체들을 메모리에 올려줌 관련속성 properties : 테스트가 실행되기 전에 테스트에서 사용할 스로퍼티들을 k=y형태로 추가하거나 properties 파일에 설정된 프로퍼티를 재정의함 classes : 테스트할 클래스들을 등록함. 생략시 애플리케이션에 정의된 모든 빈을 생성함 webEnvironment : 애플리케이션이 실행될 때 웹과 관련된 환경설정 가능 모킹 : 테스트를 위해 실제 객체와 비슷한 모의 객체를 만드는 것 목업 : 모킹한 객체를 메모리에서 얻어내는 과정 모킹하려면 @WebMvcT.. 2023. 11. 23.

[스프링부트 퀵스타트] ch.2 의존성과 자동설정 기본적인 설정은 자동으로 처리, 필요한 만큼의 기능만 재정의하여 사용하기 ▷스프링부트의 핵심요소 ①스타터 : 특정 모듈 사용시 관련된 라이브러리들을 묶어서 마치 패키지처럼 제공. ②자동설정 : 빈 설정을 자동으로 처리함 ③액추에이터 : 스프링부트로 개발된 시스템을 모니터링 할 수 있는 다양한 기능을 제공함 ▶의존성관리 스타터의 원리 : (메이븐)스타터에 있는 POM파일의 상속 구조. 엘리먼트 사용. 프로퍼티 재정의 메이븐(pom.xml) org.springframework.boot spring-boot-starter-web 2.5.4 그레이들(build.gradle) dependencies { // 다른 의존성들 implementation 'org.springframework.boot:spring-b.. 2023. 11. 23.

[보안] 쿠키와 세션 그리고 JWT 세션, 쿠키, JWT는 웹 애플리케이션에서 인증 및 세션 관리에 사용되는 중요한 기술 쿠키 (Cookies) 쿠키는 클라이언트 측(브라우저)에 저장되는 작은 데이터 조각들 장점: 간단한 데이터 저장 및 추적에 적합합니다. 세션 관리, 사용자 인증, 사용자 선호도 등을 유지하는 데 사용됩니다. 단점: 용량 제한(대략 4KB)이 있습니다. 매 HTTP 요청마다 쿠키 데이터가 서버로 전송되므로, 네트워크 트래픽에 영향을 줄 수 있습니다. XSS(Cross-Site Scripting)와 같은 보안 취약점에 노출될 수 있습니다. 사용 방법: 쿠키는 Set-Cookie 헤더를 통해 생성되며, 브라우저는 이후 요청에 Cookie 헤더를 자동으로 포함시킵니다. HttpOnly, Secure, SameSite 등의 속성.. 2023. 11. 23.

[부트스트랩] 캐러셀 적용, 스타일 덮기, rem 단위, 100일 코딩 챌린지 - Web Development 부트캠프 331. 사용자 지정 코드와 타사 패키지 결합 [45일차] 캐러셀 적용 부트스트랩 스타일 덮는 방법 슬라이드 쇼 이미지 비율 맞추며 고정하기 rem 단위 rem은 CSS에서 사용되는 크기 단위로, "Root EM"의 약자 1rem의 크기는 문서의 루트 요소(HTML)의 폰트 크기에 대한 상대적 크기를 나타냄 ( 예를 들어, HTML 요소의 폰트 크기가 16px라면, 1rem은 16px과 동일하게 됩니다. rem 단위의 장점 일관성: 모든 요소의 크기가 루트 요소의 폰트 크기에 기반하기 때문에, 루트 요소의 폰트 크기만 조정하면 전체 문서의 크기 조정이 가능 유연성과 접근성: 사용자가 브라우저에서 기본 폰트 크기를 조정했을 때, rem 단위를 .. 2023. 11. 22.

HTML5 의미론적 태그 HTML5에서 도입된 의미론적(semantic) 태그들은 웹 페이지의 각 부분이 어떤 역할을 하는지 명확하게 정의하며, 웹사이트의 접근성을 개선하고, 검색 엔진 최적화(SEO)에도 도움을 줌. HTML5에서 흔히 사용되는 의미론적 태그 예시 : 페이지나 섹션의 머리글을 나타냅니다. 보통 로고, 제목, 네비게이션 링크 등을 포함합니다. : 네비게이션 링크를 위한 태그입니다. 주 메뉴, 목차, 색인 등의 네비게이션 링크를 감싸는 데 사용됩니다. : 독립적으로 구분되거나 재사용 가능한 내용을 나타냅니다. 예를 들어, 블로그 글이나 뉴스 기사, 포럼 게시물 등이 이에 해당합니다. : 문서나 애플리케이션의 독립적인 섹션을 나타냅니다. 각 섹션은 주로 한 주제에 대한 내용을 포함합니다. : 본문과 간접적으로 관련된.. 2023. 11. 22.

<div> 태그와 <section> 태그 태그 의미: (Division) 태그는 의미적인 가치가 없는 범용 컨테이너. 주로 스타일링이나 레이아웃 목적으로 사용 사용 사례: CSS를 사용하여 스타일을 적용하거나 JavaScript를 사용하여 동적 요소를 조작할 때, 관련 요소들을 그룹화하는 데 주로 사용 접근성: 스크린 리더와 같은 보조 기술에게 특별한 의미를 제공하지 않음 태그 의미: 태그는 문서나 애플리케이션의 독립적인 섹션을 나타냄. 이 태그는 의미론적으로 중요하며, 문서의 구조를 더 명확하게 표현하는 데 사용됨 사용 사례: 웹 페이지 내에서 독립적으로 구분되는 섹션(예: 챕터, 탭, 주제별 그룹 등)을 나타낼 때 사용. 각 은 보통 제목(, , 등)을 포함 접근성: 스크린 리더와 같은 보조 기술은 태그를 사용하여 문서의 구조를 사용자에게 .. 2023. 11. 22.

[Figma] UXUI 디자인 유용한 플러그인 아이콘 플러그인 플로우 웹페이지의 흐름 표현과 기능별 이동에 대해 표현할 수 있음 2023. 11. 21.

이전 1 ··· 15 16 17 18 19 20 21 ··· 28 다음

티스토리툴바