본문 바로가기

분류 전체보기1011

github 초대하는 방법 github에서 repo를 생성하고 협업을 하기 위해서 초대를 해야 합니다. 초대를 하기 위해서는 github의 Access Collaborators 메뉴에서 Add People 버튼을 누르고 초대할 사람의 아이디나 이메일을 입력하면 됩니다. 초대받은 사람은 자신의 이메일을 확인하고 Accept invitation 버튼을 눌러서 수락을 하면 협업을 할 수 있습니다. 사용법 Collaborators 메뉴를 클릭합니다. 검색창에 아이디나 이메일을 입력해서 Select a collaborator above 버튼을 눌러서 초대합니다. 2023. 3. 3.
Gist GitHub 사용법 github의 gist 기능을 사용하면 마크다운으로 작성된 문서나 다양한 형식의 소스코드를 공유할 수 있습니다. 댓글을 사용해서 의견을 주고 받을 수도 있습니다. gist를 생성할 때 secret으로 생성하거나 public으로 생성할 수 있고 public으로 생성된 gist만 검색이 가능하고 secret으로 생성된 gist는 생성된 링크를 공유해야만 볼 수 있습니다. gist 이동 Your gists 메뉴를 클릭해서 gist로 이동합니다. gist 생성 +버튼을 클릭합니다. 내용을 입력해 주고 secret 또는 public을 선택하고 Create 버튼을 클릭합니다. 참고로 Add file을 누르면 내용을 추가할 수 있습니다. Share를 선택하고 네모 두 개 버튼을 눌러서 복사한 뒤 생성된 링크를 공유할.. 2023. 3. 2.
github에 호스팅 하는 방법 github를 사용해서 무료로 정적 웹사이트를 호스팅 할 수 있습니다. 서버 설정 없이 파일을 업로드하고 github pages 설정을 하면 url이 생성이 되고 클릭을 하면 호스팅 된 결과를 볼 수 있습니다. github repo 생성하기 create repository 버튼을 눌러서 github repo를 생성합니다. index.html 파일 업로드 하기 My website git init git add index.html git commit -m "add index.html" git branch -M main git remote add origin git@github.com:아이디/test.git git push -u origin main index.html 파일을 생성하고 github repo에 .. 2023. 3. 1.
html textarea textarea 태그는 게시판에서 질문사항을 입력할 때처럼 긴 글을 입력해야 할 때 사용할 수 있습니다. cols 속성과 rows 속성을 사용해서 가로 길이와 세로 길이를 조절할 수 있습니다. placeholder 속성을 사용해서 입력값에 대한 설명을 보여줄 수 있습니다. 입력값이 textarea의 크기보다 많아지면 스크롤이 생성됩니다. maxlength 속성을 사용하면 입력값에 대한 글자 수를 조절할 수 있습니다. 사용법 question submit label 태그의 for 속성의 값과 textarea 태그의 id 속성값을 일치시키면 텍스트를 클릭해도 입력창을 선택할 수 있습니다. submit 버튼을 누르면 textarea의 name 속성값= 입력값의 형식으로 서버로 전송됩니다. 2023. 2. 28.
html input type number html input 태그의 type 속성에 number를 입력하면 숫자만 입력할 수 있는 상태가 됩니다. min 속성에 최솟값을 max 속성에 최댓값을 입력해서 입력값의 범위를 조절할 수 있습니다. step 속성에 원하는 값을 입력해서 화살표로 값을 조절할 때 증가, 감소할 때 단위를 정할 수 있습니다. value 속성에 원하는 값을 입력해서 기본값을 정할 수 있습니다. placeholder 속성을 사용해서 입력값에 대한 설명을 보여줄 수 있습니다. 사용법 age submit label 태그의 for 속성과 input 태그의 id 속성의 값을 일치시키면 텍스트를 선택해도 입력창을 선택할 수 있습니다. submit 버튼을 누르면 input 태그의 name 속성값=input 태그의 입력값의 형식으로 전송됩니다. 2023. 2. 28.
html 범위 슬라이더 (range slider) html 범위 슬라이더는 값의 범위를 정하고 마우스 클릭 또는 키보드 방향 키를 사용해서 시각적으로 선택할 수 있습니다. input 태그의 type 속성에 range를 입력해 주면 생성할 수 있으며 min 속성에 최솟값을 max 속성에 최댓값을 입력해서 값의 범위를 조절할 수 있습니다. value 속성을 사용해서 기본값을 설정할 수 있고 step 속성을 사용해서 값의 조절 단위를 정할 수 있습니다. 사용법 security-level submit label 태그의 for 속성의 값과 input 태그의 id 속성의 값을 일치시키면 텍스트를 클릭해서 슬라이더를 선택할 수 있습니다. 2023. 2. 28.
html 선택창 html 선택 창은 값을 선택해야 할 때 사용할 수 있는 태그입니다. 회원가입 시 이메일을 선택해야 할 때처럼 하나의 값을 선택해야 될 때 사용됩니다. form 태그 안에서 사용이 되며 select 태그 안에 option 태그를 사용해서 선택요소들을 생성할 수 있습니다. option 태그 안에 value 속성에 서버에 전송할 값을 입력할 수 있으며 selected 값을 입력한 태그가 처음 선택된 상태입니다. 사용법 Please Select Email gmail.com daum.net naver.com submit label 태그 for 속성과 select 태그의 id 속성의 값을 일치시키면 텍스트를 클릭해도 선택 창이 선택이 되고 위아래 방향 키로 선택 요소들을 선택할 수 있습니다. 서버에 전송할 때 s.. 2023. 2. 27.
html 라디오버튼 html 라디오 버튼은 값을 선택해야 할 때 사용할 수 있는 태그입니다. 회원가입 시 성별을 선택할 때 하나의 값 만을 선택할 수 있는 경우와 같을 때 사용됩니다. form 태그 안에서 사용이 되며 input 태그의 type 속성에 radio를 입력하면 생성이 되고 각각의 라디오 버튼을 name 속성을 사용해서 그룹으로 묶어서 사용해야 됩니다. label 태그의 for 속성값과 input 태그의 id 속성값을 일치시키면 텍스트를 클릭해도 선택할 수 있습니다. 사용법 남 여 submit checked 옵션을 주면 처음에 해당 값이 선택된 상태로 설정이 되고 submit 버튼을 눌러서 전송시키면 value 속성의 값을 서버에 전송 시킬 수 있습니다. 2023. 2. 27.

티스토리툴바