Web Technology
이민예 2019-08-12
Web Technology
Web 에 대한 이해
웹 프로그래밍, 즉 웹 사이트를 개발하기 위해서는 웹사이트의 동작원리를 이해해야합니다. 모든 웹 페이지는 서버상의 지정된 경로에 저장되고, 웹 서버라는 서버 프로그램 환경에서 사용자에게 서비스됩니다.
웹 서버는 HTTP요청을 받아 웹 브라우저에게 정적인 컨텐츠(HTML, CSS, Javascript)를 제공합니다. 이러한 사용자에게 보여주는 정적인 컨텐츠를 개발하는 기술을 Front-End 라고 말합니다. 반면, DB 조회나 다양한 로직 처리를 담당하는 분야는 백앤드입니다. 일반적으로 Web 서비스는 프론트앤드/백앤드를 말하지만, 넓게는 DB 설계 또는 Procedure 개발, 웹서버가 설치 되어 있는 운영체제에 대한 이해 및 클라우드 컴퓨팅을 사용한다면, 클라우드 벤더사의 웹에 관한 IaaS, PaaS 인프라를 이해할 필요가 있습니다.
Web 서비스 구조
Front-end
ReactJS
외부 라이브러리와 호환 가능
확장성 및 재활용성의 우수
단방향과 VirtualDom 을 이용해서 빠르게 Dom을 갱신하므로 SPA(Single Page Application) 을 구현하기 편함
AngularJS
양방향 통신이므로 빠르게 개발이 가능
MVP에 적합
VueJS
TypeScript
Back-end
Spring (JAVA)
많은 개발자들이 오랫동안 사용하고 유지한만큼, 버그와 보안 문제가 많이 잡혀 있어 안정성이 우수.
정형화된 패턴으로 개발하여 자유도 낮음
엔터프라이즈급 프로젝트에 적합
Node.js (javascript)
프론트앤드, DB 를 포함하여 모든 스택에 자바스크립트를 사용하기 편함
자바스크립트 한가지 언어로 통일 가능
npm을 통해 최신 트랜드를 많이 반영할 수 있음
빠르게 돌아가는 프로젝트 및 mvp 에 적합
프로젝트 기간: ~ 2020.03
심전도 분석 결과 열람 및 진단 정보 저장용 PC/Web 기반 소프트웨어 개발
사용자 : 의료진
목적 : 환자의 심전도 데이터 열람 및 진단 정보 입력
Web의 특징
환자의 진단 기록을 다루기 때문 보안 중요
의료진이 기존에 느꼈던 불편함을 최소화하는 SW 개발 필요
Web Technology Stack
Reference
Linux에 Azure App Service에 Spring Boot JAR 파일 웹앱 배포 https://docs.microsoft.com/ko-kr/java/azure/spring-framework/deploy-spring-boot-java-app-with-maven-plugin?view=azure-java-stable
프로젝트 기간: 2016.03 - 2019.05
기업 비재무 정보 제공 플랫폼 (후즈굿) 개발
사용자: 자산운용사
역할 : 웹 서비스 풀스택 운영
업무 :
기업 정보 시스템 (Dart) 에서 기업 정보 크롤링 (JAVA)
MSSQL DB 프로시저 개발
SVG, HighChart.js 등 자바스크립트를 활용한 데이터 애니메이션 시각화
AngularJS 를 이용한 관리자 페이지 구축
Stripe 결제 플러그인을 이용한 구독 플랜 및 결제 시스템 구현
Let’s encrypt 를 이용한 웹 프로토콜 (HTTPS) 보안상 적용
GIT을 활용한 소스코드 관리
PhantomJS 를 활용한 PDF 보고서 추출 기능 개발
Web Technology Stack
프로젝트 기간: 2016.07- 2016.08
유해 화학물질 정보 제공 플랫폼 (태클톡스) 개발
사용자: 환경에 관심있는 모든 사람
역할 : 웹 서비스 풀스택 운영
업무 :
화학물질 종합 시스템( PRTR )에서 크롤링
위도, 경도 데이터를 활용한 MSSQL 프로시저 개발
지도 시각화 ( ESRI ArcGIS API )
MAP API 분야에서 3위를 수여 ( '17 ESRI 국제 사용자 컨퍼런스 )
Web Technology Stack
프로젝트 기간: 2018.03- 2019.05
뉴스 기반의 비재무 분석 플랫폼 (IA) 개발
사용자: 자산운용사
역할 : 웹 서비스 풀스택 운영
업무 :
한국언론진흥재단 – BigKinds 에서 배치한 국내 주요 54개 언론사의 뉴스 크롤링
MSSQL DB 에 적재 후 프로시저로 데이터 호출
SVM 분류 모델에서 총 16개의 비재무 이슈를 분류 온톨로지 기반의 뉴스 기사의 위험도 산출
다양한 시각화 라이브러리를 활용한 뉴스 빅데이터 정보 시각화 비재무 이슈 트랜드 분석
Web Technology Stack
프로젝트 기간: 2018.04 - 2019.01
가상화폐 거래소 차트 시각화
사용자: 거래소
역할 : TradingView 차트 시각화
업무 :
거래소 DB 조회 로직 작성
TradingView API를 활용한 가상화폐 거래량 데이터 시각화
코인알파고, 비트제트, Exraya, 등의 가상화폐 거래소 차트 개발
Web Technology Stack
프로젝트 기간: 2019.07 - 2019.07
도서 빅데이터 검색 시스템 개발
사용자: 10~20대
역할 : 웹 서비스 풀스택 운영
업무 :
회원가입 후 로그인 인증 절차를 밟아야함.
키워드를 통해 책을 검색하실 수 있으며, 결과는 페이지네이션 형태로 제공됨.
Info를 클릭하여 도서 상세 조회가 가능함.
Keyword 버튼을 클릭하여 본인이 찾은 도서 키워드 확인 가능함.
인기 키워드를 좌측 메뉴에서 확인 가능함.
Web Technology Stack
Last updated
