개발 기록

vue-cookies 패키지를 사용해서 브라우저에 저장된 쿠키를 가져올 수 있다. 설치 npm install vue-cookies 추가 // main js ... import VueCookies from 'vue-cookies'; Vue.use(VueCookies); ... 사용 F12(개발자 도구) > Application > Storage > Cookies 에 들어가서 테스트를 위한 쿠키 생성 example // test.vue ... mounted() { const cookieKey = 'test'; const cookieValue = this.$cookies.get(cookieKey); console.log(cookieValue;) } ... 결과

form 태그에 input type="text"가 하나면, input 태그에서 엔터를 쳤을 때 submit이 발생한다. 인증 위 코드처럼 인증번호를 전송하기 전에 유효성를 하고 서버로 넘겨야 하는데 엔터를 쳐버리면 바로 submit이 되버린다. form 태그 이벤트 중 onsubmit을 이용하면 submit 전에 필요한 작업을 수행할 수 있다. 인증 boolean이 반환 되는 함수 앞에 return을 붙일 시 true이면 submit을 수행하고 false일 경우 submit을 수행하지 않는다. 엔터를 쳤을 때와 버튼을 눌렀을 때 둘 다 유효성 검사 후 submit을 할 수 있다.

배경 수동으로 움직이기 auto 좌 우 위 아래

국비지원 2일차. 오늘도 사정으로 인해 DB수업은 진행하지 못했고, HTML/CSS수업만 8시간 진행! 부족한 체력이 느껴진다.. 오늘은 확실히 HTML보다는 디자인에 비중을 둔 CSS를 접했는데 확실하게 코드가 복잡?해지는듯 하다. 페이지의 탭에서 페이지를 간략하게 나타내는 역할을 한다. 이미지 넣는 태그 크기 조절시 width="@@@px" height="@@@px" 사용 마크업을 하기 위한 태그이며, 나중에 css에서 사용하기 위함인 것 같다. 폰트크기 설정 최대 15px 폰트 크기의 제한이 있는 html 대신 style을 이용해서 글씨를 더 크게 설정 가능. 테이블을 정의, 테이블의 틀을 생성 border="@px" 테이블의 테두리를 설정 테이블의 머릿말 설정 테이블의 행을 담당 테이블의 열을 담..

국비지원 첫 수업, 대부분의 시간은 mysql과 오라클을 설치하는데 사용됐다. 원격으로 수업을 진행하다 보니 각자 컴퓨터의 운영체제도 다르고 변수가 많아서 시간이 꽤 걸렸던 것 같다. HTML에 대해서도 간단하게 학습했는데, 우선 HTML은 Hyper Text Markup Language의 약자로써, 다른 문서로 연결될 수 있는 마크업을 이용해 표기하는 언어이다. 웹페이지를 만들 때 가장 먼저 구조를 잡아주는 골격 역할을 한다고 합니다. 그리고 라고 불리는 문법들을 활용해 작성해야 합니다, 이것을 꺽새라고 부르는데 대부분의 태그는 시작을 했으면 다시 닫아주어야 하며, 특정 태그는 닫지 않아도 됩니다. ex) 저는 Visual Studio Code를 이용해서 학습했습니다. 윗 쪽을 담당하는 구역. 주로 타..