오늘도 삽질

노트정리/자료구조

자료구조 스택/큐 개념과 구현 (with javaScript)

스택(Stack)과 큐(Queue) 스택과 큐는 기초적인 자료구조로 꼭 CS를 공부하지 않았어도 개발 공부를 하다 보면 한 번씩 들어보는 자료구조입니다. 실제 개발을 하면서 구현을 하기도 하며, 실 생활에서도 볼 수 있는 자료구조입니다. 많이 활용되고 유명하단 말이겠죠? 그리고 둘은 선형 데이터 구조로 선형구조는 데이터들이 일렬로 저장되어 있는 형태를 말합니다. 비슷한 점도 가지고 있지만 차이점도 있습니다. 스택과 큐의 개념과 몇 가지 대표적인 특성에 대해 알아보고 구현해보면서 비교해 보겠습니다. 스택(Stack) 특징 마지막에 들어온 게 먼저 나가는 Last In First Out 후입선출 구조를 가지고 있습니다. 데이터를 삽입하는 것을 Push, 삭제하는 것을 Pop이라 합니다. 스택에서 top이라는..

JavaScript

[TypeScript ] 쓰는이유? 사용해보기

Typescript 타입 스크립트는 마이크로소프트가 개발 유지하고 있는 오픈소스 언어로 2012 년 말 처음 발표되었습니다. 자바스크립트 대체 언어 중 하나이며 ESNext의 모든 문법을 포함하는 Superset입니다. 현재 표준 자바스크립트인 ES5, 매년 새로운 버젼을 발표하는 ESNext, 그리고 ESNext에 타입(Type)기능을 추가한 타입스크립트이다. Typescript 왜 쓰는 걸까? 여러 사람이나 팀이 협력해 하나의 제품을 개발하는데 이런 상황에서 항상 코드를 작성한 쪽과 사용하는 쪽 사이에 소통이 중요하다. 예를 들어서 A라는 개발자가 다음과 같은 코드를 만들었다고 가정해 보자. function kimPerson(name, age) { } B라는 개발자는 이코드를 이용하려고 다음 코드를..

JavaScript

Eslint 초기 설정하기

Eslint Eslint는 코드를 분석하여 에러를 찾아주고 일관적인 코딩 스타일로 작성할 수 있게 도와줍니다. 다른사람의 설정을 가져와서 사용할 수도 있고 외부에 공개되어있는 기업들의 설정을 가져와서 사용할 수도 있습니다. 2017년 에는 네이버에서도 Eslit 규칙을 공개 하기도 했습니다. Airbnb airbnb/javascript JavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub. github.com Google google/eslint-config-google ESLint shareable config for the Google JavaScript style guide..

Web/Tool

PowerMockup 파워목업 사용기

기획을 위해 스토리보드 툴이 필요한데 파워포인트로 간단하게 박스 몇개 그리는 일이니 단순해 보이기는 하지만 막상 파워포인트로 작업을 시작하면, 은근히 박스하나, 버튼하나 그리는 일이 부담으로 다가 옵니다. 이런 분들에게 희소식이 될 파워목업(PowerMockup) 플러그인을 소개 합니다. 공식 홈페이지는https://www.powermockup.com 이며, TRIAL버젼을 다운로드 받아 사용하실 수 있습니다. 약 800개 이상의 UI 개체를 제공하고 있으며, 단순한 도형이 아니라 크기 변화에 따라 레이아웃이 조정되는 파워포인트 도형으로 인식 됩니다. 처음에 설치가 완료되고 어떤 방식으로 사용하는지 소개해준다.800개가 넘는 와이어프레임이 각 카데고리별로 분류되어 제공되지만 일일이 찾기는 버거울 수 있습..