전체 글 (127) 썸네일형 리스트형 [Vue] 설치 설정 (mac.ver) 1. node.js 설치 vue cli는 뷰를 빠르게 실행 해주는 툴 2. 터미널에 설치 npm install -g @vue/cli 2-1. 에러 뜰 시, 관리자 권한으로 설치 sudo npm install -g @vue/cli 2-2. 버전 확인 vue --version 3. 프로젝트 생성 vue create ex) vue create new-cli-project 4. Manually select features 선택 5. 스페이스 누르고 enter 누르면 다음으로 이동 Babel, Router, Vuex 스페이스로 선택 6. yes 6. In package.json 선택 7. 위에 선택한 환경을 저장해둘래? 라는 의미 n 선택 8. 해당 프로젝트로 진입 cd new-cli-project 9. 터미널에.. [css] justify-content, align-items, flex-direction, order, align-self, flex-wrap, align-content justify-content 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬 flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. align-items 속성은 다음의 값들을 인자로 받아 요소들을 세로선 상에서 정렬 flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다. center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다. baseline: 요소들을 컨테이너의 시작.. [Javascript] filter filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // ["exuberant", "destruction", "present"] 이전 1 ··· 10 11 12 13 14 15 16 ··· 43 다음