오동순이_개발자노트

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 코드 디자인

스프링 프로젝트 구조 https://wikidocs.net/160947 2-01 스프링부트 프로젝트의 구조 현재 SBB 프로젝트는 HelloController.java와 HelloLombok.java 파일만 생성한 상태다. 그런데 이보다 규모를 갖춘 프로젝트를 만들고자 한다면 프로젝트… wikidocs.net SbbApplication.java 파일 모든 프로그램에는 시작을 담당하는 파일이 있다. 스프링부트 애플리케이션에도 시작을 담당하는 파일이 있는데 그 파일이 바로 + Application.java 파일이다. 스프링부트 프로젝트를 생성할때 "Sbb"라는 이름을 사용하면 다음과 같은 SbbApplication.java 파일이 자동으로 생성된다. [파일명:/sbb/src/main/java/com/mysi..

클래스의 상속과 다형성 클래스의 상속은 부모 클래스의 멤버(필드, 메서드, 이너클래스)를 내려받아 자식 클래스 내부에 포함시키는 것 Do it 자바 자료 참고 공통적인 부분이 부모클래스 상속의 장점은 ? 코드의 중복성 제거 (공통부분은 여러번 적을필요 X) 다형적 표현 가능O (부모(사람) ← 자식(직장인or대학생) O) 직장인은 사람이다. O (부모)사람→ (자식)직장인 X 사람은 직장인이다. X 상속 문법 상속 문법 O 자바의 클래스는 다중 상속 불가 class 자식클래스 extends 부모클래스 { } class 자식클래스 extends 부모클래스1, 부모클래스2 { } 부모클래스가 하나인데 자식클래스 여러개는 가능! 클래스의 상속과 사용할 수 있는 멤버변수 class Human{ String na..

배열 ? 동일한 자료형을 묶어 저장하는 참조 자료형 생성할 때 크기를 지정해야 하고 한번 크기를 지정하면 절대 변경할 수 없는 특징이 있다. 배열 선언 자료형[ ] 변수명 자료형 변수명[ ] int[ ] a; double[ ] b; String[ ] c; int a[ ] ; double b[ ]; String c[ ]; ex) int[ ] a; // int 자료형만 저장가능 public class Array_Ex01 { public static void main(String[] args) { //배열의 선언방법 int a[]; double b[]; String c[]; // 실제 객체를 생성하기 위해서 new // new int[3]; // new String[5]; // new double[]; // ..

클래스외부 구성요소 패키지와 임포트 패키지를 사용하는 이유? - 유사한 기능을 수행하는 클래스 파일들을 묶어서 관리 - 클래스간의 이름 충돌 방지 pack01 package pack01; public class A { public int m =3; public int n = 5; } pack02- error package pack02; public class B { void bcd() { A a = new A(); // error System.out.println(a.m); System.out.println(a.n); } } pack02에서 임포트 하지 않고 사용하려면 패키지명을 다 가져와야함 package pack02; public class B { void bcd() { pack01.A a = new..

클래스의 개념 알아보기 객체는 사용할 수 있는 실체를 의미, 클래스는 객체를 만들기 위한 설계도 자바의 시작점 변수 배열 구조체 클래스 int score1 = 80; int score2 = 75; ... double avg = 78.5; int[] scores = {80,75,...,85}; double avg = 78.2; struct Score { int[] scores = {80,75,...,85}; double avg = 78.5; } class Score { int[] scores = {80,75,...,85}; double avg = 78.5; void printAvg() { System.out.println(avg); } void printScores() { for(int k : socres..

Day 3 코딩테스트 입문 Lv.0 Java 1. 나머지 구하기 문제 설명 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. 제한사항 0