반응형 [GitHub] Profile 1. Repository 생성1) New repository 선택2) Repository name은 owner명과 동일하게 작성3) Public 선택4) Add a README file 항목 체크5) Create repository 선택으로 Repository 생성 완료2. README.md 작성- 생성된 repository의 README.md에 작성된 내용이 GitHub Profile에 적용- Markdown을 사용하여 작성1) Header- capsule-render: type, color, height, section, text, fontSize를 사용하여 설정# Markdown GitHub 홈페이지로 이동2) sign up을 선택해서 회원가입 페이지로 이동3) 이메일 입력4) 비밀번호 입력 및 확인5) 이메일 허용 확인(체크하지 않아도 됨)6) 계정 확인 인증 후 이메일로 코드 전송7) 이메일로 전송된 코드를 확인하고 입력하여 계정 생성2. Repository 생성1) Repositories 탭 선택2) New 선택하여 새로운 저장소 생성 페이지로 이동3) 저장소 생성 페이지 확인4) 저장소 이름 지정5) 저장소에 대한 설명6) 저장소 공개/비공개 여부 설정7) 저장소 추가 기능 설정- README 파일/.gitignore/license 추가 여부 설정8) Create repository 선택하여 저장소 생성9) Quick se.. 2024. 8. 2. [HTML] 요약 HTML 구성 - : 문서 형식 정의(DTD)는 현재 문서가 HTML5 문서임을 명시. 문서의 최상위에 위치하고 대소문자 구별하지 않음- : HTML 문서의 루트(root) 요소를 정의. 웹 페이지를 구성하는 모든 요소들을 포함. 모든 요소는 html 요소의 자식 요소여야 함- : HTML 문서의 메타데이터(metadata)를 정의. - 메타데이터(metadata): HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미 - 메타데이터는 , , , , , 태그 등을 이용하여 표현 - 메타데이터 이외의 화면에 표시되는 요소를 포함해서는 안 됨- : 웹 브라우저를 통해 보이는 내용(content) 부분HTML.. 2024. 8. 2. [Git] Git 기본 명령어 1. GitHub 원격 저장소 생성 및 동기화1) Local에 폴더 생성mkdir 2) 생성된 폴더로 이동 후 git 폴더로 초기화(.git 생성)cd git init3) GitHub Repository URL 등록git remote add 4) README.md 생성echo "# My Folder" >> README.md 5) Working Directory에서 Staging Area로 등록- 되돌리기: git rm -r --cached - 파일 상태 확인: git status; Untracked, Unmodified, Modified, Stagedgit add 6) Staging Area에서 Local Repository로 등록- m 옵션: 한 줄 등록- vim 사용- commit 상태 확인: g.. 2024. 8. 2. [Git] Git 설치 1. Windows(윈도우) 2. MacOS(맥) 2024. 8. 2. [HTML] 그래픽 Canvas와 SVG 비교작업 환경에 따른 비교- 화면이 작거나, 픽셀 수가 많을 경우(>10k): canvas 추천- 화면이 크거나, 픽셀 수가 적을 경우(작업 종류에 따른 비교-복잡하고 고성능의 애니메이션(animation) 작업이나 동영상 조작의 작업: canvas 추천- 고품질의 문서 작업이나 정적 이미지의 조작 작업: svg 추천Canvas와 SVG의 차이점CanvasSVG픽셀(pixel) 기반모양(shape) 기반단일 HTML 요소DOM의 일부분이 되는 다중 그래픽 요소스크립트(script)를 통해서만 수정할 수 있음.스크립트(script) 및 CSS를 통해서도 수정할 수 있음.그래픽이 주작업인 게임에 적합함.렌더링 영역이 넓은 응용 프로그램(application)에 적합함.Canvas- ca.. 2024. 8. 2. [HTML] 이미지/멀티미디어 이미지(Image)- 이미지(image)란 2차원 평면 위에 그려진 시각적 요소를 의미- 이미지 종류: JPEG 이미지, GIF 이미지, PNG 이미지- : 이미지 삽입속성설명src이미지 파일 경로alt이미지 파일이 없을 경우 표시되는 문장width이미지의 너비 (CSS에서 지정하는 것이 일반적)height이미지의 높이 (CSS에서 지정하는 것이 일반적)이미지 맵 만들기- HTML에서는 태그를 이용하여 이미지 맵을 제작- 이미지 맵은 이미지의 일부를 클릭할 수 있도록 만들어서 버튼처럼 사용하는 기능을 의미- 태그의 usemap 속성과 태그의 name 속성을 연결하면 이미지와 맵사이의 관계가 설정됨- 태그는 하나 이상의 태그를 가지며 태그가 바로 버튼과 같은 역할을 함 멀티미디어 파일 형식-.. 2024. 8. 2. [HTML] 폼(양식) 폼- - - input 2024. 8. 2. [HTML] 링크/목록/표 링크- hyperlink는 문서에서 문서로 연결을 의미. HTML에서 link는 hyperlink를 의미- : 하이퍼링크를 의미- href: 이동하고자 하는 파일의 위치나 url 경로절대 URL웹사이트 URL (href=”http://www.example.com/default.html”)상대 URL자신의 위치를 기준으로한 대상의 URL (href=”html/default.html”)fragment identifier페이지 내의 특정 id를 갖는 요소에의 링크 (href=”#top”)메일mailto:scripthref=”javascript:alert(‘Hello’);”- target: 링크를 클릭했을 때 윈도우를 어떻게 오픈할 지를 지정_blank링크로 연결된 문서를 새 창이나 새 탭에서 오픈._self링.. 2024. 8. 2. [HTML] HTML5 텍스트 요소 제목- ~ : 제목을 표시본문- : 단락을 표시. 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미. 태그 내에서 작성된 여러 번의 띄어쓰기와 줄 나누기는 오직 하나의 띄어쓰기로만 표현- : break line을 사용하여 줄 나누기- : 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현- : 수평 가로 구분선 표시. 단란을 나누거나 내용상의 구분을 표현글자 형식- : 텍스트를 굵게 표현- : 텍스트를 굵게 표현. 중요하다는 의미 포함- : 이탤릭체 표현- : 이탤릭체 표현. 중요하다는 의미 포함- : small text를 표시- : 하이라이팅 효과 표현- : 삭제 효과. 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운 것과 같은 효과- : 삽입 효과. 텍스트 밑에 가.. 2024. 8. 2. 이전 1 ··· 22 23 24 25 26 27 28 ··· 61 다음 반응형
