목록

'전체 글' 747건

코드로 놀고, 언어로 성장하는 공방.

  • API 서버 이해하기
    프로그래밍 언어/NODE JS · 댓글
    API는 Application Programming Interface의 두문자어로, 다른 애플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 허용하는 접점을 의미합니다. 웹 API는 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있는 창구입니다. 흔히 API를 '열었다'는 '만들었다'고 표현하는데, 이는 다른 프로그램에서 현재 기능을 사용할 수 있게 허용했음을 뜻합니다. 다른 사람에게 정보를 제공하고 싶은 부분만 API를 열어넣고, 제공하고 싶지 않는 부분은 API를 만들지 않는 것입니다. 또한, API를 열어놓았다 하더라도 모든 사람이 정보를 가져갈 수 있는 아니라 인증된 사람만 일정 횟수 내에서 가져가게 제한을 둘 수 있습니다. 위와 같은 서버에 API를 울려서 URL을 통해 접근할 수..
  • 에러 코드에 따른 예외 페이지 지정
    프로그래밍 언어/자바 웹 · 댓글
    다음은 web.xml에서 xml로 각각의 에러 코드에 대한 예외 처리 페이지를 지정하는 방법입니다. 오류코드 오류 페이지 위치 실제로 web.xml에 오류 페이지를 지정하여 실습해 보겠습니다.1. WebContent 하위에 오류 페이지들이 위치할 err 폴더를 만들고 error_404.jsp, err_500.jsp 파일을 준비합니다. 2. web.xml에 태그를 이용해 각각의 에러 코드에 대해 처리할 오류 페이지가 있는 경로를 지정합니다. 404 /error/error_404.jsp 500 /error/error_500.jsp 3. 404 오류를 처리하는 JSP 페이지인 error_404.jsp를 다음과 같이 작성합니다. 요청한 페이지는 존재하지 않습니다. 4. 500 오류..
  • 분류별 누적금액 시각화하기
    프로그래밍 언어/Python · 댓글
    시각화에는 다양한 유형이 있기 때문에 정보의 성격과 목적에 따라 정보 전달의 효과가 극대화되는 것을 잘 선택해야 합니다. 예를 들어 서로 다른 항목을 비교하거나 데이터의 추세를 부여주고 싶다면 바 차트(bar char)를, 분포나 상관관계를 보여 쥬고 싶다면 산점도(scatter plot)가 효과적입니다.전체 카드 지출 내역 중 분류별 누적 금액의 구성과 비율을 시각화하기 위해 데이터프레임을 파이 차트(pie chart)로 표현해 보겠습니다. matplotlib 패키지와 seeborn 패키지를 활용하여 파이 차트를 그려 봅니다. 데이터프레임 분할파이 차트는 너무 많은 항목을 시각화하기에는 적절하지 않으므로 차트에 표시할 데이터 개수를 적절히 조절하는 것이 중요합니다. 비주얼 스튜디오 코드에서 새로운 파일..
  • 프로젝트 마무리하기
    프로그래밍 언어/NODE JS · 댓글
    이제 팔로잉 기능 과 해시태그 검색 기능만 추가하면 됩니다. 다른 사용자를 팔로우하는 기능을 만들기 위해 routes/user.js를 작성합니다.const express = require("express");const { isLoggedIn } = require("./middlewares");const User = require("../models/user");const router = express.Router();router.post("/:id/follow", isLoggedIn, async (req, res, next) => { try { const user = await User.findOne({ where: { id: req.user.id } }); if (user) { a..
  • JSP 페이지 예외 처리 실습
    프로그래밍 언어/자바 웹 · 댓글
    1. 실습을 위해 WebContent를 아래 test02 폴더를 만들고 add.html, add.jsp, addException.jsp 파일들을 준비합니다. 2. add.html을 다음과 같이 작성합니다. 입력창에서 숫자를 입력 받아 action에 지정한 add.jsp로 전송합니다. 자연수를 입력하세요. 1부터 3. add.jsp를 다음과 같이 작성합니다. 페이지 디렉티브 태그의 errorPage 속성에 예외 처리 페이지인 addException.jsp를 지정하여 오류가 발생하면 예외 처리를 합니다. 합계 구하기 1부터 까지의 합은 입니다 4. 또 다른 JSP 페이지인 addException.jsp를 다음과 같이 작성합니다. 페이지 디렉티브 태그의 isErrorPage 속성을 true로 설정해..
  • 분류별 누적 지출 합계 구하기
    프로그래밍 언어/Python · 댓글
    이제 데이터프레임의 인덱스를 열로 전환하고, 분류별 누적 지출 금액을 확인할 수 있는 액셀 파일로 저장해 봅시다. 데이터프레임의 인덱스를 일반 열로 전환하면 특정 열을 기준으로 데이터를 정렬하거나 그룹화할 때 용이하기 때문입니다. 그 다음에는 코드를 재사용할 수 있도록 정리해 저장하겠습니다. 데이터프레임 인덱스 재설정이전 단계에서 만든 데이터프레임 df_sort에서 분류 열은 데이터프레임의 인덱스로 설정되어 있습니다. 일반 열로 변경해 봅시다.함수 reset_index()는 데이터프레임의 인덱스를 일반 열로 전환하고, 0부터 시작하는 정수를 인덱스로 재설정합니다.소스 코드 'step_3_1.py'에 이어서 다음 코드를 추가한 뒤, 대화형 창에서 실행하세요. [실행결과]를 보면 '분류'열이 일반 열로 이동..

API 서버 이해하기

API는 Application Programming Interface의 두문자어로, 다른 애플리케이션에서 현재 프로그램의 기능을 사용할 수 있게 허용하는 접점을 의미합니다. 웹 API는 다른 웹 서비스의 기능을 사용하거나 자원을 가져올 수 있는 창구입니다. 흔히 API를 '열었다'는 '만들었다'고 표현하는데, 이는 다른 프로그램에서 현재 기능을 사용할 수 있게 허용했음을 뜻합니다. 다른 사람에게 정보를 제공하고 싶은 부분만 API를 열어넣고, 제공하고 싶지 않는 부분은 API를 만들지 않는 것입니다. 또한, API를 열어놓았다 하더라도 모든 사람이 정보를 가져갈 수 있는 아니라 인증된 사람만 일정 횟수 내에서 가져가게 제한을 둘 수 있습니다. 위와 같은 서버에 API를 울려서 URL을 통해 접근할 수..

에러 코드에 따른 예외 페이지 지정

다음은 web.xml에서 xml로 각각의 에러 코드에 대한 예외 처리 페이지를 지정하는 방법입니다. 오류코드 오류 페이지 위치 실제로 web.xml에 오류 페이지를 지정하여 실습해 보겠습니다.1. WebContent 하위에 오류 페이지들이 위치할 err 폴더를 만들고 error_404.jsp, err_500.jsp 파일을 준비합니다. 2. web.xml에 태그를 이용해 각각의 에러 코드에 대해 처리할 오류 페이지가 있는 경로를 지정합니다. 404 /error/error_404.jsp 500 /error/error_500.jsp 3. 404 오류를 처리하는 JSP 페이지인 error_404.jsp를 다음과 같이 작성합니다. 요청한 페이지는 존재하지 않습니다. 4. 500 오류..

분류별 누적금액 시각화하기

시각화에는 다양한 유형이 있기 때문에 정보의 성격과 목적에 따라 정보 전달의 효과가 극대화되는 것을 잘 선택해야 합니다. 예를 들어 서로 다른 항목을 비교하거나 데이터의 추세를 부여주고 싶다면 바 차트(bar char)를, 분포나 상관관계를 보여 쥬고 싶다면 산점도(scatter plot)가 효과적입니다.전체 카드 지출 내역 중 분류별 누적 금액의 구성과 비율을 시각화하기 위해 데이터프레임을 파이 차트(pie chart)로 표현해 보겠습니다. matplotlib 패키지와 seeborn 패키지를 활용하여 파이 차트를 그려 봅니다. 데이터프레임 분할파이 차트는 너무 많은 항목을 시각화하기에는 적절하지 않으므로 차트에 표시할 데이터 개수를 적절히 조절하는 것이 중요합니다. 비주얼 스튜디오 코드에서 새로운 파일..

프로젝트 마무리하기

이제 팔로잉 기능 과 해시태그 검색 기능만 추가하면 됩니다. 다른 사용자를 팔로우하는 기능을 만들기 위해 routes/user.js를 작성합니다.const express = require("express");const { isLoggedIn } = require("./middlewares");const User = require("../models/user");const router = express.Router();router.post("/:id/follow", isLoggedIn, async (req, res, next) => { try { const user = await User.findOne({ where: { id: req.user.id } }); if (user) { a..

JSP 페이지 예외 처리 실습

1. 실습을 위해 WebContent를 아래 test02 폴더를 만들고 add.html, add.jsp, addException.jsp 파일들을 준비합니다. 2. add.html을 다음과 같이 작성합니다. 입력창에서 숫자를 입력 받아 action에 지정한 add.jsp로 전송합니다. 자연수를 입력하세요. 1부터 3. add.jsp를 다음과 같이 작성합니다. 페이지 디렉티브 태그의 errorPage 속성에 예외 처리 페이지인 addException.jsp를 지정하여 오류가 발생하면 예외 처리를 합니다. 합계 구하기 1부터 까지의 합은 입니다 4. 또 다른 JSP 페이지인 addException.jsp를 다음과 같이 작성합니다. 페이지 디렉티브 태그의 isErrorPage 속성을 true로 설정해..

분류별 누적 지출 합계 구하기

이제 데이터프레임의 인덱스를 열로 전환하고, 분류별 누적 지출 금액을 확인할 수 있는 액셀 파일로 저장해 봅시다. 데이터프레임의 인덱스를 일반 열로 전환하면 특정 열을 기준으로 데이터를 정렬하거나 그룹화할 때 용이하기 때문입니다. 그 다음에는 코드를 재사용할 수 있도록 정리해 저장하겠습니다. 데이터프레임 인덱스 재설정이전 단계에서 만든 데이터프레임 df_sort에서 분류 열은 데이터프레임의 인덱스로 설정되어 있습니다. 일반 열로 변경해 봅시다.함수 reset_index()는 데이터프레임의 인덱스를 일반 열로 전환하고, 0부터 시작하는 정수를 인덱스로 재설정합니다.소스 코드 'step_3_1.py'에 이어서 다음 코드를 추가한 뒤, 대화형 창에서 실행하세요. [실행결과]를 보면 '분류'열이 일반 열로 이동..