본문 바로가기
반응형

분류 전체보기395

[html] 이미지 margin 과 padding 의 차이점 [0. 그림에 여백 주는 방법] 그림에 여백을 주는 방법에는 margin 과 padding 이 있다. margin 은 그림 바깥에 여백을 주고 padding 은 그림 안쪽에 여백을 준다. 이게 도데체 뭔 말인가..그림 안쪽에 어떻게 여백을 줌??? 그래서 직접 실험해보면서 둘의 차이를 공부했다. [1. margin : 그림 바깥에 여백] 0. margin 안했을 때 1. margin-left 했을 때 2. margin 했을 때 [2. padding : 그림 안쪽에 여백] 1. padding left 해주기 2. padding 만 했을 때 [3. margin과 padding의 차이] 1. 버튼에 margin 2. 버튼에 padding [1. margin : 그림 바깥에 여백] 0. margin 안했을 때 .. 2021. 11. 17.
[html] 코딩애플 HTML/CSS All-in-one 강의노트 : (2) HTML 꾸미기(CSS없이 꾸미기) https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com * 이 사이트의 HTML 강의를 수강하고 적는 강의노트이다. * 개인공부용이다. * 쌤 말투 시크해서 넘 좋다. * 강의 예제 노출이 안되게 조심하자 [HTML 꾸미기] 1. style 속성으로 꾸미기 2. CSS로 꾸미기 [이미지 꾸미기] 1. 이미지 가운데 정렬 [글자 꾸미기] 1. 글자 가운데 정렬 [많이 쓸거같은 꾸미기 속성] ... [HTML 꾸미기] 1. style 속성으로 꾸.. 2021. 11. 16.
[html] 코딩애플 HTML/CSS All-in-one 강의노트 : (1) brackets, HTML 기본 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com * 이 사이트의 HTML 강의를 수강하고 적는 강의노트이다. * 개인공부용이다. * 쌤 말투 시크해서 넘 좋다. * 강의 예제 노출이 안되게 조심하자 [bracket 사용하는 이유] [brackets 설치] [HTML 기본] 1. 글자넣기 2. 버튼넣기 3. 경로넣기 4. 이미지넣기 5. 리스트만들기 6. 일부분 꾸미기 (1) brackets, HTML 기본 [bracket 사용하는 이유.. 2021. 11. 15.
[JAVA] 이것이 자바다 (신용권, 한빛미디어) 6단원 연습문제_5번 풀이 이것이 자바다 (신용권, 한빛미디어) 연습문제 풀이 ... [6번] 다음 Chatting 클래스는 컴파일 에러가 발생합니다. 원인이 무엇입니까? ... Chatting.java (오류 안나게 수정함) package exercise.exercise06; public class Chatting { void startChat(String chatId) { final String nickName = "닉네임"; Chat chat = new Chat() { @Override public void start() { String inputData = "안녕하세요"; String message = String.format("[%s] %s", nickName, inputData); sendMessage(message);.. 2021. 11. 10.
[JAVA] 이것이 자바다 (신용권, 한빛미디어) 6단원 연습문제_5번 풀이 이것이 자바다 (신용권, 한빛미디어) 연습문제 풀이 ... [5번] AnonymousExample 클래스의 실행 결과를 보고 Vehicle 인터페이스의 익명 구현 객체를 이용해서 필드, 로컬 변수의 초기값과 메소드의 매개값을 대입해보세요 ... Vehicle.java package exercise.exercise05; public interface Vehicle { public void run(); } ... Anonymous.java package exercise.exercise05; public class Anonymous { Vehicle field = new Vehicle() {// 로컬 메소드 @Override public void run() { System.out.println("field :.. 2021. 11. 9.
[JAVA] 이것이 자바다 (신용권, 한빛미디어) 6단원 연습문제_4번 풀이 이것이 자바다 (신용권, 한빛미디어) 연습문제 풀이 ... [4번] 다음과 같이 Car 클래스 내부에 Tire 와 Engine 이 멤버 클래스로 선언되어 있습니다.NestedClassExample 에서 멤버 클래스의객체를 생성하는 코드를 작성해보세요 ... Car.java package exercise.exercise04; public class Car { class Tire{} static class Engine{} } ... NestedClassExample.java package exercise.exercise04; public class NestedClassExample { public static void main(String[] args) { Car myCar = new Car(); Car.T.. 2021. 11. 8.
[JAVA] java 생성자와 메소드_getter, setter(게터세터) ... 1. 생성자 생성자는 인스턴스를 생성하는 역할을 한다. 메이플에서 새로운 케릭터 생성과 똑같다. 생성자는 초기값 세팅을 할 때 필요하다. 메이플스토리에서 처음 케릭터 생성할 때 스텟을 주사위로 굴려서 세팅하듯이... 나중에 케릭터가 커가면서 스텟은 올라갈 것이다. 생성자에서 초기값을 세팅해줬어도 언제든 값을 바꿀 수 있는것과 같다. ... 기본 생성자 자바에서 생성자는 이렇게 생겼다. 위에는 기본 생성자이고 밑에는 따로 세팅을 해준 생성자이다. 이름이 같지만, 매개변수가 다르기 때문에 다른 생성자이다.(오버로딩) ... 매개변수가 있는 생성자 매개변수가 있는 생성자를 살펴보면, 선언해줬던 멤버변수를 매개값으로 받아서 사용한다. ... this. 의 의미 this.는 자기 자신을 가리킨다는 뜻이다... 2021. 10. 27.
[JAVA] 메소드 선언 후 호출하기 (매개변수 유무, 반환값 유무에 따른 구분/ 배열,가변인수 출력) 0. 전체 코드 0-0 메소드 선언 클래스 package methodStudy; public class FunTestStudy { // 매개변수 없고, 반환값이 없음 void sayHi1(){ System.out.println("안녕하세요"); } // 매개변수 있고, 반환값이 없음 void sayHi2(String hello){ System.out.println(hello); } // 매개변수 없고, 반환값이 있음 int addNum100(){ int sum=0; for (int i=0; i 2021. 10. 23.
[Java] Java String (대입 연산자와 new 연산자의 차이, ==과 .equals의 차이) 1. 데이터 타입 1.1 데이터 타입 종류 1.2 기본 데이터 타입과 참조 데이터 타입의 차이점 1.3 스택 영역과 힙 영역 2. 참조 데이터 타입의 변수 선언 2.1 = 사용 (같은 주소값을 가리킴) 2.2 new 연산자 사용 (다른 주소값을 가리킴) 2.3 정리 3. ==과 .equals 3.1 new 연산자로 선언한 string을 ==로 비교 3.2 new 연산자로 선언한 string을 .equals로 비교 3.3 =로 선언한 string을 ==로 비교 3.4 =로 선언한 string을 .equals로 비교 ... 1. 데이터 타입 1.1 데이터 타입 종류 데이터 타입에는 기본 데이터 타입과 참조 데이터 타입이 있다. 기본 데이터 타입 : int, char, boolean... 참조 데이터 타입 :.. 2021. 10. 19.
[html] html 기본 문법 익히기_9. html 클래스 0. 클래스 이해하기 1. head -> style -> class 2. span에 class 속성넣기 ... 0. 클래스 이해하기 html 클래스는 꼬리표같은 느낌인거같다. 자바 클래스 같은건가/..? 했는데 전혀 달랐고, 차라리 꼬리표랑 비슷했다. 먼저 위에서 정의해주고, 밑에서 땡겨쓰는 느낌 그리고 클래스를 공부하면서 CSS를 얼른 공부해야겠다고 생각했다. 결국 CSS와 Java Script를 배워야 html을 완벽하게 공부하게 되는 걸 이제 깨달았다. html 맛만 보려고 했는데 망했다. ... 1. head -> style -> class 클래스 속성 스테이크 스테이크는 고기입니다. 삼겹살 삼겹살은 맛있습니다. 아보카도 아보카도는 극혐입니다. - 나는 배가고파 요 핑계가 아니구요 배가 고파서 공.. 2021. 10. 17.
[html] html 기본 문법 익히기_8. html 리스트 생성, 번호 지정, 정렬 0. html 리스트 생성 넘버링되지 않은 HTML List 오늘 먹고 싶은 음식 스파게티 연어 빵 넘버링된 HTML List 공부 순서 재료역학 1단원 공식 정리 재료역학 1단원 연습문제 풀기 유체역학 1단원 공식 정리 하위 HTML List 자동차 고유변호 특징 차량번호 - 차대번호 -00 형식 - 특정 사건이 일어나면 뒤의 두 숫자가 바뀜 (ex 사고차) 차대번호 - 차량 고유의 번호 - 차량 엔진룸, 앞유리 하단 등에 각인되어있음 - 넘버링되지 않는 리스트를 만들 때는, ul 태그의 하위로 li 태그를 사용한다. - 넘버링된 리스트를 만들 때는, ol 태그의 하위로 li 태그를 사용한다. - 리스트에 하위 리스트를 만들 때는, dl 태그의 하위 태그로 dt->dd 태그를 사용한다. 2021. 10. 16.
[JAVA] 난수를 발생시켜 임의의 배수 출력하기 * [문제5] 임의의 수에서 임의의 배수를 구하라. * - 난수를 발생시켜 임의의 수를 지정하기 * - 2부터 5까지의 배수 * - 임의의 수는 10 이상 100이하 * - 10 이상인 난수를 발생시켜서 2부터 5까지의 배수를 구하라 * ------------------------------------------------------------ * 예) * 최대값 : 15(난수) * 배 수 : 4(난수) * 결 과 : 4, 8, 12 ... 풀이 public class ForExample05 { // 임의의 수 final static int MIN_NUMBER = 10; // 임의의 수 최소값 final static int MAX_NUMBER = 100; // 임의의 수 최대값 // 배수 final st.. 2021. 10. 15.
[html] html 기본 문법 익히기_7. html div와 span 1. div와 span의 실 사용 예 2. div 태그(요소) 3. span 태그(요소) 4. div 와 span 비교 ... 1. div와 span의 실 사용 예 div와 span은 구역을 나누는 것이다. 기본 표시 값, 단위라고 생각하면 된다고 한다. 설명을 읽었을 때, 실제로 어떻게 사용되는지 바로 이해가 되지 않은 태그들이어서 네이버를 들어가 살펴봤다. 네이버에서는 보통 div 태그로 큰 블럭을 설정하고, span 태그로 자잘한 구역을 나눠놨다. 이제 실제로 어떻게 div와 span을 사용하는지 알아본다. ... 2. div 태그(요소) div 구역 - 티가 잘나게 네모 표시를 했다. - div 구역은 라인 하나를 차지한다. - 블록 수준 요소라고 한다 ... 3. span 태그(요소) 특정 장소.. 2021. 10. 15.
[html] html 기본 문법 익히기_6. html 에 데이터 테이블 (표) 셀 병합 1. 셀 병합 (열방향) 2. 셀 병합 (행방향) HTML로 이 표를 만들어보려고 한다. 보이는 것과 같이 셀이 위아래(행방향), 양옆(열방향)으로 병합되어있는걸 볼 수 있다. ... 1. 셀 병합 (열방향) 열 합치기 th, td 태그의 rowspan 속성에, 합치고 싶은 열의 개수를 적어주면 된다. 학생정보 학생이름 1 1학년 1반 김철수 1 1학년 2반 김영희 2 2학년 1반 이철수 2 2학년 2반 이영희 - head, body의 style에 적혀있는 내용은 CSS이므로 그냥 넘어간다. - CSS는 디자인을 꾸며주는 것이고, 나는 표 라인, 배경 색을 바꿔줬다. ... 2. 셀 병합 (행방향) 열 합치기 th, td 태그의 rowspan 속성에, 합치고 싶은 행의 개수를 적어주면 된다. 학생정보 학.. 2021. 10. 14.
[html] html 기본 문법 익히기_5. html 에 데이터 테이블 (표) 추가, 크기조절 1. html에 데이터 테이블 (표) 추가하기 2. 테이블 행 크기 조절하기 2-1 테이블 전체 크기 조절 2-2 행 크기 조절 ... 1. html에 데이터 테이블 (표) 추가하기 데이터 테이블 만들기 - 인덱스는 tr 태그 밑에 th 하위 태그를 단다. - 행은 tr 태그 밑에 td 하위 태그를 단다. 인덱스1 인덱스2 인덱스3 행1 행a 행ㄱ 행2 행b 행ㄴ - tr의 하위 태그를 이용해서 인덱스와 행을 자유롭게 바꿀 수 있다. 인덱스1 행a 행ㄱ 인덱스2 행b 행ㄴ 인덱스3 행c 행ㄷ ... 2. 테이블 행 크기 조절하기 2-1 테이블 전체 크기 조절 데이터 테이블 크기조절 - table 태그의 style 속성으로 조절한다. - 너비 : width 속성값, 높이 : height 속성값. - ; 으.. 2021. 10. 13.
반응형

티스토리툴바