FRONT-END

아이디나 비밀번호같이 양식을 입력받는 그룹에는 form 태그를 사용하여 입력된 정보들을 보내는 기능을 한다.

[속성선택자 CSS선언방법]

Input 태그안에 type='submit'인것을 아래 처럼 form까지 쓰고 대괄호[ ] type="submit"이라고 그대로 쓴다.

margin: auto로 가운데 정렬시 해당 요소의 width나 height가 정의되어있어야한다.

부모에 display: flex로 각각 일열로 나열한뒤
나열한 크기의 비율을 flex-grow로 설정한뒤 flex-basis:0을 통해 전체크기를 똑같이 나눌 수 있다.

<strong> 스트롱 태그는 강조할때 쓰는 태그이다.

git 버전관리를 위한 기본 선언

현재 프로젝트에서 변경사항 추적을 시작함을 선언한다.

─────────────────────────────────────────────────────

[관리파일 설정(초록색으로 변경=추적관리가 되는상태)]

git add . //모든파일 추적 지정

git add 파일명 //특정파일 추적 지정

[버전생성] git commit -m 'Start project'

[새 파일 업로드 버전 생성 및 수정] git status로 수정된 modified 빨간색 확인

git add. 이후  modified 초록색 확인후 git commit -m '버전 내용이름'

[github와 연결하기(1회만연결)]

git remote add origin https://github.com/Parkstelth/starbucks.git (github repositories 원격주소입력)

[github에 업로드하기]

git push origin master

[github에 메인페이지에 마크다운 text 업로드하기]

vscode 프로젝트에 README.md 파일을 생성하여 업로드한다.

─────────────────────────────────────────────────────

[새 작업을 위한 branch 만들기]

git branch signin

[특정 branch 접속]

git checkout branch이름

*branch는 초기 init으로 생성된 master나무에는 영향을 미치지않으므로 master로 만들어진 netlify에도 영향이없으므로 master에서 만들어진 웹페이지에서 signin 같은 것들을 branch에서 만들어 작업이 완료되면 signin과 master를 병합하여 하나로 만들면 나타나게 된다.

&copy 는 특수문자 c커피 출력

&lt;div는 <div>를 그대로 출력
또는 &lt; div &gt;

실시간 날짜 출력하기
자바스크립트로
new Date( ) 현재 날짜
new Date( ).getFullYear( ) 현재 년도

자바스크립트에서
document.quertselector를 쓸필요없이
html에서 선택자를 class가 아닌 id로 하여
'#id'로 자바스크립트에서 바로쓸수있다.

[스크롤버튼을 만들어 버튼을 누를시 화면을 맨위로 올리기]

const scrollEl = document.querySelector('.스크롤버튼클래스')

gsap의 ScrollToPlugin 를 head에 사용 선언