position 속성 : HTML 요소의 위치를 결정 static: 정적 위치 지정 방식(기본값) static 상태에선 요소에 왼쪽, 오른쪽 값을 주어도 위치가 변경되지 않음 relative: 상대 위치 지정 방식 원 위치를 기준으로 상대적으로 요소의 위치가 지정됨 absolute: 절대 위치 지정 방식 relative 속성을 가진 부모태그의 위치를 기준삼아 상대적으로 요소의 위치가 지정됨 부모태그가 없을 땐 body태그를 기준으로 함 fixed: 고정 위치 지정 방식, 고정값 화면을 기준으로 위치가 지정됨 z-index 속성 : 겹쳐지는 요소들이 쌓이는 스택(stack)의 순서를 정함 ▼ stack이란? 더보기 데이터를 차곡차곡 쌓아 올린 형태의 자료구조, 데이터가 순서대로 쌓이며 가장 마지막에 삽입된..

CSS(Cascading Style Sheet=연속적인 스타일시트) : 웹 페이지를 디자인하기 위해 사용하는 언어 CSS를 사용하는 이유? 시각적 표현을 위해 CSS 참조 방식 1) 외부 스타일 시트(External Style Sheet) : CSS확장자를 가진 스타일시트 파일을 생성, html문서에 연결해 사용 2) 내부 스타일 시트(Internal Style Sheet) : html문서 내에서 태그 내부에 태그를 사용해 CSS를 정의하는 방식 ▼ style태그를 head태그에 저장하는 이유? 더보기 html 문서는 위에서 부터 아래 순서로 읽음 따라서 style 태그를 우선적으로 읽게 하여 속성이 빠르게 적용되도록 하기 위해 head태그에 위치시킴 3) html태그 내의 스타일 지정(Inline St..

상대 경로: 현재 파일을 기준으로 위치를 찾음 .(온점 한 개): 현재 폴더 위치 ..(온점 두 개): 상위 폴더 위치 //현재 파일 위치에서 한 단계 위 폴더(상위폴더)에 이미지가 있음 절대 경로: 파일 주소

HTML(HyperText Markup Language) - hypertext: 웹페이지에서 다른 페이지로 이동할 수 있도록 하는 것 - markup: 문서나 데이터의 구조를 명기하는 언어 더보기 html의 구조 1) 태그 head 태그: 눈에 보이지 않는 내용이 들어감(참조 링크, 제목 등의 기타정보) body 태그: 눈에 보이는 내용이 들어감 # head태그와 body태그는 무조건 한 번만 사용됨. 2) 요소(Element): 시작태그와 종료태그, 그 사이 내용 빈 요소: 내용 없이 구조적인 기능만 하는 요소(닫는 태그 필요X). ex) (줄 바꿈), (한 줄) 블록 요소: 전체 너비*가로) 100%를 차지(=줄 바꿈 효과). 모든 인라인 요소를 포함하거나 다른 블록 요소를 포함. ex) , , # ..

git이란? : 누가 어떤 코드를 수정했는지 기록하고 추적(원하는 작성 시간대로 이동 가능). 즉, 내 코드 혹은 다른 개발자의 코드가 변경된 이력을 쉽게 확인할 수 있고, 특정 시점에 저장된 버전과 비교할 수 있으며 특정 시점으로 돌아갈 수도 있음.(번거로운 최종본, 최최종본, 최종본2 등의 수고로움을 덜 수 있음) github란? : git을 기반으로 소스 코드를 호스팅하고 협업이 용이하도록 지원하는 웹 서비스. 자신이 어떤 프로젝트에 참여하고 어떤 코드를 수정했고 관리하는지 공개할 수 있을 뿐만 아니라 덧글이나 주석을 달면서 코드리뷰도 쉽게 할 수 있게 함. git을 github에 commit하기 위한 설정 commit이란? 코드변화를 기록하는 것. 1) git bash 열기 2) 명령어 작성 cd..

깃허브에 커밋이 되지 않는다..! 현재 위치의 폴더가 깃허브의 원격 레포지토리랑 연결이 안 돼 있다는 오류 fatal: No configured push destination. Either specify the URL from the command-line or configure a remote repository using git remote add and then push using the remote name git push 현재위치 폴더와 원격 레포지토리 연동 후, push 명령어 사용해보기 git remote add origin (레포지토리 주소) git push --set-upstream origin main 오류.. To ! [rejected] main -> main (fetch first)..