본문 바로가기
엘리스 SW 엔지니어 트랙 2기

[TIL] 엘리스 SW 엔지니어 트랙 2기 day 06

by 홍code 2022. 4. 12.

✏️ Today I Learned (2022.04.11)


📖 이론 강의

  1. 개발자로서 가져야 하는 마음가짐
  2. JavaScript
  3. 반찬

📝개발자로서 가져야 하는 마음가짐

1. 새로운 걸 배우는 것은 좋아하자 (기본, 본질의 중요성)

2. 처음 배울 때마다 뒤를 생각하면 우울함이 지속되고 공부가 하기 싫어진다.

3. 어렵고 복잡한것도 중요하지만 처음 배우는 것에 대한 생각의 패러다임을 바꾸자.

4. 선생님이 있다고 많이 사용해보고 경험해봐야 네이티브가 될 수가 있다.

 


📝Java Script

  • js는 컴퓨터 프로그래밍 언어이다.
  • 아무 브라우저 콘솔 창에서 js를 사용할수 있다.
  • alert(""); -> 경고창 띄우기
  • prompt(""); -> 입력창
  • confirm(""); -> 확인/취소 창
  • 브라우저의 콘솔창에서 사용한 js는 해당 웹페이지를 대상으로 실행된다.
  • speechSynthesis.speak(new SpeechSynthesisUtterance(' ')); -> ' '안에 문자가 소리로 나옴
  • Math.random() -> 0부터 1 사이의 수를 랜덤으로 출력
  • 웹페이지에 <script>를 만들어 작성할 수 있다.(위치는 상관없음)
  • document.write(' '); -> 웹페이지에 출력
  • js는 html이나 css에 비해서 동적이다.
  • <input type="button" value="hi" onclick="alert('hi')"> -> 버튼을 눌리면 경고창, event 프로그램 상호자와 상호작용
  • document.write('<br>'); -> 줄 바꿈
  • 숫자형 사칙연산 가능
  • 문자형을 감싸는 방법 ("" , '')-> 줄 바꿈 하면 에러남 -> \을 이용하면 줄 바꿈 가능, (``)-> 줄 바꿈 해도 ㄱㅊ음
  • console.log(); -> 콘솔 창에서 출력하기
  • 문자열.length() : 문자열 길이
  • 문자열.replace(' a', 'b ') : a -> b로 바꾸기
  • document.querySelector(): CSS선택자로 요소를 선택할 수 있음
  • this : 전역 객체를 참조함
  • git commit -a : 자동으로 adding 해줌 다만 한 번은 add 해줘야 한다.
  • 녹화본이 날라갔다고 해서 더 이상 정리를 못함ㅠㅠ 

📝반찬

  • vscode옆에 소스 제어에서 내가 수정한 내용 확인 가능
  • 수정된 내용 위쪽에 더하기 버튼을 누르면 커밋 대기 상태로 감
  • 체크를 클릭하면 커밋됨
  • 변경 내용 동기화를 눌리면 서버로 푸시 끝 (GUI로 깃 사용법)
  • alt + z를 누르면 화면에 크기에 따라 동기적으로 줄 바꿈이 되는 모드가 된다.

📖 실습강의

.....


💡느낀 

이고잉님은 말은 하나하나가 띵언... 지식이 많은 것보다 문제를 해결해보고 편안해지는 네이티브 상태가 되어 보자!!

댓글