프론트엔드 첫걸음

git add와 commit 동시에 하는 명령어 git commit -a -m "커밋메시지" (a와 m 순서 바꾸면 안되더라)

mkdir [폴더명] 폴더 생성 cd [폴더명] 해당 폴더로 이동 cd .. 이전 레벨로 이동 ls 파일 리스트 보기 ls -a 숨겨진 파일까지 전부 보기 touch [파일명] 빈 파일 생성 cat [파일명] 파일내용 표시

- HEAD 브랜치 포인터 체크아웃한 브랜치에서 가장 최근에 커밋한 브랜치 - git branch 작업한 브랜치 리스트 보여준다 q 로 빠져나간다. * 이 붙어있는 것이 현재 활성화 된 브랜치이다. git branch -v 브랜치의 마지막 커밋 정보까지 보여준다. - git branch 브랜치 생성한다 브랜치 명에는 공백이 들어가서는 안된다. - git switch 브랜치를 전환한다 -git switch -c git branch -b 브랜치 생성하고 생성한 브랜치로 전환 switch -c, branch -b 둘 다 같은 기능 - git branch -d 브랜치 삭제는 다른 브랜치로 이동해서 삭제해야한다 ex) B 브랜치 삭제 시 B 브랜치에서 빠져나와 main브랜치에서 삭제 브랜치가 병합되지 않았다는 메..

.gitignore 파일 생성 루트 경로에서 touch .gitignore 로 깃 이그노어 파일 생성할 수 있다. gitignore.io에서 .gitignore 파일에 템플릿 얻을 수 있음 패턴 형식 폴더 이름 뒤에 / 슬래쉬 붙이면 전체 디렉토리 제외 *.log : / 제외하고 어떤 문자와도 매치되는 와일드카드 https://git-scm.com/docs/gitignore Git - gitignore Documentation The optional configuration variable core.excludesFile indicates a path to a file containing patterns of file names to exclude, similar to $GIT_DIR/info/exclu..

방금 커밋한 커밋메시지를 수정하고 싶거나 이전의 커밋에서 빠뜨린 파일이 있을때 git commit --amend를 사용한다. 3개의 파일을 커밋했어야 했는데, 2개의 파일만 커밋한 경우 나머지 한개의 파일을 커밋하면서 git commit --amend 를 사용하면 바로 이전의 커밋에 묶여서 재커밋할수있다. 커밋메세지도 수정할 수 있다. 단, 바로 전의 커밋 수정이 가능하다.

git 문서를 보고 마음에 드는 출력방식을 선택할 수 있다. ex) git log --format=short

git 편집기 설정 https://git-scm.com/book/en/v2/Appendix-C%3A-Git-Commands-Setup-and-Config 위 링크에서 자신이 사용할 편집기에 맞는 명령어를 찾아 터미널에 입력하면 된다. 맥 + vscode 사용자의 경우 1. vscode에서 cmd+shift+p code입력=> 설치 PATH에 쉘 명령어 code 설치 2. 터미널에 git config --global core.editor "code --wait" 입력 그러면 git commit 할 때 vim 아니라 editor가 나온다. 파일에 입력하듯이 커밋메시지를 입력하고 저장하면 된다.

혼자 문제해결한 과정 기록한 포스팅 현재 지식수준에서 찾은 해결방법을 기록합니다. display inline 해당 태그가 마크업하고 있는 컨텐트의 크기 만큼만 공간을 차지 width와 height 속성을 지정해도 무시된다 margin과 padding속성은 좌우 간격만 반영이 되고, 상하 간격은 반영이 되지 않음 span, a, video, audio 등 block block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지 width, height, margin, padding속성이 모두 반영됨 div, h1~h6, table, p, ul, li 등 inline-block inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되..

https://developer.mozilla.org/ko/docs/Web/CSS/vertical-align vertical-align - CSS: Cascading Style Sheets | MDN vertical-align CSS 속성은 inline 또는 table-cell box에서의 수직 정렬을 지정합니다. developer.mozilla.org inline 또는 table-cell box에서의 수직 정렬(세로 정렬)을 지정 이미지 엘리먼트를 텍스트 엘리먼트의 라인 속에서 정렬할 때 쓰일 수 있습니다 See the Pen Untitled by JEONG (@cona) on CodePen. inline이나 inline-block 속성에서 vertical-align 할 때는 sub, sup 도 쓸 수..

See the Pen 띄어쓰기 유무에 따라 달라지는 가상클래스 by JEONG (@cona) on CodePen. li:last-of-type li의 부모 하위의 li 중 맨마지막 li last-of-type인 list (마지막 list) li :last-of-type 띄어쓰기가 있는경우는 li의 하위 요소중에 본인과 같은 tag중 마지막을 선택 last-of-type인 list 하위요소 li:last-child li의 부모요소의 마지막자식인데 이게 li일때만! last-child인 li → 그런데 li가 last-child가 아니면 (tag종류 불문 맨 마지막 요소가 아니면) 선택안됨! li :last-child li 내부의 요소들 중에서 마지막 자식 https://stackoverflow.com/qu..