일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- Firebase
- vue login
- 플러그인
- 회고록
- Docker
- 셋팅
- PWA
- plugin
- login
- 토이프로젝트
- AWS
- nginx
- javascript
- vue
- jwt
- express
- Git
- 정리
- 로그인
- vuex
- vsCode
- 배포
- 프론트
- 기획
- react-query
- react
- 뷰
- extension
- 신상마켓
- database
- Today
- Total
강디너의 개발 일지
Vcode Extension 만들기(플러그인 만들기) 어떤 발표자료를 보고.. 함수이름 만들때 번역기를 자주가는 나를 마주치고 결심했다.영어못하는 나를 위하여 번역 플러그인을 만들기로...만들려고 조사좀 해보니 이미 하나가 만들어져있.....ㅠ(제꺼 아녀요)https://marketplace.visualstudio.com/items?itemName=sculove.translator#overview 고수님들이 이미 만들어 놓으셔서..내 수준에 맞게 만들어 보려고 한다. 우선 vscode 에서 지원하는 extension 만드는 예제 따라하기 (이게 제목인가) vscode 공식 홈페이지https://code.visualstudio.com/docs/extensions/example-hello-world 사진에는..
Scss 사용한 유동적인 넓이 구하기 Vue.js 에서 작성된 스타일 입니다. $main_width 는 유동적인 넓이입니다. id 값이 router_view 인 dom -> width = 전체넓이 - sidebar_width;
Firebase(파이어베이스) 새 프로젝트 만들기 목적 : vue + firebase 연동 1. 구글 로그인 https://firebase.google.com 2. 콘솔로 이동 3. 프로젝트 만들기 위치를 대한민국으로 바꿔주세요. 4. 초기 화면 Vue + firebase 를 이용한 웹을 만들 예정입니다.
전체 선택자* {color:green;} 페이지 안 모든 요소 선택 타입 선택자h1 { color:green;} 모든 h1 요소 선택 아이디 선택자#special { color:green;} id가 special 인 요소를 선택 클래스 선택자.class { color:red;} class가 class 인 요소를 선택 자식 선택자h2 > p {border:1px solid #000} h2 자식인 p 태그 요소 선택 속성 선택자h1[title] {color:red;} title 속성을 가지고있는 h1 요소 선택p[class="example] {color:red;} class 속성이 example 인 p 요소 선택 의사 선택자a:link {color:red;} 아직 방문되지 않은 링크의 색상을 빨강으로a:vi..
수평 중앙 정렬 1. text-align 을 이용한 가운데 정렬 inline 요소는 text-align 속성을 이용해서 가운데 정렬 가능 2. margin을 이용한 가운데 정렬 넓이가 정해져있는 경우 margin 값을 이용해 가운데 정렬 가능margin 속성 값이 2개일 경우margin: (위,아래) (왼쪽,오른쪽); margin 속성 값이 4개일 경우margin: (위) (오른쪽) (아래) (왼쪽); 3. Position을 이용한 가운데 정렬 position: absolute 는 position: static 속성을 가지고 있지 않는 부모를 기준을 잡습니다.그래서 상위 div에 relative 속성값을 부여했습니다. 수직 중앙 정렬과 수직, 수평 가운데 정렬 1. Postion을 이용한 수직 정렬 to..