본문 바로가기

Programming424

vscode 에서 revealjs 사용 vscode 에서 revealjs 사용 vscode : https://code.visualstudio.com/ revealjs : https://revealjs.com note: visual studio 코드에서 revealjs 를 사용하는 법을 알아보겠습니다. reveal.js 프레임워크만을 가지고 프리젠테이션을 만들 수 있습니다. 그러기 위해서는 node 를 설치하고 명령어를 입력해야 하는 번거로움이 있습니다. vscode 를 통해서 쉽게 사용해 보도록 하겠습니다. -- vscode? 비주얼 스튜디오 코드(영어: Visual Studio Code)는 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기출처: 위키피디아note: vscode 에 대해서 먼저 살펴보겠습.. 2018. 8. 7.
Big Data 플랫폼 구현기술의 이해 Big Data 플랫폼 구현기술의 이해 제타바이트의 시대 빅데이터란 기존의 관리 및 분석 체계로는 감당할 수 없을 정도의 거대한 데이터의 집합을 지칭 빅데이터의 정의는 데이터 규모와 기술 측면에서 출발했으나, 빅데이터의 가치와 활용효과 측면으로 의미가 확대되는 추세 ICT 주도권이 데이터로 이동 모바일, 클라우드, SNS의 등장으로 근본적인 인프라와 데이터의 변화가 일어나며 데이터를 바라보는 시각이 변화 축적과 공유를 통해 유의미하게 분석할 수 있는 데이터 자원(빅데이터)이 쌓이자 데이터의 역할은 분석과 추론(전망)의 방향으로 진화 빅데이터는 대용량 데이터, 비정형화된 데이터의 수집, 검색, 데이터 전처리 및 분석 기술, 시각화 기술 등이 중요 공간, 시간, 관계, 세상을 담는 데이터 최근 소셜 미디어에.. 2018. 6. 1.
스마트폰 앱 UI 디자인 패턴의 이해 스마트폰 앱 UI 디자인 패턴의 이해 디자인 패턴이란 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 활용한다는 의미로 쓰여졌으며, 특정한 상황에서 구조적인 문제를 해결할 수 있는 방식을 설명 어떠한 목적/기능을 위한 레이아웃을 디자인 함에 있어 콘텐츠, 버튼, 컴포넌트 등의 배치에 대한 디자인 패턴을 의미 스마트폰 앱 UI 디자인 패턴 목적/기능을 위한 레이아웃 요소의 배치 = UI 디자인 패턴 목적/기능에 부합한 용어를 정의하고, 해당 UI 디자인 패턴을 참조 동일 목적의 '타임라인'이더라도, 의도/목적에 따라 달라진다. UI 디자인 패턴 참조 사이트 구글에서 UI DESIGN PATTERN으로 검색 http://inspired-u.. 2018. 5. 23.
스마트폰 앱 UX/UI 디자인 스마트폰 앱 UX/UI 디자인 UI, UX의 정의 최종 사용자를 대상으로 제품/서비스가 디자인 되어야 한다. 컨텍스트는 제품 혹은 서비스를 이용하게 되는 사용자의 상황에서 육하원칙을 대입해서 생각해보는 방식이다. 인간 속성, 디바이스 특성, 비즈니스 목적이 조화롭게 개발/디자인 되어야 한다. UX 디자인의 정의 실제 그 제품을 사용하는 사용자를 대상으로 하여, 제품/서비스와 접하고 사용하는 모든 과정에 대해 사용자가 만족할 수 있는 가치를 제공하도록 디자인하는 것 스마트폰 앱의 UX 중요성 사용자의 특성 실내/실외 등 다양한 상황에서 스마트폰 앱을 사용하는 경우가 많다. 단순히 날씨 하나만을 위한 앱, 사진만 찍는 앱 등 사용자의 니즈는 데스크톱 앱에 비해 훨씬 적고 명확한 기능을 원한다. 스마트폰 앱 .. 2018. 5. 22.
[책] 리액트 네이티브 앱 제작 원론 [책] 리액트 네이티브 앱 제작 원론 리액트 네이티브 앱 제작 원론 에릭 마시엘로,제이콥 프리드만 공저/이태상 역 컴포넌트 업데이트 shouldComponentUpdate(nextProps, nextState){ if (this.props.uid !== nextProps.uid){ return true; } return false; } 리액트 네이티브 바벨이 낯설다면 https://babeljs.io/repl 에서 바벨 리플(Babel REPL)이라는 온라인 트랜스파일러를 사용해 볼 수 있다. 엑스코드 설치 홈브루 설치 https://brew.sh터미널에 붙여 넣어 실행한다. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebre.. 2018. 5. 21.
[책] React.JS 프로 리액트 (2/2) [책] React.JS 프로 리액트 (2/2) React.js를 이용한 모던 프런트엔드 구축 프로 리액트 React.js를 이용한 모던 프런트엔드 구축카시우 지 소자 안토니우 저/최민석 역 동형 리액트 애플리케이션 동형isomorphic 자바스크립트 애플리케이션은 코드가 전체 또는 부분적으로 클라이언트와 서버 간에 공유되는 애플리케이션이다. 리액트 컴포넌트의 테스트 Jest 제스트는 리액트가 권장하는 테스트 프레임워크다. 널리 이용하는 재스민Jasmine 프레임워크를 기반으로 하며 여러 유용한 기능이 추가됐다. 가상 DOM 구현으로 테스트를 실행한다.(따라서 테스트를 명령줄에서 실행 할 수 있다.) JSX를 기본적으로 지원한다. 웹팩 소스맵 생성 원래 작성된 파일을 가리키는 소스맵을 생성하는 devtoo.. 2018. 5. 20.

티스토리툴바