본문 바로가기

분류 전체보기142

HTML 하이퍼링크 속성과 예제, 문서 내부 링크 걸기 HTML 하이퍼링크웹 페이지 간의 연결을 만드는 데 사용되는 요소입니다. 주로 사용자가 클릭할 수 있는 텍스트, 이미지 또는 기타 요소를 제공하여 다른 웹 페이지로 이동하거나 현재 페이지의 다른 부분으로 스크롤할 수 있도록 합니다. 하이퍼링크는 웹의 기본적인 네비게이션 메커니즘을 제공하며, 웹 문서들 사이의 관계를 정의하는 데 중요한 역할을 합니다. 하이퍼링크 속성href속성href 속성은 태그에서 가장 중요한 속성으로, 하이퍼링크의 대상이 되는 URL을 지정합니다. 이 속성은 절대 URL(https://www.example.com)이나 상대 URL(../index.html)을 포함할 수 있습니다. 또한 href 속성의 값으로 이메일 주소나 페이지 내부의 특정 위치를 가리키는 앵커(#section1) .. 2024. 6. 29.
HTML 구조, 시멘틱(Simentic) 요소 알아보기 (header nav section...) HTML 구조, 시멘틱(Simentic)HTML의 시맨틱(Semantic) 요소는 문서의 구조와 의미를 명확히 표현하기 위해 사용되는 태그들을 의미합니다. 시맨틱 태그를 사용하면 웹 페이지의 콘텐츠를 더 잘 설명할 수 있으며, 이는 검색 엔진 최적화(SEO), 접근성, 그리고 코드의 가독성을 향상시키는 데 도움이 됩니다. Simentic 중요성가독성: 시맨틱 태그를 사용하면 HTML 코드를 읽고 이해하기가 더 쉬워집니다. 예를 들어, , , 등을 사용하면 각 부분의 목적과 역할이 명확해집니다.검색 엔진 최적화(SEO): 검색 엔진은 시맨틱 태그를 사용하여 페이지의 구조와 내용을 더 잘 이해하고, 이를 기반으로 검색 결과를 개선할 수 있습니다.접근성: 시맨틱 태그를 사용하면 스크린 리더와 같은 접근성 도.. 2024. 6. 28.
HTML 문서의 구조, 요소(Element) 개념과 CSS/JS 스크립트 적용 방법 HTML 시작하기 HTML 이란?HTML(Hypertext Markup Language)는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML은 elements 로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다. HTML 문서의 구조 This is my page : 해당 문서가 HTML5 표준을 따르는 문서임을 명시합니다. 웹 브라우저에게 문서의 타입과 버전을 알려주는 역할을 합니다. 이를 통해 브라우저는 문서를 올바르게 렌더링할 수 있게 됩니다. first second third fourth f.. 2024. 6. 28.
[Git] reset restore 작업 복구 커밋 되돌리기 [Git] reset restore 작업 복구 커밋 되돌리기 git reset (작업 복구, 커밋 단위)git 에서 파일을 수정하고 서버에 등록되기까지 아래와 같은 단계를 거치게 됩니다.작업 디렉토리 (Working Directory): 파일이 수정된 상태스테이징 영역 (Staging Area): 수정한 파일을 커밋전에 임시 저장한 상태로컬 저장소 (Local Repository): 파일을 커밋하여 로컬저장소에 등록원격 저장소 (Remote Repository): 로컬저장소의 커밋을 push 하여 원격 저장소에 등록 이때 커밋단위의 작업사항을 복구하려면 git reset 명령어를 이용할수 있습니다. git reset 명령은 옵션에 따라 여러가지 기능을 수행할수 있습니다. reset / reset HEAD.. 2024. 6. 16.
git stash, 작업 변경사항 임시저장 설명 git stash, git 작업내용을 다른 branch로 옮기기 회사에서 다음 신규버전에 들어갈 웹소켓 기반 채팅 기능을 만들다가 프론트 개발 팀원과 협업이 필요하게 되서 현재 작업중인 브랜치말고 새로운 브랜치를 만들어서 작업하기로 했습니다.아직 git이 익숙하지는 않다보니 branch를 새로 만들고 '현재 브랜치의 작업중인 파일을 복사할까?' 라는 생각을 하다가 git에서 좀더 편리한 방법을 제공할것 같아서 찾아보니 git stash 기능으로 변경사항을 일시적으로 보관하는 기능이 있어 사용해보았고 유용한 기능이라 생각되어 이글을 작성하게 되었습니다. git 작업 흐름우선 git의 작업 흐름 간단하게 알아볼 필요가 있습니다. Working Directory(작업 디렉토리)실제로 코드 작업을 합니다. 새로.. 2024. 6. 12.
Spring JPA Criteria API 소개와 예제 Spring JPA Criteria API 개념과 사용법 Spring Data JPA 동적 쿼리란Spring Data JPA의 동적 쿼리란 런타임 시점에 조건에 따라 동적으로 생성되는 쿼리를 의미합니다. 즉, 고정된 쿼리가 아닌, 입력 파라미터나 조건에 따라 쿼리가 달라지는 것을 말합니다. 동적 쿼리는 다양한 검색 조건이나 필터링 요구사항에 대응하기 위해 사용됩니다.예를 들어, 사용자로부터 여러 검색 조건을 받아 그 조건에 따라 데이터를 필터링하여 조회하는 경우를 생각해볼 수 있습니다. 동적 쿼리를 사용하면 사용자가 입력한 조건에 맞추어 쿼리를 조합할 수 있습니다. Criteria API 소개JPA Criteria API는 JPA 2.0에서 도입된 타입 안전한 쿼리 작성 방법입니다. 이는 SQL 쿼리를 .. 2024. 6. 7.
Spring Data JPA 어노테이션 OneToMany ManyToOne NamedQuery GeneratedValue Spring Data JPA 자주 사용하는 어노테이션 정리 - 1 Spring에서 JPA를 사용하면서 @Entity, @Table, @Column 등등 여러 어노테이션을 접하게 되었는데 이 어노테이션들의 정확한 역할과 추가적으로 설정할수 있는 옵션들에 대해 자세하게 정리할 필요를 느껴서 작성하게 되었습니다. @Entity엔티티 클래스와 DB의 테이블을 매핑하기위해 사용하는 어노테이션 입니다. JPA 기능을 사용하기 위해서 필수적으로 들어가야하며 name 옵션으로 매핑할 DB의 테이블명을 지정할수 있습니다.name 옵션을 사용하지 않을시 클래스 이름으로 테이블과 매핑됩니다. 예제 코드@Entity(name = "user")public class User { ...} @Table@Entity 어노테이션.. 2024. 5. 20.
Vault 암호화 관리 시스템 개념, Transit Secret Engine 예제 Vault, 암호화 관리 시스템 Vault 기본 개념 Vault는 비밀 및 암호화 관리 시스템으로, 안전하고 제한된 액세스를 제공합니다. 사용자, 기계, 앱 등의 클라이언트를 인증하고 권한을 부여하여 비밀 및 민감한 데이터에 접근할 수 있도록 합니다. 이는 통합된 인터페이스를 통해 모든 비밀에 엄격한 액세스 제어와 자세한 로그를 제공합니다. Vault Workflow 인증(Authenticate): 볼트에서 인증은 클라이언트가 제공한 정보를 사용하여 인증하는 과정입니다. 클라이언트가 인증되면 토큰이 생성되고 해당 토큰은 정책과 연결됩니다. 검증(Validation): 볼트는 클라이언트를 Github, LDAP, AppRole 등과 같은 제3자 신뢰할 수 있는 소스에 대해 검증합니다. 권한 부여(Autho.. 2024. 3. 25.

티스토리툴바