전체 글

Gyoogle (규글)
[Node.js] 3. Express 프레임워크(템플릿, URL)
·Node.js
템플릿 엔진 npm 패키지를 통해 jade(현재는 pug로 바뀜)를 설치한다. 1npm install pug --savecs 이제 app.js에 연결시켜줘야 한다. 1app.set('view engine', 'pug');cs 템플릿 pug 파일을 저장시킬 views 폴더를 하나 생성하고, app.js에 경로를 설정한다. 1app.set('views', './views');cs views 폴더에 템플릿 파일을 작성해보자. 우리는 pug를 이용하고 있으므로 temp.pug라고 만든다. temp.pug를 작성하기 전에, app.js에서 이 파일을 불러오도록 만들어야 한다. 12345 app.get('/template', function(req, res){ res.render('temp');}) Colored ..
[백준 2438] 별찍기 - 1
[백준 2438] 별찍기 - 1 문제 출처 - https://www.acmicpc.net/problem/2438 문제첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 입력첫째 줄에 N (1 N; if (N >= 1 && N
[백준 2750] 수 정렬하기
[백준 2750] 수 정렬하기 문제 출처 - https://www.acmicpc.net/problem/2750 문제N개의 수가 주어졌을 때, 이를 오름차순으로 정렬하는 프로그램을 작성하시오. 입력첫째 줄에 수의 개수 N(1 N; for(int i = 0; i > arr[i];}cs i가 N번 반복하면서, 내가 입력한 수들이 arr배열에 저장되었을 것이다. 이제 저장된 arr배열끼리 모두 비교하면서, 가장 작은 것부터 출력해야 한다. arr[0]과 나머지 배열 모두를 비교한다. 만약 arr[0]보다 작은 값이 있으면, arr[0]값과 해당 위치 배열의 값을 바꿔서 저장시킨다. 이러면 기존의 arr[0]의 값은 가장 작은 값이 있던 배열로 이동하고, 배열의 맨 처음은 현재 저장된 값 중에 가장 작은 수가 될..
[백준 1912] 연속합
[백준 1912] 연속합 문제 출처 - https://www.acmicpc.net/problem/1912 문제n개의 정수로 이루어진 임의의 수열이 주어진다. 우리는 이 중 연속된 몇 개의 숫자를 선택해서 구할 수 있는 합 중 가장 큰 합을 구하려고 한다. 단, 숫자는 한 개 이상 선택해야 한다. 예를 들어서 10, -4, 3, 1, 5, 6, -35, 12, 21, -1 이라는 수열이 주어졌다고 하자. 여기서 정답은 12+21인 33이 정답이 된다. 입력첫째 줄에 정수 n(1≤n≤100,000)이 주어지고 둘째 줄에는 n개의 정수로 이루어진 수열이 주어진다. 수는 -1,000보다 크거나 같고, 1,000보다 작거나 같은 정수이다. 출력첫째 줄에 답을 출력한다. 예제 입력 121010 -4 3 1 5 6 ..
[Node.js] 2. Express 프레임워크
·Node.js
[Node.js] 2. Express 프레임워크 노드보다 더 적은 코드로 많은 일을 해주는 프레임워크들이 존재한다.노드를 이용한 프레임워크 중 하나인 Express에 대해 알아보자 Express 사이트 : http://expressjs.com/ko/starter/installing.html - Express 설치우리 프로젝트 경로에서 npm으로 설치해보자 1npm install express --savecs 간단한 웹 애플리케이션 만들기 해당 예제는 Express 사이트에서 시작히기 메뉴에 'Hello World'를 통해서도 볼 수 있다.app.js라는 파일을 만들고 express를 이용해 코드를 작성해보자지금 할 파일에서는, 앞으로 우리가 만들어갈 프로젝트 내에서 main 파일에 해당하는 내용이다. 1..
구글 드라이브를 통해 외부 이미지 링크 저장하기
·정보
구글 드라이브를 통해 외부 이미지 링크 저장하기 마크다운으로 파일들을 저장할 때, 이미지를 삽입하기 위해서 구글 드라이브를 활용할 수 있다. 구글 드라이브에 올린 사진의 주소를 통해서 를 이용하여 주소를 입력하면 외부 사용자들도 이미지를 볼 수 있게 된다. 이미지의 주소를 가져오는 방식은 다음과 같다. - 이때 구글 드라이브 안의 사진을 모든 사용자가 공유할 수 있도록 설정을 해주자 위의 주소를 바로 마크다운으로 가져와 사용하면 이미지를 가져올 수 없다고 뜬다.따라서 외부에서 참조 가능한 주소로 변환을 시켜주어야 한다. 다음은 주소가 외부에서 참조 가능하도록 만들어주는 소스 코드를 html화 시킨 것 화면이다. Google Drive path Make Google Drive Path Linkable Li..
[Node.js] 1. 시작 및 주요개념 정리
·Node.js
서버 측 자바스크립트와 nodejs 소개 자바스크립트가 생기면서, 웹을 동적으로 변화시키게 되었다. 사용자와 상호작용하게 되는 복합적인 기능들을 사용할 수 있게 되면서 웹에 대한 중요한 발전 계기가 된 것이 바로 자바스크립트! 최초의 자바스크립트에서는, 웹에서만 동작했다. 따라서 당시에는 크게 효용성이 없던 언어였지만, 2004년 구글의 gmail, gmap 서비스에 의해 다른 변화가 일어나기 시작한다. 지금까지 전세계적으로 인기를 끌며 사용되고 있는 이 서비스에서 자바스크립트를 사용한 것이다. 그리고 2008년, 다시한번 구글에서 크롬 브라우저를 개발하기 위한 자바스크립트 V8엔진을 만들었다. 구글은 이걸 오픈 소스로 공개하면서, 앞으로 웹이 아닌 다른 영역에서도 자바스크립트가 들어가게 되는 혁명과도 ..
[백준 1149] RGB 거리 문제
[git] 백준 1149, RGB거리 문제 출처 - https://www.acmicpc.net/problem/1149 문제 RGB거리에 사는 사람들은 집을 빨강, 초록, 파랑중에 하나로 칠하려고 한다. 또한, 그들은 모든 이웃은 같은 색으로 칠할 수 없다는 규칙도 정했다. 집 i의 이웃은 집 i-1과 집 i+1이다. 처음 집과 마지막 집은 이웃이 아니다. 각 집을 빨강으로 칠할 때 드는 비용, 초록으로 칠할 때 드는 비용, 파랑으로 드는 비용이 주어질 때, 모든 집을 칠할 때 드는 비용의 최솟값을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 집의 수 N이 주어진다. N은 1,000보다 작거나 같다. 둘째 줄부터 N개의 줄에 각 집을 빨강으로 칠할 때, 초록으로 칠할 때, 파랑으로 칠할 때 드는 비용이 ..
Gyoogle
Gyoogle (규글)