어리바리 신입 개발자의 얼렁뚱땅 개발 기록 ✨

[ 상속 ] - 오버로딩 상관 x 오버라이딩 o자식 클래스의 데이터 영역과 메소드 영역에 부모 클래스의 필드와 메소드를 상속 받는다. (extends)class Animal { // 부모 클래스의 이름이 Animal } class Cat extends Animal { // 자식 클래스의 이름이 Cat }그러면 자식 클래스에서 생성된 객체의 주소를 통해 부모 클래스의 필드와 메소드를 사용 가능하다. 자식 클래스에 상속된 부모 클래스의 필드와 메소드는 자식 클래스에서 보이지는 않지만 사용 가능 반대로 부모 클래스에서 생성된 객체의 주소를 통해 자식 클래스의 필드와 메소드는 사용 불가능하다. [ 타입 변환과 오버라이딩 ] extends를 통해 Parent 클래스의 매소드와 필드를 Child의 매소드와 필드로 ..

package ch04.sec05; import java.util.Scanner; public class KeyControlExample { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); boolean run = true; int speed = 0; while(run) { System.out.println("-----------------------------"); System.out.println("1. 증속 | 2. 감속 | 3. 중지"); System.out.println("-----------------------------"); System.out.print("선택: "); String strN..

[ 산술연산자 ] let result1 = 5 + 2; // 더하기 -> 7 let result2 = 5 - 2; // 빼기 -> 3 let result3 = 5 * 2; // 곱하기 -> 10 let result4 = 5 / 2; // 나누기(몫-실수) -> 2.5 let result5 = 5 % 2; // 나누기(나머지) -> 1 실수 정수로 형변환 하기 (절삭) let resutl6 = parseInt(5 / 2); [ 문자결합연산자 ] '문자' + 숫자 또는 숫자 + '문자' let exString = '1'; let num3 = 3; let result6 = exString + num3; let result8 = +exString + num3; //+ 이용해서 타입 변경 - 숫자타입은 콘솔에서 ..

{ java script의 데이터 타입 } 데이터 타입을 선택해서 사용해야하는 java와 다르게 java script는 값에 의해 데이터 타입이 결정된다. typeof 키워드로 자료형을 확인 할 수 있다. let student = '김학생'; console.log(typeof student, 'student변수의 자료형'); // 변수 student에 입력된 '김학생'이라는 문자열이 아닌 // '김학생'의 데이터 타입인 string 이 출력된다. parse 함수로 자료형을 변환 할 수 있다. (parseInt : 문자열 -> 정수 / parseFloat : 문자열 -> 실수) [ 원시 타입 ] 자바스크립트의 문자열타입은 UTF-16 작은 따옴표, 큰 따옴표, 백틱..

[ ★★ 변수 ★★ ] 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 공간을 식별하기 위해 붙인 이름 프로그램 언어에서 값을 저장하고 참조(값의 위치)하는 상징적인(담는 값을 떠올릴 수 있는) 이름. 변수 선언 키워드 : 변하는 값(var,let) , 변하지 않는 값(const) 저장된 값에 의해 자료형이 결정된다. 자료형의 기본은 문자형, 숫자형, 논리형 자료형 확인 키워드는 typeof 변수 선언 후 기본 값은 undefined 1-1. 선언 단계 : 변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알림 1-2. 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 1-1/2. 선언 & 초기화 단계 : var c..

[ Node.js 설치 ] Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS - 안정화 버전 / Current - 최신 버전 아직 공부하고 있을때는 안정화 버전을 사용하는 것이 좋다. [ 환경 변수 설정 ] Java / node 실행 파일이 있는 경로를 미리 지정해주는 것 원래 유료 oracle jdk 사용하면 알아서 경로 지정해주는데 오픈 jdk 파일을 받으면 지정해줘야 함 시스템 환경 변수 편집 - 고급 - 환경 변수 - 시스템 변수 - path - 편집 [ javascript ? ] html 문서에서 동작을 담당하는 객체지향 스크립트 언어 위에서 아래로 한 줄 씩 읽어나간다. -..

webapp 오른쪽 마우스 - new - jsp file 으로 jsp 파일 만들어주기 (메인클래스와 이름 똑같이) jsp 파일내에는 html,css,java script,jquery,java 코드 등이 섞여 있기 때문에 각각 구분해줘야 한다. jsp 파일 내에 Java 코드를 작성할 때 사용 input / form 같은 태그는 자바 아님 - > 필요 없음 [ 화면에 출력하기 ] 리턴값1 : 리턴값2 : 리턴값3 :

같은 작업 파일 내에서 서로 다른 패키지를 만들어준다. kr.or.ksamrt는 같은 폴더이기 때문에 같은 폴더 내에 패키지 폴더가 생긴다. 1번 패키지의 클래스에서 2번 패키지의 클래스에 접근하고 싶을 때 1번 패키지의 클래스에 import 2번패키지이름.2번클래스이름 ; 을 입력한다. (패키지 이름과 클래스 이름은 직접 입력하지 않고 복사해서 붙여넣기 하도록 한다.) import 패키지이름.클래스이름;​ [ 서로 다른 패키지에서 리턴과 입력 없는 경우 ] package kr.or.ksmart.a; import kr.or.ksmart.b.BB01_1; // 입력 순서1 public class AA01_1 { public static void main(String[] args) { BB01_1 b = n..

데이터 영역의 필드(전역변수)에 바로 접근할 수 없는 경우 필드 마다 셋팅하는 메서드와 겟팅하는 메서드를 선언해서 셋팅하는 메서드를 호출하면 셋팅하고 겟팅하는 메서드를 호출하면 겟팅하도록 한다. [언제 필드에 접근이 불가능 할까?] 필드의 접근지정자를 public 대신 private를 사용할 경우 같은 클래스를 통해서 생성된 객체 내에서만 접근 가능 즉, 다른 클래스에서 생성된 객체에서는 접근이 불가능하다. 접근지정(제어)자(access modifier) 종류 public (전체 접근 가능) protected (같은패키지) default (없는 상태) private (같은 클래스) 객체 참조 변수의 주소를 불러오는 코드를 작성했을 때 (u01.) 오른쪽에 User 클래스의 전역변수가 뜨면 사용 가능한 상..

[ 하나의 클래스에서 다른 클래스의 데이터와 메서드를 불러오는 방법 ] - 회원 관리 클래스를 통해 새로운 객체를 생성하면 새로운 주소1이 생성되고, 주소1 내에 데이터 영역과 메소드 영역이 생성된다. - 회원 관리 클래스를 통해 새로운 객체를 생성하면 새로운 주소2가 생성되고, 주소2 내에 데이터 영역과 메소드 영역이 생성된다. - 회원 관리 클래스에 아이디와 패스워드와 이름에 대한 정보를 받을 준비가 되어있다. - 주소1 내의 데이터 영역에 아이디를 id001로 설정하고 싶으면 주소1을 찾아가서 데이터 영역을 찾아가서 아이디 값을 id001로 설정한다. - 주소1의 데이터 영역의 아이디 값 id001을 불러오고 싶으면 주소1을 찾아가서 데이터 영역을 찾아가서 아이디 값을 불러와 응용할 수 있다. [ ..

[ 7. CSS 배치 : position ] 웹 문서에서 이미지나 글자를 원하는 위치에 넣고 싶을 때 사용한다. /사용 방법 위치 상 부모 요소로 인식시킬 요소를 정한다. (기준을 잡으면 위치를 설정할 수 있게 된다.) : position: relative; 기준으로 할 요소를 정한다. position: absolute; 위치 설정 값을 정한다. /1. 기준 - 요소 자기 자신 기준 : relative 사용하면 정상적인 배치에 어긋나기 때문에 사용하는 경우가 드물다. - 위치 상 부모 요소 기준 : absolute 부모 요소를 기준으로 배치 (부모 요소에 relative 입력해서 위치 상 부모 요소 인식 시키기) 무조건 부모 요소가 아니고 내 위치 상 부모 요소를 기준으로 배치 위치 상 부모 요소를 먼저..

[ 1. 색상 표현 ] 색을 사용하는 모든 속성에 적용 가능하다. 브라우저에서 제공하는 색상의 이름을 입력한다. 간단한 색상 표현은 가능하지만, 명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다. span { color: red; } 16진수 색상 코드 #으로 시작하며, 가장 많이 사용한다. span { color: #5c5c5c; } 빛의 삼원색 : R G B rgb(138,0,98) span { color: rgb(65,26,195); } 빛의 삼원색 + 투명도 rgb(38,58,43,0.3) span { color: rgb(65,26,195,0.3); /* 맨 끝 0...

[ font-style ] 기울기 이텔릭체 글자를 표시할 때 사용한다. normal : 기울기 없음 italic : 기울어진 글자 oblique : 기울어진 글자 [ font-weight ] 두께 normal : 기본 두께 (400) bold : 두꺼운 글씨 (700) 100~900까지 숫자를 작성 하지만 400 또는 700을 주로 사용. [ font-size ] 글자 크기 브라우저 기본 글자 크기 16px 단위 : px, em, rem [ line-height ] 줄 높이 숫자를 작성(배수 사용을 권장한다. 왜? 코드를 다시 작성하지 않고 유지가 가능하기 때문 line-height: 50px; 대신 line-height: 2; =>내가 작성한 폰트 사이즈의 2배 간격 [ font-family ] 폰트(..

[ overflow ] - 요소의 크기 이상으로 콘텐츠의 내용이 넘쳤을 경우, 어떻게 화면에 보이게 만들 것 인지 제어한다. visible : 넘친 내용을 그대로 보여준다. hidden : 넘친 내용을 잘라낸다. scroll : 넘친 내용을 자르고, 스크롤 바를 생성한다. - 내용이 넘치지 않아도 스크롤 바를 생성한다. auto : 넘친 내용이 있는 경우에'만' 잘라내고 스크롤바를 생성한다. - 내용이 넘지지 않으면 스크롤 바 생성 x overflow-x / y : x축 또는 y축으로 스크롤 바 생성 [ opacity ] - 요소의 투명도 지정 1 : 불투명 / 0~1 까지의 소수점 숫자로 작성 가능하다. [ display ] 요소의 배치 방법을 결정 화면에 보여질 요소의 특성을 지정한다. display..

웹 브라우저 "자체" 스타일 웹 문서를 제작한 "제작자"의 스타일 컴퓨터를 사용하는 "사용자" 적용 우선 순서 : 사용자 > 제작자 > 자체 브라우저 자체 색상 : 하얀색 다크 모드로 실행이 된다. 우선 순위란, 어떤 스타일을 먼저 적용할 것인지 결정하는 규칙 우선 순위를 높이려면, 정확하게 해당 요소에 스타일을 적용하면, 우선 순위가 높아진다. 제외) 스타일 규칙에 !important를 작성하면 그 스타일 규칙이 다른 스타일보다 우선 순위가 높아진다. !important : 1억 점 / 그냥 제일 높음 inline style : 1천 점 (인라인 블록과 다른 개념임. 헷갈리지 않기. 개념 확실히 하기.) ID sel..