개발 (146) 썸네일형 리스트형 [CSS] display: flex / flex-direction 속성으로 div 정렬하기 display: flex - 부모 요소에 "display: flex" 스타일 추가 - 정렬할 방식에 따라 flex-direction 속성에 값 설정 예) 오랜만!!! 1 2 3 사용할 요소 1. div 가로로(일렬로) 정렬 : 부모 요소 스타일에 "flex-direction: row" 추가 - 좌측정렬되며 div 하나하나가 한 열을 차지한 것처럼 보여짐 2. div 가로(일렬) 역순으로 정렬 : 부모 요소 스타일에 "flex-direction: row-reverse" 추가 - 역순으로 우측정렬되며 div 하나하나가 한 열을 차지한 것처럼 보여짐 3. div 세로로 정렬 : 부모 요소 스타일에 "flex-direction: column" 추가 - div 기본 속성인 block처럼 각 div가 하나의 컬럼을.. [Git] 깃 명령어 - 파일 생성 및 추적 등록 / 커밋 / 이력관리 1. 파일 생성 2. 추적 등록 3. 커밋 실행 (+ 커밋메세지 작성) 4. 코드 수정 - 수정된 코드는 워킹 디렉토리로 이동 5. 스테이지 재등록 6. 커밋 실행 (4 ~ 6 반복) - VScode를 이용하여 파일 작성 $ code 파일명 - 깃 상태 확인 $ git status 새 파일이 등록되면, Untracked files : ... 메시지 출력 - 추적 상태로 변경 $ git add 파일명 ------------------- 해당 파일을 추적상태로 변경 $ git add . ------------------- 전체 파일과 폴더를 모두 등록 - 파일 등록 취소 $ git rm --cached 파일명 > HEAD : 커밋을 가리키는 묵시적 참조 포인터.. [Git] 깃 명령어 - 저장소 생성 및 파일 상태 1. 폴더 생성 2. 저장소 초기화 3. 저장소 생성 (숨겨진 저장소 .git 생성) 4. 사용자 설정 - 폴더 생성 (새로만들기 > 폴더 와 동일) $ mkdir 폴더명 - 폴더로 이동 (우클릭 > Git Bash here 과 동일) $ cd 폴더명 - 초기화 $ git init 경로명 $ git init . --------------------------- 경로명 또는 . : 현재 폴더에서 초기화 - 숨겨진 .git 폴더 확인 $ ls -a ------------------------- -a : 숨겨진 파일도 출력 - 로컬 사용자 $ cd 저장소 폴더 -------- 깃 저장소 폴더 $ git config user.name "사용자이름" $ git config use.. [Vue.js] Vue 데이터 바인딩(binding) - 태그 속성(attribute) 바인딩 - 태그 속성 바인딩 v-bind: 디렉티브 사용 (v-bind 생략 후 :(콜론)으로 사용 가능) - img 요소 src v-bind:src 디렉티브 사용 - button 요소 disabled Click [Vue.js] Vue 데이터 바인딩(binding) - 문자열 / input / textarea / select 바인딩 - 문자열 데이터 바인딩 {{}} 이중 중괄호를 이용하여 데이터 바인딩 Hello, {{title}}! - HTML 데이터바인딩 v-html 디렉티브 사용 {{htmlString}} - input 태그에 바인딩 > type="text" v-model 디렉디브 사용 > type="number" v-model.number 디렉티브 사용 - 입력값이 문자가 아닌 숫자로 관리됨 > type="checkbox" / type="radio" v-model은 checked 속성을 사용 / value속성에 바인딩 하려면 v-bind:value 사용 {{checked}} 서울 부산 제주 선택한 지역 : {{picked}} - textarea에 바인딩 v-model 디렉티브 사용 - select 태그에 바인딩 v-model.. 이전 1 2 3 4 ··· 30 다음
