etc/Web5 로컬 테스트 서버 Python의 SimpleHTTPServer 웹 브라우저에서 로컬 파일 경로로 파일을 열면, 비동기 요청으로 외부 데이터를 읽어올 수 없다. 웹 보안 때문에 다른 경로의 파일에 접근할 수 없다. 하지만 연습이나 테스트를 할 때는 어떻게 해야 할까? 간단하게 로컬 웹 서버로 실행하면 된다. 가장 쉬운 방법이 파이썬(Python)의 SimpleHTTPServer라고 한다. 리눅스, 맥 OS X 사용자라면 이미 시스템에 설치되어 있을 것이다. 윈도우 사용자는 따로 설치해야 한다. 1. Python 설치하기 먼저 Python 홈페이지로 가야 한다. 아래 Download 영역에 있는 Latest:Python 3.7.4(혹은 다른 숫자일 수도 있음) 링크를 클릭한다. 최신 버전 파이썬 다운로드 페이지로 이동한다. 만약 상단의 메뉴로 이동한다면, Downloa.. 2019. 10. 7. 파일 업로드 & 다운로드 파일을 업로드하고 다운로드하는 방법에 대해 알아보려고 한다. 1. 파일 업로드 1) HTML 파일 업로드는 form 데이터로 쉽게 업로드할 수 있다. HTML 태그를 다음과 같이 작성한다. 파일도 이렇게 input 태그로 데이터를 전송할 수 있다. (type은 file이다.) name으로 이름을 지정하면, 서버에선 이 이름으로 데이터를 얻을 것이다. accept는 전송 허용 가능한 파일의 타입을 지정하는 것이다. 예제 코드에서는 모든 이미지 파일을 허용하고 있다. 이런 식으로 이미지 파일 중 png, jpeg 확장자의 파일만 허용하겠다고 할 수도 있다. 콤마로 여러 타입을 지정할 수 있다. 참고로 accept 속성의 브라우저 지원 범위는 별로 좋지 않다. Can I use 사이트에서 더 자세한 내용을 확.. 2019. 9. 13. 웹 프론트엔드 개발자가 공부할 것들 edwith 부스트코스 웹 프로그래밍 강의 과정 중, 웹 프론트엔드 개발자가 공부할 것들과 순서에 대한 내용이 있었다. 블로그에 포스팅해두고 하나씩 공부해나가면 좋을 것 같아 포스팅한다. 1. JavaScript Programming (with nodeJS) 프로그래밍의 기본이 될 수 있는 언어의 특징을 아는 것 + 프로그래밍 능력이 중요! IDE (with nodeJS) Version control (Git) Variables, Scope, Type, String (ES2015 based syntax) operator, switch, iterator, condition Function - declaration and expression - arguments property & return - call .. 2019. 9. 10. 웹이 동작하는 법 (HTTP 프로토콜의 이해) 보통 인터넷이라 하면 웹을 떠올린다. 하지만 인터넷이 웹인 것은 아니다. 컴퓨터 하나에는 여러 개의 서버가 존재하고, 각 서버는 다른 포트번호를 사용한다. 웹은 80번 포트를 이용하고 있고, 이메일은 25번, FTP는 21번을 사용하고 있다. 인터넷은 TCP/IP 기반의 네트워크가 전 세계적으로 확대되어 하나로 연결된 네트워크들의 네트워크, 즉, 수많은 네트워크의 결합체라고 할 수 있다. 웹은 인터넷 기반의 서비스 중 하나인 것이다. 웹에선 서로 통신하기 위해 어떤 규약이 필요한데, 이 규약이 바로 HTTP이다. 1. HTTP (Hypertext Transfer Protocol)란? 팀 버너스리(Tim Berners-Lee)와 그 팀은 CERN에서 HTML뿐만 아니라 웹 브라우저 및 웹 브라우저 관련 기.. 2019. 8. 20. 웹 프로그래밍을 위한 프로그래밍 언어 프로그램을 만들기 위한 프로그래밍 언어의 종류는 굉장히 다양하다. 10년 주기로 보통 40~50개의 프로그래밍 언어가 만들어지고 있다고 한다. 프로그래밍 언어의 종류와 웹 프로그래밍에 좀 더 최적화된 프로그래밍 언어의 장단점에 대해 알아보겠다. 먼저, 언어의 종류는 저급 언어, 고급 언어로 나눌 수 있다. 1. 저급 언어 저급 언어는 기계 중심의 언어를 말한다. 컴퓨터는 전기로 동작한다. 즉, 전기 신호인 1(on), 0(off) 두 가지 상태 값으로 동작한다. 0과 1로 표현되는 숫자를 2진수라고 한다. 2진수로만 작성하는 프로그래밍 언어를 기계어(Machine Language)라고 한다. 이렇게 숫자로만 이루어진 언어는 사용하기도 어렵고, 유지보수도 어렵다. 그래서 이 숫자로 된 문장과 1:1로 대응.. 2019. 8. 20. 이전 1 다음