CyberImagination BLOG 217

[번역] 마이크로 서비스 보안을 위한 10가지 팁

이번 아티클은 원작자 Scott Matteson의 동의를 얻어서 “10 tips for securing microservice architecture” 글을 번역하였습니다. 참고적으로 10가지 tip 부분은 최대한 원래 의미를 가져가면서 의역을 하였습니다.원본 : http://www.techrepublic.com/article/10-tips-for-securing-microservice-architecture/10 tips for securing microservice architecture 마이크로 서비스는 소프트웨어 개발을 가속화하고 개선하는 혁신적인 방법입니다. 이 용어는 개별적으로 개발할 수 있고 종종 특정 기능에 초점을 맞추는 응용 프로그램 하위 구성 요소 (재료 고려)를 나타냅니다. 예를 들어..

프론트엔드 2017.04.12

Node.js 기초부터 튼튼히 (1) 시작하기

Node.js에 대한 더 자세한 내용을 살펴보고 싶다면, 아래 링크를 클릭해주세요. ▶ Node.js 기초부터 튼튼히 (2) 내장 모듈 ▶ Node.js 기초부터 튼튼히 (3) 이벤트 Node.js 기초부터 튼튼히 (1) 소개 Node.js는 서버 환경에서 작동하는 자바스크립트입니다. 자바스크립트 기반의 서버 개발 환경이라니? 사실, 자바스크립트를 통해 서버 개발 환경에서 활용하기에는 속도가 문제가 되었어요. 노드JS 는 flicker(온라인 사진 공유 커뮤니티)에서 개발/운영을 담당하였던 Joynent 라는 회사의 라이언 달(Ryan Dahl)이라는 개발자가 만든 기술입니다. 당시 플리커에서 사진을 업로드하게 되면 업로드 진행상황에 대하여 알려주는 기능이 있었는데 파일 업로드 진행 현황을 서버 쿼리에 ..

프론트엔드 2017.04.04

딥러닝에 대하여 2 - 파이썬 설치 및 기초 활용

딥러닝에 대하여 2 - 파이썬 설치 및 기초 활용 저번 딥러닝 포스트에서 다음화는 활성화 함수에 대해 쓸 것이라고 했는데, 대신 파이썬 설치 및 기초 활용에 대해 쓰려고 합니다. 앞으로 해 볼 예제들이 파이썬 코드이기 때문에 우선 파이썬을 설치하고 기초적 활용은 알아야할 시간이 필요하다고 생각했기 때문입니다. 파이썬을 설치하고 코드를 작성해보기 전에 파이썬이라는 언어에 대한 이야기를 잠깐 해보려합니다. - 파이썬(Python)에 대한 배경 지식 파이썬은 오픈 소스로 배우기 쉬우며 컴파일 과정이 없어 편리하고 빠른 것을 장점으로 내세우고 있습니다. 파이썬은 네덜란드인인 'Guido Van Rossum' 이란 프로그래머가 만든 언어로, Python 1.0이 1994년 1월에 릴리즈되었으니 벌써 20년이 훌쩍..

백엔드 2017.04.03

CSS vs JS Animation: Which is Faster?

이 글은velocity.js 라는 javascript 기반 라이브러리가 애니메이션 효과에 대해서 jquery 라이브러리나 css보다도 성능이 우수하다는 글입니다.css가 jquery 애니메이션보다는 빠르다는건 이해가 잘 되는데자바스크립트 라이브러리가 css보다 빠르다는건 솔깃할만한 이야기 입니다.영문으로 되어 있어 번역 해봅니다.출처는https://davidwalsh.name/css-js-animation입니다. 구글이나 어도비 같은 회사들이 모바일 페이지에서 native app 같은 페이지 성능을 내는 이유는 무엇일까요?이 글은 velocity.js, GSAP 같은 DOM 라이브러리를 소개합니다. 이들은 jquery animation이나 css보다 빠릅니다. 우선 jquery부터 살펴봅니다.jquery..

프론트엔드 2017.03.28

thymeleaf (server-side template engine) 사용법 정리 - 1

저희 회사 제품인 CMS 솔루션 bizXpress는 Thymeleaf Template Engine 2.1.5 을 채택하여 사용하고 있습니다. 과거에는 JSP만 사용하다가 Thymeleaf 를 처음 접하면서 조금 생소하고 비교적 까다로운 사용법 때문에 적응하기 힘들었는데 지금은 모든 팀원들이 어려움 없이 잘 사용하고 있습니다. 저희들과 같이 Thymeleaf를 처음 접하는 분들에게 조금 이나마 도움이 될 수 있지 않을까 해서 자주 사용했던 기능들을 예제 위주로 정리 해보겠습니다. Thymeleaf는 Server-side Template Engine으로 순수 HTML문서에 HTML5문법으로 Server-side 로직을 수행하고 적용시킬 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14..

유용한 정보 2017.03.27

java Generics && Netty Bootstrap

1public abstract class AbstractBootstrap implements Cloneablecs이번에 Netty의 소스코드를 분석 하는중 만난 한줄의 class 선언부 입니다. 오늘은 이 한줄의 의미를 파악하기 위해 자바의 Generics 에 대해서 이야기 해보고자 합니다. 1. GenericsGenerics는 자바 1.5부터 지원되기 시작한 개념입니다. Generic을 적용하는 가장 큰 이유는 타입을 클래스, 인터페이스, 메소드를 정의할 때 파라미터화 할 수 있다는 것입니다. 메서드 선언에 사용되는 파라미터 형식처럼, 타입 파라미터는 다른 입력값에 대한 동일한 코드 재사용을 할 수 있는 방법을 제시합니다. 또한 Generic을 적용하면 다음과 같은 장점을 가질 수 있습니다.1. com..

백엔드 2017.03.20

API Security - (RESTful) API 구현시 보안처리 방법

보안은 IT시스템 구축 시 지금까지 그랬고 앞으로도 가장 주요한 분야입니다. 아무리 새롭고 편한 아키텍쳐 및 솔루션이라고 하더라도 보안이 문제가 있다면 기업에 적용 이유는 사라집니다. 이번에는 API기반의 서비스 구축 시 고려되어야 할 API 보안관련 내용을 정리해 보았습니다. OWASP의 REST Security Cheat Sheet 를 참조하지만 해당 내용이 현실적인 문제점을 놓치는 부분이 많아서 추가적이 사례를 정리해 보았습니다. Session management RESTful web services (API Service)는 API Key 또는 POST 방식의 body 영역에 포함된 cookie를 통해 필요 시 session 관리를 해야 합니다. 또한 username 이나 패스워드 token 또는..

프론트엔드 2017.03.15

The State of Front-End Tooling - 2016

안녕하세요 쥬벨롶입니다. 이전에 DJ.VUD님이 작성하셨던 The State of Front-End Tooling - 2015 (바로가기) [프론트 엔드 개발툴 현황]을 이어 2016년도에는 어떠한 개발툴들이 사용되었는지, 작년과 어떻게 달라졌는지, 비교해보면서 트렌드까지 함께 알아보려합니다. 위 차트는 webPonent Chart로 제작되었습니다 2016년도 설문에는 2015년도자 survey 보다 2.3배 더 많은 프론트앤드 개발자들이 설문에 참여하였는데요. 이제 어떠한 결과들이 나왔는지 함께 볼까요? General Front-end Experience & Knowledge (프론트-엔드 개발 경력 및 지식) 지식 CSS JS 초심자 78명 197명 초급개발자 424명 553명 중급개발자 1,243명..

유용한 정보 2017.03.08

딥러닝에 대하여 1 - 딥러닝과 머신러닝, 그리고 신경망 기초 개념

딥러닝에 대하여 1 - 딥러닝과 머신러닝, 그리고 신경망 기초 개념 2017년에 들어서면서, 올 한해 동안 지속적으로 공부하고 알고 싶은 주제를 선택하여 블로그에 연재를 해보자는 계획을 갖게 되었습니다. 계획을 실천하기 위해 고심하여 선택한 주제는 바로 '딥 러닝(deep learning)'입니다. 평소에 업무를 보면서 자연스레 접하기는 힘든 분야이지만, 작년에 뜨거운 관심을 받았던 알파고와 이세돌의 대결 덕분에 머신 러닝과 딥 러닝에 호기심을 갖게 되었습니다. 그렇게까지 알파고가 압승을 하리라고는 생각지도 못해서 저에게는 꽤나 충격이었습니다. 올해는 개인적인 공부와 블로그 연재를 통해 단순한 호기심을 벗어나 이해하고, 딥러닝 기술을 활용한 작은 프로젝트를 하나 만들어 보는 것이 목표입니다. 과연 저는 ..

백엔드 2017.03.06

flexbox 사용법

안녕하세요flexbox사용법을 소개합니다.flexbox는 점점 대세가 되어갈 레이아웃을 잡는 방법입니다.기존에는 float left, right, display : table-cell 심지어 css에 *을 붙여 핵을 쓰기도 했었습니다.이제 반응형을 포함하여 모든 브라우저에 동일하게 레이아웃을 잡을 수 있습니다. 이제 flexbox 사용법과 관련 속성을 설명합니다부모태그에 display : flex;를 줍니다. (display : inline-flex;도 가능) bizXpresswebponent.parentNode {display: flex;} 여기에 부모에 줄수 있는 css 속성들이 몇가지 있습니다.flex-direction: row || column || row-reverse || column-reve..

프론트엔드 2017.02.28