반응형 [Github] Projects 1. Repository 생성1) New repository 선택2) Repository name은 프로젝트에 맞게 작성3) Public 선택4) Create repository 선택으로 Repository 생성 완료2. Git Commit Message && README.md1) README.md 양식 2) Git Commit Message 양식- 제목과 본문은 빈 행으로 구분- 제목: 50글자 이내. 첫 글자는 대문자. 명령문 사용- 본문: 각 행은 72글자로 제한. 무엇과 왜를 설명- 푸터: 참조 정보 추가# 제목[type] title# 본문- why, how# 푸터issues #1resolves: #123- type 종류feat새로운 기능에 대한 커밋fix버그 수정에 대한 커밋build빌드 관련 .. 2024. 8. 2. [GitHub] Pages 1. Git Repository 생성1) New repository 선택2) Repository name은 {username}.github.io 작성3) Public 선택4) Create repository 선택으로 Repository 생성 완료2. 웹 페이지 구성(Markdown 사용) - {username}.github.io/{project_name}1) Settings > Pages 선택2) 홈페이지 소스 지정3) README.md 작성# Homepage## IntroduceHello!! Welcome to my page## Contact with me- [Instagram]()- [Blog]() 3. 간단한 웹 페이지 구성(HTML5, CSS3, JS 사용)1) 프로젝트 구조에 맞게 파일 생성{u.. 2024. 8. 2. [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. 이전 1 ··· 11 12 13 14 15 16 17 ··· 51 다음 반응형
