Dev
-
[알고리즘]1152번 단어의 개수 - 백준 온라인 저지Dev/Algorithm 2018. 5. 20. 00:42
1152번 단어의 개수 출력하기 - 백준 온라인 저지 이 문제를 보고 간단히 나는 split 함수를 써서 배열의 길이를 출력 하면 될 줄 알았다. 그래서 멍청한 나는 다음과 같이 코딩을 하였다. import java.util.Scanner; public class findWord { public static void main(String[] args) { Scanner scan = new Scanner(System.in); String line = scan.nextLine().trim(); String arr[] = line.split(" "); System.out.println(arr.length); } } 하지만 이렇게 코딩을 하면 예를 들어 'A B' 와 같은 테스트 케이스는 단어의 개수인 2 를 ..
-
[DEV]SPA 알아보기 - Single Page ApplicationDev 2018. 5. 18. 22:24
Single Page Application - SPA에 대해서 알아보자 SPA? SPA란 Single Page Application 의 약자로, 단일 페이지 어플리케이션 이라고 불립니다. 말 그대로'페이지가 1개인 어플리케이션' 입니다. 기존에 있던 웹 페이지들은 여러 페이지로 구성이 되어 있었습니다. 그래서 사용자가 요청할 때마다 페이지가 새로고침 되며 그때마다 서버에 요청하고 응답받은 내용을 브라우저에 표현해주었습니다.하지만 과도한 네트워크 트래픽을 유도하게 되었고, 편의성마저 떨어지게 됩니다. 이는 현재 매우 많은 데이터를 가진 웹 환경을 표현하기에는 문제가 있었고, 이것을 나름대로 캐싱, 압축하는 방법으로 해소하고자 하였지만, 결국에는 한번에 모든 HTML, CSS, JS를 해석한 뒤에 화면에 렌..
-
[알고리즘] 벌집 - 백준 온라인 저지Dev/Algorithm 2018. 5. 10. 14:07
벌집 방 구하기 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1 부터 시작해서 이웃하는방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌을 때, 벌집의 중앙 1에서 N번 방까지 최소 개수의 방을 지나서 갈 때 몇개의 방을 지나가는지(시작과 끝을 포함하여) 를 계산하는 프로그램을 작성하시오. 예를 들면 13까지는 3개, 58까지는 5개를 지난다. 입력 : 첫째 줄에 N(1
-
[CSS]Less 알아보기 Less.jsDev/CSS 2018. 5. 10. 11:26
CSS 전처리기인 Less.js에 대하여 알아봅시다. 본 포스팅은 http://lesscss.org/ 를 한글로 번역한 문서입니다. 개요 Less는 CSS의 하위호환된 언어입니다. 본 포스팅은 Less 공식 문서를 번역한 것으로, Less 언어 와 Less.js에 대한 내용으로 구성되어 있으며, 이것은 Less 스타일을 CSS 스타일로 변환해주는 자바스크립트 툴 입니다. 이 글에서는 Less의 간단한 기능들을 살펴보겠습니다. 설치 Node.js 에서 사용하기 > npm install -g less > lessc styles.less styles.css 브라우저에서 단에서 사용하기 변수 변수에 대한 내용은 크게 설명하지 않아도 쉽게 이해할 수 있습니다. @nice-blue : #5B83AD;@light-b..
-
[JS] ECMA2018 : ES9 알아보기Dev/JS 2018. 4. 28. 21:21
ES9 마지막으로 진행된 TC39 회의에서 "ECMAScript 2018 Language Specification" 에 적용할 새로운 기능들이 정해졌습니다. 기능들은 ES8의 통합 이후, 4단계에 도달한 모든 기능들이 선택되었습니다. 이 글에서는 간단한 3가지 기능들을 알아봅니다. ㄴ> 4단계 : TC39 위원회에서는 5단계에 이르는 프로세스를 통해 새로운 기능을 개발합니다. 이때 4단계는 "완료" 단계라고 할 수 있습니다. Rest/Spread Properties 구조가 해체될 때, Rest/Spread Properties 는 선택되지 않은 객체의 남은 프로퍼티들을 새로운 객체에 옮겨집니다. Rest Properties const data = { a: 1, b: 2, c: 3, d: 4}; const ..
-
[JS] Redux Thunk 알아보기Dev/JS 2018. 4. 28. 20:01
Redux 미들웨어인 Redux Thunk에 대해서 알아봅시다. redux-thunk 도큐먼트를 번역하였습니다. Redux Thunk? Redux Thunk는 리덕스의 미들웨어로서, 액션 생성자를 작성하면 액션 대신에 함수가 반환되게끔 할 수 있습니다. 또한, 액션을 디스패치 할때 delay를 줄 수 도 있고, 아니면 특정한 조건이 만족되면 디스패치 할 수 있는 기능도 있습니다. 그리하여 내부 함수에서 dispatch, getState와 같은 메소드를 매개변수로 받을 수 있습니다. const INCREMENT_COUNTER = 'INCREMENT_COUNTER'; function increment() { return { type: INCREMENT_COUNTER };} function incrementA..
-
[JS] 테스트 프레임워크 Mocha.js 시작하기Dev/JS 2018. 4. 22. 00:50
Javascript에서 사용할 수 있는 테스트 프레임워크인 Mocha를 사용해보자 설치하기 먼저, npm을 사용해서 global로 설치해 주세요 $ npm install mocha --global 혹은 자신의 프로젝트에 dependency로 설치해 주세요 $ npm install mocha --save-dev > Mocha 3.0.0 혹은 이후의 버전을 npm으로 설치할 때, 자신의 npm 버전이 2.14.2 이상이여야 설치가 가능합니다.추가로, Mocha를 실행시키려면 Node.js 버전 4 이상일 때 실행 가능합니다. 시작하기 자신이 사용할 폴더를 만들고, 그 안에 test.js 라는 파일을 생성한 후, 에디터에서 실행시켜주세요. 에디터를 연후, 다음 코드를 넣어주세요 var assert = requ..
-
[CSS] CSS Preprocessor - Sass | Sass란?Dev/CSS 2018. 4. 21. 17:31
CSS 전처리기 Sass에 대해 알아보자 1. CSS Preprocessor(전처리기) CSS는 배우기 아주 쉽지만 CSS로 개발을 하다보면 금세 지저분해지는 경우를 볼 수 있습니다. 예를 들어 같은 스타일을 적용해야 하는 요소들이 있다면 코드를 복사해서 붙여야하고, 수정이 필요할 때에는 일일이 찾아서 수정해야 하는 번거로움이 있습니다. 이러한 문제점때문에 CSS 전처리기(Preprocessor)가 나오게 되었고, 이는 CSS가 동작하기 전에 미리 동작합니다. CSS 전처리기의 종류에는 대표적으로 Sass, Less, Stylus 가 있습니다. 이번 포스팅은 Sass에 대해 알아보고, 간단한 기능들을 설명하도록 하겠습니다. 2. Scss? Sass는 처음에 들여쓰기를 감지하여 그것을 중요한 핵심으로 여겨..