전체 글 (54) 썸네일형 리스트형 Node.js로 웹서비스 만들기 4일차 REST API 서버를 만들 때 REST하게 API를 짜는게 좋다? API 를 REST하게 만들면 좋다? API - Application Programming Interface 인데 웹개발에서 API는 웹서버와 고객간의 소통 방법 어떻게 해야 서버랑 통신을 할 수 있을지 정해놓은 규약 보기 쉽고 관리하기 쉬운 API REST원칙 1. Uniform interface : 간결하고 일반적이고 예측이 가능하도록 2. Client-Server 역할구분 3. Stateless 4. Cacheable 5. Layered System 6. Code in Demand 예시) example.com/products/65432 (65,432번째의의 상품에 대한 URL인듯) instagram.com/explore/tags/k.. Node.js로 웹서비스 만들기 3일차 글 같은걸 작성할 때 관습적으로 POST 요청을 쓴다고 한다. app.post('/add', function(req, res){ res.send('전송완료'); }); 여기에서 /add는 자기가 정한 경로이다. POST요청으로 서버에 데이터를 전송하고 싶으면 body-parser 라이브러리를 설치한다. 터미널에 npm install body-parser 그리고 server.js 상단에 아래 코드 추가 // server.js const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({extended : true})); (그냥 문법이니 외워서 쓰자) 간단한 폼을 만들어서 테스트 해본다 //write.html Todo Due date S.. Node.js로 웹서비스 만들기 2일차 Node.js 설치 여부 확인 윈도우 - 실행 - PowerShell - node -v 입력 설치가 되어있다면 현재 버전이 나옴 VSCODE 설치 후 작업 폴더 생성한 뒤 터미널을 열고 npm init 입력 다른 부분들은 엔터키 쳐서 넘어가고 entry point 에서 server.js (파일명은 알아서 해도 됨) 그 다음 라이브러리 설치 터미널에서 npm install express 입력 이제 server.js 파일 생성하여 코딩 시작 기본 문법 const express = require('express'); const app = express(); app.listen(8080, function(){ console.log('listening on 8080'); }); 8080 은 포트번호 인데 다른 번.. Node.js로 웹서비스 만들기 1일차 SERVER [서버] 서빙하는 사람(컴퓨터) 요청을 받으면 요청한 내용을 보내주는 프로그램 요청 [읽기 / 쓰기 / 수정 / 삭제] 읽기 : GET 요청 // 보여주세요 쓰기 : POST 요청 // 생성해주세요 (댓글작성, 포스트 작성) 수정 : PUT 요청 삭제 : DELETE 요청 Node.js 자바스크립트를 브라우저 외의 다른 환경에서도 실행할 수 있게 하려고 만든 실행환경 Node.js 특징 [Non-blocking I/O] 요청을 먼저 다 받은 다음에 빨리 처리되는 것 부터 처리해주고 그 다음 오래걸리는거 해줌 일러스트레이터 폰트 사이즈 단축키 1pt 단위로 하는 방법 안녕하세요, 이번 시간에는 일러스트레이터에서 폰트 사이즈를 1pt씩 증가/감소하는 단축키를 소개하려 합니다. 일러스트레이터 단축키는 helpx.adobe.com 에서 확인할 수 있듯 Ctrl + Shift + , 또는 . ( ) 입니다. 그러나 우리는 1pt 단위로 증가 / 감소하는 단축키를 원합니다. Edit - Preferences - Type 에서 Size/Leading 을 1pt로 변경하면 단축키를 입력했을 때 1pt 단위로 변경되게 됩니다. 일러스트레이터 블랜드 간격 조정 - 점점 좁게 이번 시간에는 일러스트레이터에서 블랜드 툴을 사용할 때 블랜드 되는 객체들의 간격을 점점 좁게 또는 점점 넓게 조절해 보겠습니다. 캡처로 남기기엔 설명할 부분이 많은 듯 하여 영상으로 짧게 남깁니다. 요약을 하자면 블랜드를 한 뒤에 블랜드 패스를 배지어 형태로 바꿔서 핸들을 조절함으로써 간격을 조절할 수 있습니다. 영상으로 보시는게 이해가 빠르리라 생각됩니다. 포토샵 점선 그리기 안녕하세요, 오늘은 포토샵으로 점선을 그리는 방법을 공유하려고 합니다. 방법은 다음과 같습니다. 먼저 Shape Tool 을 사용하여 사각형 (또는 원형)을 만들어줍니다. 그 다음 Direct Selection Tool 을 선택하고 그려놓은 사각형 쉐입을 선택한 뒤 화면 상단의 옵션에서 Fill 은 투명 Stroke는 원하는 색상으로 설정합니다. 그 다음 위의 그림처럼 Set shape stroke type 부분을 클릭하여 점선을 선택해줍니다. 선의 굵기와 점의 간격을 조절할 땐 굵기 : Set shape stroke width 수치 변경 점 간격 : Set shape stroke type 에서 More Option 을 클릭하여 간격 조정하면 됩니다. 자, 우리가 원하는 것은 사각형이 아닌 직선 점선이 .. 일러스트레이터 도형을 따라서 변하는 모양 만들기 매번 포스팅을 할 때마다 느끼는 것이지만 제목 짓기가 가장 어려운 것 같습니다. 이번 포스팅은 블랜드 툴을 사용한 모양 / 도형을 따라서 변하는 모양을 만드는 방법을 나눠볼 까 합니다. (이 포스팅은 일러스트레이터 CS6 기준으로 작성하였습니다.) 결론적으로 위의 이미지를 만들려고 합니다. 큰 사각형이 별 모양의 테두리를 따라서 작은 원형으로 모양을 바꾸게 되는 이미지 입니다. 준비물은 위와 같습니다. 사각형, 원형, 별모양 입니다. 사각형과 원형을 함께 선택하고 Object - Blend - Make (Alt + Ctrl + B) 를 선택합니다. 그 다음 필요한 작업이 이 부분입니다. Scissors Tool 을 사용하여 별보양의 한 점을 '연결해제' 하는 것입니다. 이렇게 하지 않으면 아래처럼 도형이.. 이전 1 2 3 4 5 6 7 다음
