# tag
1. HTML - tag와 기본구조
HTML이란? > - Hyper Text Markup Language의 약자로 홈페이지를 구성하기 위해 사용하는 언어로써 (tag)들로 이루어진 언어를 말한다. 1) HTML의 기본구조 HTML구조는 예전에 사용하던 HTML 버전이 각각 있었으나 현재는 다음과 같이 HTML5 기준으로 사용하고 있다. 2) head, body 태그란? 1) head 태그 -> HTML 문서의 정보를 작성하는 영역을 말한다. meta,title 태그 2가지가 기본으로 구성되어 있는데, 웹페이지의 인코딩을 결정해주는 charset의 meta 태그와 http-equiv의 meta태그, name의 meta 태그, 문서의 제목을 보여주는 title 태그로 구성되어 있
웹에 태그 기능 만들기
다대다(N:M) 사용하면 안되는 이유 @ManyToMany로 양방향(or 단방향) 매핑 되어있을 때 @JoinTable(name="새로운 테이블 명")을 통해 중간 테이블을 따로 만들어준다. 하지만 이런 방식은 필수적인 정보들 외에도 중간 테이블이 가져야하는 여러 가지 컬럼들이 있을 수 있고, 하이버네이트에 의해 생성된 중간 테이블은 관계 설정에 필수적으로 필요한 정보들만 담겨있을 뿐 이러한 비즈니스 로직상 필요한 정보들은 담기지 않기에 절대 사용하면 안된다고 들었다. 따라서 다대다 관계를 사용하고 싶은 경우라면 중간 테이블에 대한 클래스를 직접 만들어서 @ManyToOne과 @OneToMany의 조합을 만들어 사용해야 한다.
[HTML] 기본 태그
기본 태그 앵커 태그 다른 웹 페이지나 웹 페이지 내부의 특정 위치로 이동 href 속성 절대 경로 상대 경로 아이디 경로(#[ID명]) 메일 경로 (mailto : [메일주소]) 코드 목록 태그 | 태그 | 설명 | | --- | --- | | ul | 순서가 없는 목록 | | ol | 순서가 있는 목록 | | li | 목록 요소 | 중첩 목록 테이블 태그 💡 테이블이 몇행 몇열인지 파악한 뒤 html 코드를 작성하는 것이 좋다! | 태그 | 설명 | | --- | --- | | table | 표 삽입 | | tr | 행 삽입 | | th | 제목 셀 삽입 | | td | 일반 셀 삽입 | 테이블 태그 속성 | 태그 | 속성 | 설명 | | --- | --- | --- | | table | border | 표의 테두리 두께 | | th, td |
docker container 업로드(with TAG)
docker container 업로드(without TAG) docker허브에서 확인 docker container 업로드(with TAG) 1.0 TAG 올라온 것 확인! 
태그의 기본적 사용용도
각 HTML 태그는 특정한 목적과 의미를 가지며, 웹 페이지의 구조와 내용을 구성하는 데 사용됩니다. 다음은 일반적인 HTML 태그의 기본 사용 용도에 대한 예시입니다. : 문서의 루트 요소로, 모든 HTML 요소를 감싸며 전체 문서의 구조를 정의합니다. : 문서의 메타 정보를 포함하는 부분으로, 제목, 스타일 시트, 스크립트 등을 정의합니다. : 웹 페이지의 제목을 설정하며, 브라우저의 제목 표시줄이나 북마크에 표시됩니다. : 문서의 메타 정보를 지정하는 태그로, 문자 인코딩, 뷰포트 설정 등을 정의합니다. : 외부 스타일 시트, 아이콘 등을 문서와 연결하는 태그입니다. : 문서 내부에서 CSS 스타일을 정의하는 태그입니다. : 실제 컨텐츠를 포함하는 부분으로, 텍스트, 이미지, 링크 등을 배치합니다. , : 제목을 나타내는 태그로, 숫자가 클수록 낮은 수준의 제목을 나타냅니다. : 단락을 나타내는 태그로, 텍스트를 문단으로 그룹화합니다. : 하이퍼링크를
HTML을 공부해보자, Tag (2)
안녕하세요? 날이 엄청 덥네요 😮💨 곧 처서인데, 올해도 처서매직이 통할지 한번 지켜봐야겠어요~ 이번시간엔 저번 시간에 이어서 HTML의 태그에 대해 몇가지 더 알아보겠습니다! 그럼 출발 `` table `` 태그는 표를 만들기 위한 태그입니다 컴퓨터를 사용하다보면 누구나 한번씩은 엑셀을 사용해본적이 있었죠? 엑셀처럼 행, 열로 이루어진 데이터셋을 정리해서 보여주기 위해 사용하는 태그입니다! th `` 태그는 table header를 뜻합니다 표를 작성하면 보통 가장 첫번째 행에는 열에 대한 타이틀을 작성할텐데요 그럴때 활용하는 태그입니다 tr `` 태그는 table row를 뜻합니다 표의 행을 그릴 때 사용하는 태그입니다 td `` 태그는 table data를 뜻합니다 데이터를 집어넣을 때 사용하는 태그입니다 
HTML을 공부해보자, Tag
안녕하세요~ 이번에도 어김없이 부족하지만 돌아왔습니다 오늘은 HTML의 핵심이라고 볼 수 있는 태그에 대해서 알아보겠습니다 그럼 출발~ HTML 그 잡채 🍜, Tag ⚠️ 해쉬태그 겁나많은 나는 관종이지 아님 주의 > HTML 태그는 요소이며, HTML를 구성하는 가장 기본 단위 엄청나게 많은 태그들이 있지만, 백엔드를 위한 기본적인 HTML 공부 목적이므로 제가 보았을 때 중요하다고 생각되는 몇가지의 태그만 정리해볼게요~ 백엔드라고 View를 아예 안보는건 아니니까요! div ``는 콘텐츠 분할 요소입니다 앞서 배운 Block/Inline 요소중 Block에 해당되고 여러 태그들을 그룹핑 해주는 목적을 가지고 있습니다. 프론트엔드 개발단에서 스타일 적용을 위해 많이 활용한다고 하네요 이
[HTML] 태그 정리
p태그 : `` 단락을 나눌 때 사용 HTML에서는 엔터를 쳐서 여러 문장을 입력하더라도 줄바꿈이 적용되지 않음 P태그 안에서는 하나의 문장이 되고 P태그가 종료되면 단락이 된다. br태그 : `` 줄바꿈 b태그 : `` Bold = 굵은 글씨 h태그 : ,,,, 제목에 해당 숫자가 낮을수록 글씨가 큼 hr태그 : `` 직선을 그림 title 태그 : `` 웹페이지의 제목을 나타내는 태그 div태그 : `` HTML을 하나로 묶어서 css로 한번에 스타일을 변경하거나, 자바스크립트로 특정 작업을 하기 위한 덩어리 a태그 : `` 웹 페이지나 외부사이트를 연결하는 태그 예시 link태그 : `` 해당 문서와 외부 소수 사이의 관계를 정의할 때 사용 he
Velog Test
h1 h2 h3 h4 h5 h6 Italic TEST Bold TEST Tag go to h1 go to Italic go to Bold List 1 2 3 4 a b c d ol li ol li ol li 2 space ol li ol li ol li 4 space ol li ol li ol li ol li 6 space ol li ol li ol li Enter a 3 space
<span>
The span tag is an inline container used to mark up a part of a text, or a part of a document. The span tag is easily styled by CSS or manipulated with JavaScript using the class or id attribute. The span tag is much like the div element, but div is a block-level element, and span is an inline element. [Reference] (https://www.w3schools.com/tags/tag_span.asp#:~:text=The%20tag%20is%20an,span%3E%20is%20an%20inline%20element.)
span
the full extent of something from end to end, the amount of space that something covers. "a warehouse with a clear span of 28 feet" > 꽉 채우는, a to z the length of time for which something lasts. "a short concentration span" A element which is used to color a part of a text >_ 텍스트의 부분을 색칠하는 데 사용하는 요소._ The tag is an inline container used to mark up a part of a text, or a p
<label>
The label tag defines a label for severl elements. > 라벨 태그는 여러 요소에 라벨을 적용한다. HTML CSS JavaScript [Refe
<input>
The input HTML element is used to create interactive controls for web-based forms in order to accept data from the user. > _ 인풋 HTML 요소는 유저의 데이터를 받도록 웹 베이스의 형식을 위한 상호작용 제어를 만드는 데 사용된다. _ Attributes The input element is so powerful becasue of its attributes; > 인풋 태그는 그 자체 속성때문에 강력함을 갖는다 alt : alt attribute for the image type. src : Valid for the image input button, only the src is string specifying the URL of the image file to display to represent the graphical
Part 06. Git_Chapter 09. Tag
tag생성 마지막 커밋에 태그 달기 특정 버전에 태그 달기 tag 확인 로그로 확인 태그만 확인 태그 상세정보 tag push 태그를 리모트에도 보이게 푸시 tag 삭제 단, 이건 로컬에서만 삭제된거니 리모트에서 삭제하려면 푸시해야함
HTML태그 예시
아이디 비밀번호 만들기 body안에 코드를 넣어주자. 주목해야할 부분은 input type을 password로 한 것. 이러한 형태를 취하면 패스워드는 입력할 때 그 내용이 무엇인지 보이지 않는다. 마지막 submit부분은 제출의 의미. 구현화면 fieldset, label등을 이용한 칸 만들기 > fieldset을 이용해 칸을 나누었다. 칸의 제목을 legend를 이용해 취미 선택하기, 성별 선택하기로 나누고 label을 통해 축구,농구,야구의 선택을 만들고, checked에 주목하자. checked같은 경우 처음부터 선택을 하도록 표시해 놓는 역할을 한다. 남녀는 둘 중 하나만 정해야 하므로 둘 중 하나만 선택하는 radio를 이용했다. radio는 둘 중 하나만 선택하게 하는 역할을 한
[제로베이스 데이터 취업스쿨] 23.07.31 스터디 노트
1. Merge and Conflict 1) 실습환경 만들기 merge_project이름으로 Remote Repository 생성 local repository에 Clone (in git_ws) merge_project에 들어가기 test.txt만들어서 "my name is noma." 입력 add 하고 commit 한다. stage(merge_project)에서 dev branch생성하고 이동 test.txt내용에 "are you?" 추가 commit 2) Merge Tool 설정 Git configuration 파일 열기 현재 기본 tool이 vscode기 때문에 vscode가 실행 될것이다. 실행된 vscode에 추가 
[Django] django templates의 반복문 사용
Django templates 엔진에는 python 코드로 부터 받아온 변수의 값을 사용할 수 있는 built-in template tags을 제공합니다. 그 중 자주 사용하게 될 for 태그에 대해 간단히 정리해봤습니다. 반복문을 통해 리스트를 순회하려면 다음과 같이 사용합니다. 뒤에서 부터 역순으로 순회하기 위한 다음 옵션도 있습니다. 그리고 다음과 같은 다양한 기본 변수들도 제공합니다. 반복문 관련 제공 변수 |변수|설명| |:---:|---| |forloop.counter|반복문 순번 (1부터 시작해서 N로 끝남)| |forloop.counter0|반복문 순번 (0부터 시작해서 N-1로 끝남)| |forloop.revcounter|반복문 역순 순번(N부터 시작해서 1로 끝남)| |forloop.revcounter0|반복문 역순 순번(N-1부터 시작해서 0으로 끝남)| |forloop.first|반복문 첫 순서 체크| |forloop
GA4 - 설치, GTM - tag 생성, 연결 (Google Analytics 4)
Google Analytics 4 > - "웹 사이트 뿐 아니라 앱 이벤트 기반 데이터까지 모두 수집 가능한 툴" 트래픽을 분석할 수 있다(ex.광고를 띄웠을 때 들어온 유입 출처나 그 양을 파악가능). GA4 설치 전 준비 GA4 가입하기 sample data 준비(.html) netlify 가입 1. GA4 설치, 웹사이트와 연결해보기 - html 파일에 gtag.js 심기 > 저장 
[SeSAC] iOS week2 06
2주차에 배울 내용 Enum / Class / Struct / Extension UserDefaults TableViewController OpenSource Git Git의 사용에는 백업 관점 협업 관점 이렇게 두가지 관점이 존재하는데 백업관점 위주로 알아볼게요 version control system Xcode프로젝트를 생성할 때 다음과 같은 체크박스를 만나는데요, 이것은 로컬에서 git으로 프로젝트를 버전관리 하겠다는 의미입니다 설정을 해주고 finder에서