Asource

Vue * 아래 Vue 요약에 작성된 코드는 Vue-CLI, SASS 개발환경 기준입니다. 2:) 연산과 구문 요약 개발 언어가 무엇이던 더하기, 빼기, 곱하기 등의 기본적인 연산자와 조건문을 제공합니다. Vue도 개발 언어니 뷰 하기 나름의 기본 연산자를 제공하지요. 기본 연산 더하기, 빼기, 나누기, 곱하기 등 {{ text }} 페이지 렌더링 결과 15 11.5 2 * ( 15 + 3 ) = 36 -555 된다된다 구글링크 조건문 JS의 축약된 삼항 연산자로 조건문을 사용할 수 있습니다. 페이지 렌더링 결과 집이군 풀이하면 where 가 house 와 같으면 (?) '집이군' 표시, 아니면(:) '밖이군' 표시해~ 입니다 위의 조건은 단순해서 짧지만 일레먼트 안의 구문 내용이 너무 길면 가독성이 좋..

카테고리 없음 2019. 5. 31. 21:32

git 과 github 웹, IT관련 직종에 종사하고 있는 사람이라면 한번쯤은 들어봤을만한 단어다. 둘은 같아보이지만, 로고가 다른것을 보면 확연하게 다른 것임을 알 수 있다. 그렇다면 git 과 github 어떤 연관관계가 있는 것일까? 이 둘은 어떤것인가? Git 이란? Git 저장소(repository)에 소스코드 등을 넣어 이용하는 버전관리 소프트웨어. 데이터 저장소라는 개념으로 이해하면 쉬움. Github 이란? Git 저장소(repository) 호스팅 서비스 이 두가지 Git 과 Github을 사용하면 어떤것이 좋은지 차근차근 알아보기 전에 위에서 Git을 '버전관리 소프트웨어' 라 칭하였는데, 버전관리가 무엇인지는 다음시간에...

GitHub 2019. 5. 30. 22:45

Vue * 아래 Vue 요약에 작성된 코드는 Vue-CLI, SASS 개발환경 기준입니다. 1:) Directive 속성 요약 Vue가 제공하는 디렉티브 속성을 정리해 봅니다. "디렉티브 속성이란 무엇인가?" 풀이하자면 Directive는 '지시(하는)', 속성은 'Attribute'라 할 수 있는데 '속성으로 지시(전달)' 정도로 해석하면 그럴듯합니다. Vue는 엘리먼트(태그)에 v-xxxx 형식으로 직접 작성하는 자신만의 속성을 제공합니다. v-text data에서 은근하게 불러 온 텍스트를 지정한 엘리먼트에 표현합니다. 페이지 렌더링 결과 뷰리풀 v-once 단 한번의 전달! 처음 바인딩 된 값을 유지합니다. 은밀한 값을 받을 필요도 없으니 간단히 기본적인 중괄호 {{ }} 구문으로 처리한 예 입니..

카테고리 없음 2019. 5. 30. 20:03

오늘은 Git 저장소(repository)와 버전 생성법에 대해서 알아보는 시간을 가져보겠습니다. Git 저장소(repository) 생성하기 Git 저장소는 프로젝트를 시작하기 전에 반드시 생성해 주셔야 합니다. 기본 설정을 한다고 해도 무방하겠습니다. 프로젝트 폴더를 하나 생성해줍니다. 그리고 터미널을 통해 프로젝트 폴더로 들어가 주시면 되겠죠? 다음 기억해야 할 명령어! git init git init 이 명령어는 저장소를 초기화 하는 명령어입니다. 명령어를 실행하게 되면 Initialized empty Git repository in 폴더경로/.git/ 이라는 문장이 나올 겁니다. 이 문장의 뜻은 해당 폴더 경로에 '.git' 이라는 폴더가 만들어졌으며, git repository 가 초기화되었다..

GitHub 2019. 5. 29. 11:52

안녕하세요. 스케치의 대략적인 화면구성에 대해알아보겠습니다. 지난 시간에 설명드렸던 화면영역에 대한 명칭을 이렇게 정의하였습니다. 앞으로도 이 명칭으로 게속 사용하겠습니다. 참고 부탁드립니다. new document를 클릭하면 아래와 같은 화면이 보여집니다. 하나의 페이지가 생성이 된것을 알 수 있습니다. A를 눌러 아트보드를 생성 할 수 있습니다. A를 누루면 오른쪽에 애플디바이스별,안드로이드 디바이스별,리스폰스웹,페이퍼 사이즈에서 정해진 크기의 아트보드를 생성할 수 있습니다. 자신이 원한는 크기는 커스텀을 선택하시고 마우스를 드래그 하시면 아트보를 생성하시게 됩니다. 같은 크기의 아트보를 만드려면 아트보드를 선택하고 alt + 드래그 또는 아트보트 선택후 마우스 오른쪽키 클릭후 duplicate를 선..

Sketch App 2019. 5. 28. 22:23

시멘틱이란 '의미론적인'이란 뜻으로, 피씨가 레이아웃에 사용된 태그의 기능을 분별하기 위해 만들어진 것이 시멘틱태그입니다. 시멘틱태그로 구성된 기본적인 구조는 아래와 같습니다. 태그를 하나하나 살펴보겠습니다. 1. header 문서의 제일 상단에 위치하며, 웹사이트의 제목과 페이지를 소개하는 설명이 들어갑니다. 헤더에 작성된 내용은 실제 브라우저를 통해 볼수 있는것은 아니고, 브라우저가 해당 페이지를 파악하거나, 검색엔진의 색인에 도움을 주는 영역이라고 할 수 있습니다. 2. nav navigation영역을 말하며, 위치가 딱히 정해져 있진 않습니다. 네비게이션은 다른곳으로 이동하기 위한 링크 또는 이동방법을 말하며, nav태그가 생기면서 네비의 링크인지 단순링크인지, 링크의 종류 구분이 ..

HTML 시멘틱 2019. 5. 27. 11:44

오늘은 Git을 설치하고 기본 설정하는 법에 대해서 알아보도록 하겠습니다. Git 설치하는 방법은 운영체제 별로 다릅니다. 하지만, 기본적으로 Window 사용자와 Mac, Linux 사용자들에게 다운로드 링크를 제공하고 있기 때문에 편의성에 따라 설치해 주시면 되겠습니다. https://git-scm.com/downloads 불러오는 중입니다... 위 링크를 따라가, 자신의 운영체제에 맞게 설치해 주시기 바랍니다. Mac 사용자의 경우는 다른 설치방법도 알려드릴게요. 최근에 나오는 Mac 에는 Git이 기본적으로 설치되어 있습니다. 링크에 따라가서 설치하기 좀 걸리신다. 하시는 분들은 다음 순서를 따라해주세요. 1. 터미널 App을 실행한다. 2. 터미널 내에서 'git' 이라는 명령어를 입력한다. 3..

GitHub 2019. 5. 27. 10:38

스케치앱 프로그램을 알게 되었을때가 2016년도로 기억됩니다. 관심은 있었지만 업무와 관련되서는 사용할 기회가 없었는데, 요근래 업무를 진행하면서 스케치에 대해 알아 가고 있습니다. 먼저 스케치에 대해 느낌점은 가볍다,빠르다,배우기 쉽다? 아주 기본적인 팁만 알고 사용한다면 중급사용자로서 빠르게 편리하게 작업을 할 수 있을거라 생각이 듭니다. 툴바 : 도형을 넣거나 펜툴을 이용해 그리거나 오브젝트를 생성 또는 편집합니다. 레이어리스트 : 페이지와 심볼 아트보드 레이어를 보여줍니다. 일러스트의 레이어 패널과 비슷하다고 생각합니다. 캔버스 : 아트보드안에 속한 오브젝트가 보여집니다. 인스펙터 : 오브젝트의 속성을 편집할 수 있습니다. 상단메뉴에서 view>customize toolbar를 클릭하면 아래와 팝..

Sketch App 2019. 5. 24. 10:52