230213_32일차 : JavaScript / 파이썬

1교시, 2교시, 3교시, 4교시 - JavaScript(Javascript / 변수 / 연산자)

1. Javascript

1) 자바스크립트 : 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 객체 기반의 스크립트 언어

2) 자바스크립트의 역사

네스케이프에서 10일만에 'LiveScript'개발 > 다양한 언어가 난립하며 표준안(모든 웹브라우저에서 동작)이 만들어짐

Ajax 를 통해 배터리 일체형이면서 더욱 가벼워짐

3) 자바스크립트는 어디서 사용될까? (새로고침없이 데이터를 가져오는 방식 사용)

4) 자바스크립트와 관련된 기술?

+ React : 페이스북사에서 만든 프레임워크(또는 라이브러리). 유투브, 인스타그램 등 물흐르듯이 작동하는 기술(가벼운 어플위주)

+ node.js : 서버, 웹프론트까지 가능하게 하는 기술

+ view

+ angular

+ typescript

5) 자바스크립트 사용방법 : 주로 </body> 전에(body태그 가장 하단) 작성하며, script 태그 안에 작성한다

=> 사용자에게 빠른 화면을 제공하기 위해(html 이후 기능적인 부분(script)이 연결됨)

6) 자바스크립트 사용 전, 폴더 생성 : 원하는 위치에 폴더를 만든 후, vs코드의 중앙(코드부)로 드래그해야한다.

7)  자바스크립트 단축키 : 주석처리  ctrl + /

8) 자바스크립트 출력

① console창에 출력하기 :

+ 웹 상에서, 개발자도구를 통해 console확인

+ 에러창 (문제발생알림 / 실제로 해당 코드를 사용하진 않음)

+ ; (세미콜론)은 써도되고 안써도된다. 에너지 효율을 위해서이나 크게 차이나지않음.

+ 경고창(사용자 눈에도 보이며, 이후에 문제발생의 가능성이 있음)

② 팝업창에 출력하기(일방적인 안내를 할 때 사용)

9) 자바스크립트 입력

① 확인 질문 : confirm => 확인 or 취소 => 리턴타입 : boolean

② 입력확인문 : prompt => 입력 가능 => 리턴타입 : string

prompt('질문', '기본값') => 기본값 설정되며 수정가능

2. 변수

1) 변수 : 변화를 줄 수 있는, 변할 수 있는 수. 프로그래밍에서는 데이터를 담을 공간을 의미

- 자바와의 차이점 : 자료형 체크 수준의 차이

- var 예시(문제점1 : 동일한 변수명을 계속해서 선언하여 사용이 가능)

주의 ) 동일변수 사용함에 오류는 나오지 않으나, 문제발생 요지생김

- 자바스크립트의 호이스팅(문제점2: 코드 실행시, 메모리에 변수를 미리 저장해두며 아래서부터 확인하여 끌어올림) 

>> 호이스팅으로 인해 협업이 어려워지므로, let과 const을 사용. let, const도 호이스팅은 일어나긴하지만, TDZ(Temporal Death Zone)에 저장해두고 선언 나오기 전까지는 접근을 못하게 만들어준다.

var : 호이스팅이 일어나며, 오류를 뱉지 않고 undefined 출력

let : 호이스팅을 일어나지만, 에러를 뱉어냄

- 2015년을 기준하여 ECMAScript6 표준안에서 새로운 변수 키워드 등장 (위와 같은 문제들을 해결하기위해)

① var : 재선언, 재할당이 가능하다 / open data는 var로 되어있다(api 등 여러 유저가 사용하는 경우, var로 선언되어있음)

② let : 재선언 불가, 재할당 가능 + 호이스팅은 일어나지만, TDZ를 통해 오류를 뱉어냄으로써 접근을 못하게 만들어준다.

③ const : 재선언, 재할당 모두 불가 (바뀌면 안되는 값) + 호이스팅은 일어나지만, TDZ를 통해 오류를 뱉어냄으로써 접근을 못하게 만들어준다.

2) 예제

+ , 는 연결(alert코드에서는 사용불가) / +는 연산자

3) 자료형

+ string : 작은따옴표, 큰따옴표 둘다 사용가능

+ 자료형 구분하는 방법

   · typeof(변수명) : 자료형을 알려주는 코드 

   · 콘솔창에서 색상 확인 : 숫자, boolean은 콘솔창에 파란색으로 생긴다(string은 검정색)

     ( 주의 : 자료형을 보존하는 경우 가능하며, +를 사용하면 모두 문자화된다)

+ undefined 와 null의 구분

   · undefined : 정의가 되지 않았다 ( 선언만 되고, 값이 할당되지 않은 상태)

   => 주의 ) let data; 와 같이 선언하지 말 것 : js는 데이터를 넣어줘서 자료형을 결정하는 언어이므로, 처음에 데이터를 넣지 않고 선언한다면 undefined의 형태가 된다.

   · null : 없다(의도적으로 그 공간을 비워줄 때)

 

3. 연산자

1) 연산자의 종류

+ / : 나누기 연산자로 나눈 실제값

  % : 나머지 연산자

+ 동등(비교)연산자(==) : 값만 같으면 됨 / 3 == '3' > true

   일치연산자(===) : 값과 자료형 모두 비교 / 3 === '3' > false

+ 삼항연산자 : 조건? 실행문1 : 실행문2

카페갈래? / 카페갈래?

2) 예제

백의 자리 이하 버린 결과 >> 700

 

5교시, 6교시, 7교시, 8교시 - 파이썬(조건문)

1. 조건문

3) 조건문 if else : else는 참이 아니었을 모든 경우를 포함하기 때문에 조건식을 적어줄 필요가 없다.

주의) if와 else는 동일 선상

- 예제

4) 조건문 elif : 조건이 여러개일 때

좌측 1번) 조건식이 모두 false이고, elif만 있는 경우, 출력되지 않음

- 예제

result 처럼 변수는 선언 없이 바로 사용이 가능하다.

+ result처럼 변수는 굳이 if문 밖에서 선언없이 사용이 가능하다

상단부는 선생님 코드 복붙.

추가적인 내용(메뉴가 숫자가 아닌 글자로도 입력가능, 잘못입력한 경우, 잔액부족 경우)

+ 실수와 곱을 한 경우, 실수로 결과값이 나오므로 형변환을 진행해야한다 =>int(10000*0.9)