[카테고리:] 프로그래밍

web vpython이란? 3d 객체를 만들고 애니메이션을 적용할 수 있는 파이썬 패키지. 쉬운 것이 특징이며, 특히 web에서 바로 별도의 패키지 설치 없이 vpython을 다루고 그 결과를 시각적으로 확인할 수 있다는 점이 장점이다. 예제 구경하기 아래 web vpython은 특유의 웹 접근성을 잘 이용해서 다양한 예제를 웹으로 손쉽게 보여주고 있다. 아래 예제 사이트에 접속하면 web vpython으로 만들 수…

HTTP 메서드란? 클라이언트가 서버의 특정 리소스에 대해 어떤 동작을 수행하고 싶은지 나타내는 요청 방식이다. 즉, 클라이언트가 “이 URL에 있는 리소스에 대해 1) 읽고 싶은지(read), 2) 만들고 싶은지(create), 3) 수정하고 싶은지(update), 4)삭제하고 싶은지(delete)”를 서버에게 알려주는 명령어를 뜻한다. 요청이 다양하므로 http 메서드의 종류 역시 다양한데 대표적으로 아래 4가지가 많이 쓰인다. 메서드종류 역할 예시 GET 서버의 데이터 조회…

콜백함수란? 콜백함수는 다른 함수의 매개변수로 전달되어, 해당 함수 내부에서 나중에 호출되는 함수를 의미한다. 위 예제에서, greeting 함수는 콜백 함수다. 되기 때문이다. . 익명함수를 이용한 콜백 콜백함수는 한 번만 사용하는 경우가 많아, 따로 함수를 정의하지 않고 아래와 같이 익명 함수 형태로 바로 전달하는 것이 일반적이다. 콜백함수를 사용하지 않았다면, 인삿말 함수와 도움말 함수를 각각 정의해야 해서 번거로웠을…

API 만들기 웹앱을 만든다는 것은 결국 다음을 만드는 것이다. 이처럼 어떤 요청에 대해 어떤 응답을 할 것인지를 만드는 것을 통틀어 API를 만든다고 한다. 웹 API에도 여러 종류가 있나본데, 다른 것은 잘 모르겠고 보통은 HTTP API(REST API 등)을 가리킨다. 우리가 만들려는 것도 이것이다. 아래 코드가 바로 하나의 API를 코드로 구현한 예이다. 코드설명 모두 합치면 아래와 같이…

세부적인 강좌에 앞서서 앞으로 자주 등장할 개념들, 웹앱의 구성 요소에 대해 간략히 설명하면 다음과 같다. 1. 앱(Application) 2. 서버(Server) 3. 클라이언트(Client) 4. 요청(Request)과 응답(Response) 5. API(Application Programming Interface) 6. 프론트엔드(Frontend) 7. 백엔드(Backend) 8. 콜백 함수(Callback Function) >>다음 강의 가기 : 3강>>강좌 목록으로 돌아가기

이 글에서는 express라는 웹 프레임워크에 대해 소개한다. express란 express는 node.js에서 서버와 API를 쉽게 만들 수 있게 돕는 웹 프레임워크의 일종이다. 라우팅, 미들웨어, 요청/응답 처리 등을 express를 통해 간단히 작성할 수 있다. express 설치 및 QUICK START 터미널에서 아래와 같이 express를 설치한다. 아래와 같이 START CODE를 입력해 보자 저장 후 아래와 같이 터미널에서 실행하자. 실행 결과를…

들어가며 자바스크립트 실행 방법에는 크게 2가지가 있다. 첫째, 브라우저에서 실행하는 방법이다. 이는 크롬에 내장된 인터프리터를 이용하는 방식이다. 두번째는 서버에서 실행하는 방식인데, 장점은 브라우저 없이도 실행가능하다는 것이다. 이를 위해서는 node.js와 같은 플랫폼이 필요하다. 더 정확히 얘기하면, Node.js란 구글 크롬의 V8 Java Script 엔진으로 빌드된 (서버사이드) 자바스크립트 실행환경을 뜻한다. 설치 설치는 간단하다. 1단계 : https://nodejs.org/ko/ 로 접속한다.…

강좌 소개 node.js는 원래 웹 브라우저에서만 동작하도록 만들어진 자바스크립트를 웹 브라우저 밖, 즉 개인 PC나 서버 컴퓨터에서도 사용하고 싶어 만든 프로그램으로, 자바스크립트 실행 환경이라고 생각하면 됩니다. 즉, node.js는 서버 컴퓨터에서 웹 개발을 하려면 필요한 실행 환경입니다. (여기서 ‘실행 환경’이라는 말은 지금은 ‘도구’ 쯤으로 이해해도 무방합니다) express 웹 프레임워크는 node.js 작업을 돕는 도구라고 생각하면 됩니다. 순수히 node.js…

작성중

작성중