본문 바로가기

분류 전체보기188

[HTML] 목록(ol, ul, dl) HTML 목록: 정보를 체계적으로 정리하다 안녕하세요, 웹 튜토리얼의 세계로 돌아온 여러분! 웹 페이지에서 정보를 체계적으로 나열하려면 어떻게 해야 할까요? 오늘은 HTML에서 제공하는 다양한 '목록 태그'에 대해 함께 알아보겠습니다. 1. 목록의 필요성 목록은 정보를 구조화하고 가독성을 높이는데 중요한 역할을 합니다. 사용자가 정보를 한눈에 파악하기 쉽도록 하기 위해 목록을 활용하는 것이 좋습니다. 2. 주요 목록 태그들 - 순서 있는 목록: 순서가 있는 목록은 항목들이 특정한 순서를 가질 때 사용합니다. 예를 들면, 레시피의 조리 단계나 순위를 나타낼 때 사용됩니다. 물을 끓인다. 티백을 넣는다. 5분간 기다린다. HTML 삽입 미리보기할 수 없는 소스 - 순서 없는 목록: 순서가 중요하지 않은 항목.. 2023. 9. 8.
[HTML] 시맨틱 태그 HTML 시맨틱 태그: 의미 있는 웹 구조를 위해 안녕하세요, 웹 디자이너 및 개발자 여러분! 오늘은 웹 페이지를 의미 있게 구조화하는데 중요한 역할을 하는 "시맨틱 태그"에 대해 알아보겠습니다. 1. 시맨틱 태그란? 시맨틱 태그는 그 이름처럼 '의미'를 가지는 태그입니다. 전통적인 나 태그는 구조적인 의미를 가지지 않지만, 시맨틱 태그는 웹 페이지의 특정 부분이 어떤 의미를 가지는지를 명확하게 해줍니다. 2. 왜 시맨틱 태그를 사용해야 하는가? 검색 엔진 최적화 (SEO): 검색 엔진은 시맨틱 태그를 통해 웹 페이지의 구조와 콘텐츠를 더 잘 이해할 수 있습니다. 접근성 향상: 시각 장애인이나 다른 장애를 가진 사용자들은 스크린 리더를 통해 웹 사이트를 탐색합니다. 시맨틱 태그는 이들에게 페이지의 구조를.. 2023. 9. 8.
[HTML] 텍스트 태그 HTML 텍스트 태그에 대한 이해 안녕하세요, 웹 개발자를 꿈꾸는 분들! 오늘은 웹 페이지의 기본 구조를 이루는 HTML의 텍스트 관련 태그에 대해 알아보겠습니다. 1. 제목 태그: ~ 웹 페이지의 제목이나 부제목을 나타내기 위해 사용되는 태그입니다. 은 가장 큰 제목을 의미하며, 까지 점차 크기가 작아집니다. 이것은 h1 태그입니다. 이것은 h2 태그입니다. 이것은 h3 태그입니다. 이것은 h4 태그입니다. 이것은 h5 태그입니다. 이것은 h6 태그입니다. HTML 삽입 미리보기할 수 없는 소스 2. 단락 태그: 텍스트의 단락을 나타내기 위한 태그입니다. 이것은 단락입니다. 웹 페이지에서 내용을 설명할 때 주로 사용됩니다. HTML 삽입 미리보기할 수 없는 소스 3. 강조 태그: 및 텍스트를 강조할 때.. 2023. 9. 7.
[HTML] HTML이란? 목차 HTML 기초: 웹 페이지의 뼈대를 알아보자! 안녕하세요, 웹 개발에 관심이 있으신 분들! 웹 페이지를 만들기 위한 기초, HTML에 대해 알아보는 시간을 가져보겠습니다. 1. HTML이란? HTML (HyperText Markup Language)은 웹 페이지의 구조를 정의하는 표준 마크업 언어입니다. 즉, 웹 페이지의 뼈대나 구조를 만들어 주는 역할을 합니다. 2. 기본 구조 HTML 문서는 기본적인 구조를 가지고 있습니다: 웹 페이지의 내용 : 현재 문서가 HTML5를 사용한다는 것을 나타냅니다. : HTML 문서의 시작과 끝을 나타내는 태그입니다. : 웹 페이지의 메타 정보, 스타일, 스크립트 등의 정보를 포함하는 곳입니다. : 웹 페이지의 제목을 나타냅니다. 브라우저의 탭에서 확인할 수 있.. 2023. 8. 18.
[Spring] 회원가입, 로그인, 요청 인증(JWT 토큰) 목차 1. 기본 설정 ￭ Securityconfig a. 보안 설정 WebSecurityConfigurerAdapter를 상속 받아서 사용자 정의 보안 구성을 작성 ➡ 보안 설정을 하는 것 @EnalbeWebSecurity 어노테이션을 사용해서 Spring Security를 활성화 @Configuration 어노테이션을 적용하여 모든 요청을 거칠 때 해당 클래스를 거치게 됨 BCrypt를 통해 암호화 한 것을 해석할 수 있는 passwordEncoder() 메소드를 @Bean 어노테이션을 붙여서 IOC에 등록 BCryptPasswordEncoder는 라이브러리에 등록되어 있어 @Component를 적용할 수 없기 때문에 config에서 적용 configure 메소드는 HTTP 요청에 대한 보안 구성을 정.. 2023. 8. 17.
[Spring] Security,JWT 목차 1. Security ￭ Security란? Spring Security는 Spring 기반의 애플리케이션의 보안을 담당하는 스프링 하위 프레임워크입니다. Security는 인증과 권한에 대한 부분을 필터의 흐름에 따라 처리하고 있습니다. 필터는 Dispatcher Servlet으로 가기 전에 적용되므로 가장 먼저 URL 요청을 받습니다. Security는 보안과 관련해서 체계적으로 많은 옵션을 제공해주기 때문에 개발자 입장에서 보안관련 로직을 작성하지 않아도 됩니다. Security는 기본적으로 인증 절차를 거친 후에 인가 절차를 진행하게 되며, 인가 과정에서 해당 리소스에 대한 접근 권한이 있는지 확인을 합니다. 인증 절차는 해당 사용자가 본인이 맞는지를 확인하는 것이며, 인가 절차는 인증된 사.. 2023. 8. 11.

티스토리툴바