명하준님 블로그 참조

from Elice coding AI track 4th 교육자료

시작~git

• git 복습사이트 : https://github.com/egoingsb/offline/wiki/git#수련
• Vscode extension : git graph

  • 왼쪽 아래 생기는 Git Graph 버튼으로 그래프를 볼 수 있음

    

  • 커밋하고 Git Graph 탭에서 해당 커밋을 클릭하면, 변경 사항도 볼 수 있다!

  • 안 되는 경우

• vscode에서 .git 디렉토리 보이기
  • 설정에서 exclude 를 검색한다
  • **/.git 이 있다면 제외한다(오른쪽에서 X버튼)
  • 내 디렉토리에 .git 디렉토리가 보이는 지 확인한다
    • 보이지 않는다면 → git repository로 설정이 안 됨

javascript

• console.group('Number') 콘솔창에 찍히는 값을 그룹으로 묶을 수 있다

  • 끝날 때에는 console.groupEnd('Number')

• console.log(변수명+"문자열") 과 console.log("${변수명}문자열") 은 완벽하게 같은 기능을 한다

  • 문자열 사이에 변수를 끼워야 한다면, 후자가 훨씬 편하다 😆

    ex) console.log("내용"+변수명+"내용") vs console.log("내용${변수명}내용")

• 웹 페이지에 있는 모든 링크를 확인!

  //querySelectorAll 페이지 내 모든 a태그를 담은 array 생성
  let as = document.querySelectorAll('a');
  //array의 각 요소의 '링크' 부분인 'href'를 출력
  for(let i=0; i<as.length; i++){
  	console.log(as[i].href);
  }
  

Teacherble Machine

Teachable Machine

꼭 서버를 통해서 실행해야 함

Excersize

조도에 따른 website의 day and night mode 변경 적용