SW

0. 주소 문자열과 요청 파라미터 웹 사이트에 접속하기 위한 사이트 주소 정보는 노드에서 URL 객체로 만들 수 있다. 노드는 주소 문자열을 받으면 어디까지가 사이트 주소인지, 어떤 내용이 요청 파라미터인지 구별하도록 url 모듈이 있다. https://www.google.co.kr/?abcd=abc 라는 주소 문자열이 있다고 가정해보자. 노드는 URL객체로 만든다. protocol: 'https' host: 'www.google.co.kr' query: 'abcd=abc' 1. 주소 문자열을 URL 객체로 변환하기 parse() : 주소 문자열을 파싱하여 URL 객체를 만들어 준다. format() : URL 객체를 주소 문자열로 변환한다. url 모듈을 사용하기 위해 require() 메소드를 호출 ..

0. 노드란? 노드를 만든 이유는 그 당시 웹 서버에 파일을 업로드 할 때, 업로드가 완료되기 전까지 웹 서버에서 데이터를 조회한다던가 하는 등의 다른 작업을 할 수 없었다. 이 문제를 해결하기 위해 만든 새로운 서버 개발 도구가 노드이다. 웹 브라우저를 통해 내 PC에 있는 문서 파일 하나를 업로드 하고 싶다면 먼저 웹 서버에 업로드를 요청해야 한다. 이때 웹 서버에는 파일 업로드 기능을 담당하는 핸들러(Handler)하나를 만들어 둔다. 비동기 입출력 방식을 적용하였다. 프로그램에서 해당 파일의 내용을 처리할 수 있는 시점이 되면 콜백 함수가 호출된다. 자바스크립트에서는 변수에 함수를 할당할 수 있다. 따라서 변수에 할당된 함수를 다른 함수의 파라미터로 전달할 수 있다. 이렇게 파라미터로 전달된 함..

0. 서버 동작 방식 프로토콜이란 데이터를 서로 어떤 형태로 주고받을 것인지를 정한 것으로, 간단한 데이터의 형태이다. 웹브라우저에서 HTTP로 요청한 데이터를 받은 웹 서버는 필요한 작업을 수행한 후 HTTP로 응답을 보낸다. 웹 브라우저에서 볼 수 있는 웹 문서는 보통 HTML, CSS, JS를 이용해 만든 것이다. 스마트폰과 같은 모바일 단말에서는 웹 문서를 웹 서버가 아닌 단말 내부에 저장해 두었다가 화면에 띄운 후 웹 서버로 필요한 데이터만 요청하는 방식을 사용하기도 한다. 이때 에이잭스(Ajax)방식으로 데이터만 받아오는 경우가 많다. 이렇게 하면 매번 웹 문서를 가져오지 않고 필요한 데이터만 가져온 후 화면을 부분적으로 갱신할 수 있기 때문에 화면 처리 속도가 빨라지는 장점이 생긴다. 에이잭..

0. Flask Flask는 프레임워크로 "마이크로프레임워크"라고도 한다. 플라스크는 기본적인 기능부터 시작해서 확장 가능하도록 설계됐다. virtual environment를 생성하고 flask라는 폴더를 홈디렉토리에 만들었다. pip install flask로 flask를 설치하고 python > import flask 하여 문제없는지 확인한다. 1. 초기화 모든 플라스크 애플리케이션은 애플리케이션 인스턴스를 생성해야 한다. 웹 서버는 클라이언트로부터 수신한 모든 request를 이 오브젝트에서 처리하는데 이때 웹 서버 게이트웨이 인터페이스(WSGI)라는 프로토콜을 사용한다. 애플리케이션 인스턴스는 Flask 클래스의 오브젝트이며 다음과 같이 생성된다. Flask 클래스 생성자에 필요한 한 가지 인수..

0. Web Server 동작원리 Web browser가 Web Server에게 정보를 요청한다. 어떤 요청은 Web Server가 직접 처리할 수 없다. 예를 들어 .py로 끝나는 것은 Web Server가 처리할 수 없다. 그래서 Web Server는 Python에게 CGI기술을 이용해서 위임한다. Python은 그 코드를 웹페이지로 바꿔준다. Python이 File을 읽고 다시 가져와서 Web Server로 보내준다. Web Server는 다시 Web browser로 보내준다. 1. 환경 구축 bitnami 설치 apache2 > conf > httpd.conf 에서 #LoadModule cgid_module modules/mod_cgid.so 찾은 후 주석으로 만들어주는 #을 지운다. 확장자가 ...

0. 백엔드란? 백엔드는 화면에서 볼수 없지만 웹이나 앱에서 사용자의 요청에 따라 정보를 처리하고 가공하는 부분이다. 백엔드를 바닥부터 개발하기에는 구조가 조금 복잡하여 이미 많은 것이 갖추어진 어떤 틀 안에서 작업하게 되는데 그 틀을 '프레임워크'라고 부른다. 어떤 구조로 만들었는지, 어떤 언어를 사용하는지 등에 따라 정말 다양한 프레임워크가 있고 각자의 장단점이 있다. 백엔드는 크게 세부분으로 나눌 수 있다. 데이터를 담당하는 모델(Model) 화면을 담당하는 뷰(View) 전반적인 관리를 담당하는 컨트롤러(Controller) 이 것을 "MVC 패턴"이라고 부른다. 홈페이지 게시판에 들어가는 예시를 들어보자. http://sangwon.com/board 라는 라우터(Router)에서는 "board"..