개인코딩개발공장

# 데이터베이스 만들기 CREATE SCHEMA `jacobjs` DEFAULT CHARACTER SET utf8 ; (데이터베이스 생성) # 워크벤치에서 데이터베이스 만들기 이거 클릭하고 이거 클릭 # 테이블 생성 create table jacobjs.users ( // users라는 테이블을 만들자 id int not null auto_increment, //id는 정수고 필수고 자동으로 1씩 상승됨. name varchar(20) not null, // 이름 20글자까지 필수 age int unsigned not null, // 나이 0과 양수만 필수 married tinyint not null, // 결혼여부 트루펄스 필수 comment text null, // 코멘트 텍스트 비어도됨 create..

#문제 메서드로 함수내에서 프롭스로 받아온 데이터 쓰는건 가능한데 난 setup()함수내에서 쓰고 싶었다. 근데 this로 불르든 뭐든 다 안되더라.. 그래서 props를 먼저 받아오고 setup함수에 파라미터로 넣어주니 작동이 됐음. hello from test {{testData}} export default { props : { testData : Object, }, setup(props){ console.log(props.testData.data) return { } }, } 이게 코드임 프롭스 키값을 setup보다 먼저 선언해주고 setup 파라미터안에 props 로 넣고 스코프안에서 props. ~~로 데이터 끄집어내서 쓸수 있음. 공식문서 Setup | Vue.js (vuejs.org) Se..

:root{ /* color */ --white-color : #fff; --black-color : #140a00; /* size */ --side-padding : 12px; --avatar-size : 36px; /* font size */ --font-large:18px; } 이렇게 저장해놓고 그때그때 갖다씀 ㅔpadding : var(--side-padding); 이렇게 요약한걸 갖다씀 css line clamp 글자수 제한해주는거 구글링키워드 마진이나 패팅은 위아래 양옆 순서로 hello1 hello span hello2 하위속성 선택 .hello .hello1{ color: red; } .hello span{ color: blue; } 이건 css 셀렉터 알고하는듯

컴퓨터 : 1024+ 테블릿 : 1023~768 모바일 : 480-320 미디어 쿼리 font-family : 'gulim', 'dotum', 'arial' 등등 .. 다만 시스템에 설치가 되어있어야함. @font-face { font-family: 'dddd'; src : url() } url안에 따옴표 없이 폰트파일 넣고 굴림. 이건 한글폰트용량이 너무 큼.. woff파일로 쓰거나 웹폰트를 쓰면됨. 구글폰트

position relative는 원래 있어야 하는자리에서 적용 기본값은 static임 absolute 는 부모태그 박스안에서 움직임. fiexed : 웹페이지 기준에서 움직임 sticky 는 원래있던자리에있는데 스크롤 내리면 그자리 고정됨. 이건 꼭 top bottom 정해줘야함

너무 오랜만이라 다시 적음 justify-content 가로 정렬 보통 스페이스 비트윈 자주씀. align-items 세로정렬.. 센터나 flex-end나 등등 flex-direction 방향설정하는거.. column으로 바꿀때씀. row는 기본설정 align-self 는 상위요소에 flex로지정이되어야 적용됨. flex-wrap 요소가 꽉차면 다음줄로 넘겨줌 flex-flow 는 flex-direction 과 wrap같이쓸수있는거. align-content 는 세로 간격정렬.. align-items 에 space머시기 안됨

먼저 data/data.js 파일을 만들고 module.exports = { name : 'jacob', age : 30 } 이렇게 한다. 다른파일에서 const data = require("./data/data.js") console.log(data.name) 하면 jacob이 출력된다.. 어레이든 오브젝트든 암거나 넣어서 보내도됨..

보호되어 있는 글입니다.

문제점 설명 : gogo1 이렇게 만드는건 이미 배웠고 정상적으로 작동된다. 하지만 내가 원하는 기능은 메서드 안에서 라우터를 조정하는것이다.. 조건에따라 다른 라우터를 연결하는 버튼을 만들고 싶어서였다. gogo2 여긴 템플릿 const test = ()=>{ router.push({ name: 'test' }) } 이건 메서드.. this.$router.push~ self 머시기 다 써봤는데 안되더라. 구글링 졸라게 해보니 답이나온다. 먼저 import { useRouter, useRoute } from 'vue-router' 이렇게 라우터를 임포트해주고 const router = useRouter(); const route = useRoute(); 이렇게 변수지정을 해준다. 그다음 메서드에서 con..

## 스위트 얼러트 https://sweetalert2.github.io/ SweetAlert2 A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes sweetalert2.github.io 예쁘게 alert띄워주는거.. ## 섬머노트 https://summernote.org/ 글쓰기 ui ## 아이콘 부트스트랩은 폰트어썸을 쓰고있음. https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles..