일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- express
- jwt
- 정리
- AWS
- database
- 뷰
- nginx
- plugin
- 기획
- 셋팅
- login
- 회고록
- javascript
- Firebase
- react
- 프론트
- 배포
- Docker
- 신상마켓
- vue login
- extension
- 로그인
- vsCode
- react-query
- 토이프로젝트
- Git
- vue
- vuex
- PWA
- 플러그인
- Today
- Total
목록전체 글 보기 (105)
강디너의 개발 일지
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..