Seongwon Lim

소프트웨어 프로세스란? 소프트웨어 개발 프로세스(software development process)는 소프트웨어 제품을 개발하기 위해 필요한 과정 또는 구조로 쉽게 설명하면 소프트웨어 제품이 만들어지는 일련의 단계라고 생각할 수 있다. 프로세스 구성 요소 사람 → 누가 참여하는지 구성 전반적인 프로세스 → 어떤 과정으로 진행될 것인지 구성 중간 산출물 → 중간중간 서비스 산출물을 나타내야 한다. 프로세스 단계 → 어디서 어떤 것을 할건지 정의한다. 일반적인 프로세스 단계 이전의 output은 다음 단계의 input이 될 수 있으며 다른 여러 input도 물론 들어올 수 있다. STEP1 : 요구사항 정의 현실 세계에서 사용자(고객)이 원하는 것이 무엇인지를 정의하는 것 여러 사람들이 모여서 계약 기반의..

서론 이번 포스팅 글에서는 이전에 구현한 라우팅을 이용해서 API를 구현할 때 발생하는 undefined error 를 해결하는 방법에 대해서 살펴보고자 한다. 익스프레스 환경에서도 req.body에 JSON 데이터를 담아서 보낼 때 undefined 에러가 발생하는 경우가 있었고 이 경우에는 body-parser 모듈을 이용해서 해결했었다. 익스프레스와 달리 코아에서도 코아 환경에서 사용할 수 있는 body-parser 모듈을 제공하고 있는데 설치 방법과 사용법에 대해서 살펴보고자 한다. 모듈 설치하기 npm install koa-bodyparser --save 사용 방법 const bodyParser = require('koa-bodyparser'); app.use(bodyParser()); 모듈을 ..

서론 이번 포스팅 글에서는 노드의 새로운 프레임워크인 Koa framework에 대해서 이야기해보고자 한다. Koa 프레임워크를 이용하여 서버를 세팅 후 실행하는 예제와 Express와 비교했을 때 라우팅 방법이 어떻게 다른지 살펴보고 라우팅을 하는 방법까지 살펴볼 것이다. What is Koa? Node.js의 웹 프레임워크인 Express 개발팀에서 2016년도에 개발한 새로운 웹프레임워크이다. Express와 비교했을 때 설계된 뼈대가 적지만 탄탄하며 Express보다 모듈화되어있어 원하는 대로 Middle Customizing 하는 데에 유리하다. 또한, 비교적 최근 만들어졌기 때문에 ES6 문법 기반으로 작성되어 async/await 로 발생하는 오류를 try/catch 없이 잡아낼 수 있다. ..

서론 웹페이지를 구성할 때 마우스가 올려져 있지 않은 요소들은 투명도를 연하게 주는 효과를 구현하는 예제를 살펴보고자 한다. 예를 들어 위와 같이 5개의 메뉴로 이루어진 홈페이지가 있다고 가정해보자. 우리는 New Arrivals라는 탭에 마우스를 올렸을 때 나머지 4개 메뉴에 대해서는 블러(Blur) 효과를 주어 사용자가 선택한 메뉴를 돋보이게 하고 싶은 경우가 있다. 이번 포스팅 글에서는 CSS의 옵션인 opacity를 이용해서 블러 애니메이션 효과를 구현해보고 추가적으로 마우스를 옮겼을 때 탭이 자연스럽게 이동하기 위한 transition 옵션을 살펴보고자 한다. HTML 코드 구성하기 New Arrivals Summer Collection Winter Collection Special Offers..

들어가기 해당 포스팅 글에서는 텍스트에 마우스를 호버링 했을 때 밑줄이 나타나는 애니메이션을 구현하고자 한다. 또한 호버(hover) 효과를 적용할 때 밑줄이 나타나는 모습은 다양하게 존재한다. 이번 글에서는 왼쪽에서 오른쪽, 오른쪽에서 왼쪽, 중앙에서 퍼져나가기 3가지 예제를 살펴볼 것이다. 이와 같은 텍스트가 존재할 때 HTML 코드는 다음과 같이 간단하게 구현할 수 있다. Navigation Hover Effect 필자는 나타나는 밑줄을 가상 요소 선택자를 이용해서 구현했다. 마우스가 호버링 되지 않았을 때에는 가상 요소 선택자를 보이지 않게 하고, 호버링 시 특정 시간동안 가상 요소 선택자가 서서히 나타나게끔 구현하는 것이 핵심이다. 이제 마우스 호버링 시 나타나는 이펙트를 구현해보자. 1. 중앙..

변수(Variable)란 무엇일까? 우리가 만드는 프로그램이란 수많은 데이터로 이루어져 있다. 그리고 그 데이터를 기반으로 컴퓨터에 명령을 주어 어떤 액션을 취하도록 하는 것이다. 그러면 데이터 는 무엇을 의미하는 것일까? 데이터는 문자나 숫자로 이루어진 것을 의미하여 파이썬에서는 문자와 숫자에도 여러 가지 자료형(type)이 존재한다. 이번 포스팅 글에서 설명하는 변수(Variable) 라는 단어의 의미는 이러한 여러 가지 자료형으로 이루어진 하나의 데이터를 저장하는 저장 공간이라고 이해하면 좋을 것 같다. 파이썬에서 변수를 만들 때 사용되는 자료형은 다음과 같은 것들이 존재한다. # 문자열, String이라고 표현한다. string_data = "hello world!" # 정수, Integer라고 ..

서론 이번 글에서는 공공데이터포털 웹사이트에서 제공하는 OpenAPI 사용 방법에 대해서 알아보고 해당 사이트에서 제공하는 여러 OpenAPI들 중에서 보건복지부 코로나19 감염 현황 데이터를 가져오는 예시를 들어보고자 한다. 공공데이터포털 국가에서 보유하고 있는 다양한 데이터를 개방하여 사용자들이 데이터를 쉽고 용이하게 활용하거나 사용할 수 있도록 수많은 데이터를 제공하고 있다. 공공데이터포털 회원가입 공공데이터포털에서 제공하는 OpenAPI를 사용하기 위해서는 해당 사이트의 계정이 필요하다. https://www.data.go.kr/uim/mss/socialMberInfoStep1FormView.do 해당 주소로 접속하여 회원가입을 진행할 수 있으며 네이버, 카카오를 이용한 로그인도 가능하므로 참고하..

서론 네이버 Open API를 사용해 네이버 뉴스 검색 결과를 출력해주는 API를 사용해보고자 한다. 네이버에서 제공하는 검색 API로는 뉴스 검색 결과 뿐만 아니라 블로그, 백과사전, 카페, 지식인등 다양한 카테고리를 제공하고 있지만 해당 포스팅 글에서는 예시를 살펴보고자 간단하게 뉴스 검색 결과를 다루고자 한다. https://developers.naver.com/ 위 사이트로 접속 후 Application 탭을 누른 뒤 애플리케이션 등록 을 누른다. 애플리케이션 이름 : 본인이 사용하고자 하는 이름을 등록 사용 API : 뉴스 검색 결과를 가져오는 API를 사용할 것이므로 검색 을 추가했다. 비로그인 오픈 API 서비스 환경 : 환경 추가를 누르고 WEB 설정을 눌러 로컬호스트를 등록하면 API를 ..

서론 이번 글에서는 쿠팡 홈페이지의 상품 정보들을 크롤링하는 예제를 다뤄보고자 한다. 상품의 이름, 가격, 리뷰 수, 구매 링크 내용을 크롤링하여 엑셀 파일에 저장하는 것까지 해볼 예정이다. 쿠팡 홈페이지를 상업적인 목적으로 크롤링하는 것은 저작권 침해로 문제가 될 수 있으므로 크롤링을 공부하는 목적으로 사용하여야 한다. 크롤링 시작하기 위처럼 필자는 쿠팡 검색어에 아이폰 키워드를 입력한 뒤 이동하는 주소에서 크롤링을 할 것이다. 주소는 여기를 클릭하면 바로 이동할 수 있다. 이제 화면을 살펴보자. 검색 조건에 별다른 필터를 주지 않았을 때 이와 같은 상품 목록들이 나왔다. 한 페이지에는 4개의 상품씩 총 9줄로 구성된 것을 확인할 수 있을 것이다. 필자는 상품 정보 중에서 상품명, 가격, 리뷰 수, 구..

서론 이전 포스팅 글에서 네이버 OpenAPI 사용 방법과 네이버에서 제공하는 API들을 포스트맨을 이용하여 사용하는 방법을 알아보았다. 이번 글에서는 파이썬으로 네이버 OpenAPI 사용을 위한 코드를 구현해보고자 한다. 포스트맨을 이용한 네이버 OpenAPI 사용 방법이 궁금한 분들이나 네이버 OpenAPI 사용 방법 과정이 궁금하신 분들은 여기를 참고하면 좋을 것 같다. 파이썬으로 네이버 Open API 사용하기 먼저 특정 웹사이트의 정보를 가져올 때에는 크롤링에서 많이 사용하는 requests모듈을 사용하여 웹사이트 정보를 가져올 수 있다. 이 때, 기존 크롤링에서 사용한 requests.get() 메서드에 2번째 인자로 네이버 OpenAPI 사용을 위한 Client ID, Client Secre..