WebServer | AswinBlue

Nodejs

Node.js 기본 명령 npm init : 패키지 생성 npm install : 라이브러리 설치 -P : package.json에 저장, 기본옵션 -O : optionalDependencies에 저장 -D, --no-save : 기록없이 다운로드 -g : 글로벌 설치, 모든 프로젝트에 적용 MODULE_NAME@VERSION : 버전 설정, latest는 가장 최근 버전을 의미 node main.js : 실행(main.js) npx <package_name> : 설치하지 않고 일회만 실행 node main.js : 패키지 실행 (main.js파일) npm audit : 의존성 문제가 발생했을 때, npm audit fix : 의존성 문제를 자동으로 해결하는 명령어, 일부 해결을 할 수는 있지만 package.json 파일을 수정할 수 있으므로 주의. –fix 옵션을 넣어서 강제로 수정할 수도 있지만, 오히려 되던 기능이 안 될 수도 있으므로 추천하지 않는다. npm cache clean : 캐싱된 데이터를 정리할 수 있다. –force 옵션을 넣어 강제로 처리 가능 구조 main.js : nodejs 실행시 실행할 메인 파일 package.json : root 경로에 존재하며, npm 프로젝트를 관리하는 파일 /node_modules : 프로젝트에서 사용되는 모듈들이 저장되는 파일이다. npm install 명령 사용시 모듈들이 다운받아지는 경로이다. package.json nodejs 설정을 담고있는 파일로, 참조할 내용이 많아 아래에 따로 정리한다. ...

PythonCGI

python CGI CGI는 Common Gateway Interface의 약자다. web application을 만들 수 있는 언어는 ruby, java, php 등 다양하지만 모두 CGI 규약을 따라 web server와 통신한다. web server는 사용자의 요청을 받으면 약속된 이름의 데이터를 환경변수로 web application에 전달하여 서로 교류한다. apache에서 python을 이용해 web application을 만들어 web server와 통신해 보자. $ a2enmod CGI 명령으로 apache의 CGI를 켜 주고, sudo service apache2 restart 로 설정 적용 /var/log/apache2/error.log 안에 apache 실행시 발생한 에러 로그가 담겨있다. 웹 브라우저가 웹 서버에 요청할 때 웹 서버는 응답으로 웹 페이지의 데이터 타입(헤더)와 함께 웹 페이지를 전송한다. python CGI로는 print("content-type:text/html; charset=UTF-8\n") 와 같이 헤더를 표기낸다. 헤더를 출력한 다음 부터는 body 부분이 출력된다. 특정 주소로 Redirection을 할 때에는 print("location : index.py?id=title")을 이용한다. ( ‘:’ 이후 부터 ‘"’ 까지는 원하는대로 작성) formatting string에서 특정 문자열을 다른 문자로 치환하는 기능 ex) '{} {}'.format('one','tow') ex) '{a} {b}'.format(a='hello', b='world') python 파일에서 문자열과 format 함수를 이용하여 동적 html을 구현 가능하다. CGI 모듈 import cgi 로 모듈을 로드해 사용한다. form = cgi.FieldStorage() form은 jQuery와 같은 역할을 한다. ex) pageId = form['id'].value : page의 id를 가져온다. HTML 연동 input 태그의 name 속성 : input 태그를 특정 이름으로 CGI에 전달함 ex) ...

JavaScript

JavaScript 기본적으로 HTML 위에서 돌아가는 코드 body 태그 안에 태그를 넣고 안에 작성 document를 호출하고, .으로 함수를 호출한다. querySelector(’’)로 원하는 element 선택 가능, ‘‘안의 내용은 css 선택자 문법과 같음 querySelectorAll(’’)로 원하는 속성의 element들을 nodeList(배열과 유사)형태로 선택 가능 ex ) document.querySelector('body') ex ) document.querySelector('#new') ex ) document.write("hello world") 태그 안에 javaScript를 사용하는 속성값으로 사용 ex ) <input type="button" value="hello" onclick="alert('hello')"> 특정 태그 안에서 자기자신을 호출할 때에는 querySelector를 호출하지 않고 this를 사용하면 된다. ...

Css

CSS 특정 개체에 효과를 부과한다. 이를 declaration 이라 칭한다. 중복의 제거 가능, 유지보수 수월, 가독성 증가 위에서 부터 아래로 읽어가며 효과 적용, 중복 불가능한 효과에 대해서는 이전 효과가 사라짐 tag 선택자 < calss 선택자 < id 선택자 로 우선 순위가 높다. html 문서 안에 <style> 태그 안에 작성 가능 ex ) <style> a { color:black; } </style> 태그의 종류별로 속성 설정 가능 여기서 태그 a 는 선택자(selector)라고 한다. 선택자는 ,로 구별하여 함께 사용 가능 ...

HTML

HTML W3C에서 HTML 규칙을 규정, 웹 브라우저 제작사들이 이를 참조하여 브라우저를 만든다. 태그 element라고 칭하기도 한다. 부모 자식 관계가 존재 <TAG_NAME> 로 시작하고 </TAG_NAME>로 끝냄 태그별로 검색 엔진에서 노출되는 중요도가 다르다. 태그의 종류에 따라 줄 전체를 사용하거나(block level element), 내용의 크기 만큼의 공간만 사용하는 태그(lnline element)들이 있다. html : body와 head를 통틀어 묶은 최 고위 태그 관용적으로 <!doctype html> 을 붙여 쓴다. body : 본문을 묶는 태그 head : 본문을 설명하는 태그 속성(attribute) <TAG_NAME ATTRIBUTE> 와 같은 형태로 태그 이름 뒤에 붙음 body 속성 strong : 굵은 글씨 ...