기타 내용 정리
- 이미지 경로 찾을 때
<img src="./폴더명/파일명.확장자">
<img src="../폴더명/파일명.확장자"> 현재 작업중인 html파일과 동등한 위치에 이미지 폴더가 있을 때 .사용
현재 작업중인 html파일 상위 위치에 이미지 폴더가 있을 때 ..사용
단 위와 같은 상대경로 방법은 오류의 가능성이 있으므로
img src="c:/Windows/파일명.확장자"위와 같은 절대경로로 써주는 것이 좋다.
- 이모티콘
윈도우키+. = 이모지
- =의 의미
var ex = 'a' /
'='는 '같다'라는 뜻이 아니라
'오른쪽에 있는 값을 왼쪽 변수에 넣는다'는 뜻이다.
예) let a=0; a=a+1;이 있을 때 오른쪽을 먼저 실행하고 그 값이 왼쪽이 되는 것이다
==은 좌변과 우변의 값이 같은지 물어보는거
===은 좌변과 우변의 값, 속성이 같은지 물어보는거 (문자, 숫자 등)
!=은 좌변과 우변의 값이 같지 않은지 물어보는거
!==는 좌변과 우변의 값, 속성이 같지 않은지 물어보는거 (문자, 숫자 등)
- 각종 비교 기호들
&& // 이거는and || //이거는 or !//이거는 not의 의미
좌우를 비교해서 좌우 모두 참이면 결과는 참(&&)
좌우를 비교해서 좌우 중 하나라도 참이면 참(||)
참이면 false, 거짓이면 true (!)
and의 경우 로그인 정보 대입 등에 쓸 수 있고, or의 경우 로그인 실패 시 본인확인 질문이 맞는 경우 등에 쓸 수 있다
- inherit
부모의 속성을 이어받을 때 inherit 사용
예) 부모에서 color 지정하고 자식에서 inherit사용 등
- 특수문자 적을 때
변수 값에 \쓰고 특수문자를 쓰면 특수문자가 보인다
- 변수
변수명은 알아보기 쉽게 정하는 것이 중요하다 (a,b 등은 지양)
변수에 값이 없으면 undefined이고 /null은 값은 있는것이다
백틱(`)으로 묶으면 그 안의 변수 내용이 다 나온다
- 숫자와 문자가 같이 쓰일 때
console.log('1'+2);//12
console.log(2+'1'); //21
이런것처럼 숫자, 문자가 섞이는 경우 연산에 주의해야 한다
- index 값
컴퓨터의 index인식은 0부터임
따라서 문자 배열중 8번째에 locate가 나오는 경우 index[7]이라는 값이 나온다
- Dom, Bom
DOM 문서 객체 모델
BOM (브라우저의 dom같은거)
- 유용한 사이트
color hunt사이트에서 색상 코드 가져올 수 있음
html generator로 검색하면 여러 코드 나옴
- vs코드 코드 정렬 단축기 등
shift+alt+F / 전체 선택(Ctrl+a) 후 Ctrl+K+F 코드 정렬
shift+alt+(방향키 위 아래) 한줄 복사
alt+(방향키 위 아래) 한줄 이동
ctrl+x 한줄 삭제
ctrl+L 코드 한 라인으로 묶기
ctrl+D 같은 단어 하나씩 선택(밑으로 하나씩 선택됨)
ctrl+shift+L 같은 단어 전체 선택
ctrl+h 단어 바꾸기
alt+커서 멀티커서
ctrl+alt+(방향키 위 아래) 길다란 커서
alt+shift+a 블록 주석
vscode에서 ctrl+`키를 누르면 terminal이 열림
'이름' ''한번에 치는 법 이름 부분 블록 처리한 상태에서 '한번 눌러주기
콘솔창을 정리할 때 clear()
- gnb lnb
gnb :메뉴중에 사이트 전체에 걸쳐 화면에 보이는 메뉴를 지칭한다.
lnb :지역메뉴라는 의미로 부분적으로 보였다 감춰지는 메뉴를 말한다.
- vscode 확장 프로그램
vscode 확장 프로그램에서 c/c++ Extension pack 다운받기
code Runner 다운받기
