Rhans Han

will cover ..

< About default put ‘args, kwargs’ >

philosophy behind code and software 

template tags and filter : https://docs.djangoproject.com/en/2.0/ref/templates/builtins/

{% verbatim %} {% endverbatim %}

HTML is the language the browser reads.

1. Handles URLs yelp.com -- codingforentrepreneurs.com/projects/30-days-python/

2. Returns responses (related those URLs)

3. Remembers things

accounts -- user “django app”

videos -- another ‘django app’

analytics, menu listing ...

JavaScript values - two types of values.

1. Fixed values : literals. 

(Numbers, Strings)

2. Variable values : variables. be used to store data values.

JavaScript Identifiers

- Identifiers are names. Identifiers are used to name variables (and keywords, functions, labels) 

컴퓨터 프로그램은 컴퓨터에 의해 실행될 수 있는 ‘명령어’들의 리스트이다. 프로그래밍 언어에서, 이러한 프로그래밍 명령어들은 ‘statement’라고 불린다. JavaScript program is a list of programming statements.

In HTML, JavaScript programs are executed by the web browser.

JavaScript statements are composed of Values, Operators, Expressions, Keywords, and Comments.

보통 프로그래머들은 코드 라인들이 80문자보다 긴 것을 피한다. 자바스크립트에서 한 라인이 너무 길 때, 연산자 다음이 break하기에 제일 좋다.

JavaScript Keywords 중에서 기억해둘 것.

- var : Declares a variable.

JavaScript Display Possibilities.

JavaScript can display data in different ways

- Writing into an HTML element, using innerHTML

document.getElementById(id) 메소드를 사용하면 HTML 요소에 접근할 수 있다. id 속성은 HTML 요소를 결정하는 것이고, innerHTML은 HTML 내용을 정의한다.

- Writing into an HTML output using document.write()

The document.write() method should only be used for testing.

- Writing into an alert box, using window.alert()

You can use an alert box to display data.

- Writing into the browser console, using console.log()

JavaScript can change HTML Content

JavaScript can change HTML Attribute Values.

JavaScript can change HTML Styles (CSS)

JavaScript can hide HTML Elements

서버에서 다른 형식으로 데이터를 제공하는 방법

1. /data.html - 데이터를 HTML 형식으로 제공한다.

2. /data.json - 데이터를 JSON 형식으로 제공한다.

3. /data.xml - 데이터를 XML 형식으로 제공한다.

사용자의 요청에 따라 사용자가 필요한 정보를 제공하는 것을 ‘라우트한다’라고 표현한다. 그리고 이러한 기능을 수행하는 미들웨어를 ‘라우터’라고 부른다. 라우터 미들웨어는 다음과 같이 사용한다. static 미들웨어와 다르게 app 객체의 속성이라는 것에 주의하자.

이렇게 하면 각각의 경로로 들어갈 때 각각의 콜백 함수가 실행된다.

각각의 콜백 함수를 통과하며 console.log() 메서드를 실행한 것이다. 이렇게 사용자의 요청을 처리하면서 지나가는 app.use() 메서드의 콜백 함수를 미들웨어라고 부른다.

처음으로 알아볼 미들웨어는 static 미들웨어. 이는 정적 파일을 제공할 때 사용하는 미들웨어이다.

자동으로 127.0.0.1:52273/index.html 파일을 출력했다.

Line 1, 2 :  http 모듈과 express 모듈을 추출한다.

Line 4 : 웹 서버를 생성한다.

Line 10 : 웹 서버를 실행한다.

웹 서버를 만들 때는 express라는 외부 모듈을 사용한다. 실습 진행을 위해 버전 3.4.7을 내려받고 설치했다.

> npm install [email protected]