오동순이_개발자노트

html css (짐코딩) 개발환경 셋팅 vscode - korean language - Branket Pair Color - Auto Rename Tag - Css Peek - HTML to Css autocompletion - HTML CSS Support - Live Server - Prettier # 실습 1_what-id-html.html 헬스 위키백과, 우리 모두의 백과사전. 헬스(health)는 기본적으로 건강을 가리키며 그 외에 다음을 가리킨다. 의료 보건 체력 (게이밍) 패션 헬스(Fashion health) 헬스클럽(health club) 구글 헬스: 구글이 제공하는 개인 의료 정보 서비스 HTML(hyper text markup language) HTML TAG : 특징, 구조 HTM..

HTML , CSS HTML // index.html // style.css style , width 큰문자 글자색 문자 글자크기 문자 해드에 있는 .color-primary 가 적용됨 해드에 있는 .color-primary와 .font-50이 적용됨 이벤트 button -> onclick 이벤트를 추가해봄. // 이벤트 // html Attribute > style , width 큰문자 글자색 문자 글자크기 문자 // 이벤트 버튼은 onclick 클릭 하는 이벤트 Click // 텍스트 상자 - input은 끝태그가 없음 // 옵션 상자 1 seoul jeju // 옵션 상자2 - 스타일 클래스 seoul jeju // 테이블(그리드) - 기본은 표 형식이 아님 // 표의 제목부분 // 행 이름 // ..

HTML - 구조 CSS - 색갈 Javascript - 논리 설계 1) 변수 var let - 일반적인 변수 만드는 방법 let a = 1 const - 바꿀 수 없는 변수 - 호이스팅 ? 2) 함수? - 함수를 행해주는 코드의 묶 함수 입력 하는 예1) // (함수) 정의 function myFunction(x) { let temp = 2*x + 3 return temp } // 실행 - 결과값 5 myFunction(1) 함수 입력 하는 예2) // 함수 정의 function add(x, y) { let temp = x + y return temp } // 실행 - 결과값 3 add(1, 2) 보통 쓰는 형태 // 입력 값이나 return이 없이 함수를 묶어두는 형태 function fly() { ..

Vue.js 컴포넌트 기반의 SPA를 구축하는 프레임워크 ㅍ Component (컴포넌트) - 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹페이지 내의 다양한 UI요소 - 재사용 가능하도록 구조화 한것 SPA (Single Page Application) - 단일 페이지 어플리케이션 - 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태 - 빠른 페이지 변환 - 적은 트래픽 양 Vue CLI (뷰를 만들때 필요한 파일들을 받아줌) npm install -g @vue/cli Vue 페이지 전환되는 라우팅 전환을 위해서 npm install vue-router --save BootstrapVue > 부트스트랩형식으로 사용하기 위한 뷰컴포넌트 - html 코드 디자인