Calendar 사용

Calendar 는 추상 클래스라 new 로 객체 생성을 하는 것이 아니다. getInstance() 로 가져온다.

• 예시

  // 현재 날짜와 시간으로 셋팅
  Calendar cal = Calendar.getInstance(); 
  

// 올해가 몇년인지 int thisYear = cal.get(Calendar.YEAR);

// 이 달의 마지막날 int lastDayOfMonth = cal.getActualMaximum(Calendar.DATE);

## 사용하는 필드 (가져오기)

> < **Calendar** > | `get(Calendar.필드)`
MONTH 0:1월
WEEK_OF_YEAR 1월1일 ~ 지금
WEEK_OF_MONTH 그 달의 몇 번째 주
DAY_OF_MONTH 그 달의 몇 번째일
DAY_OF_YEAR 그 해의 몇 번째일
DAY_OF_WEEK 요일 1:일요일
DAY_OF_WEEK_IN_MONTH 그 달의 몇 번째 요일

---

> < **Date** >
HOUR
HOUR_OF_DAY
MINUTE
SECOND
MILLISECOND
ZONE_OFFSET GMT 기준 시차
AM_PM 0:오전

## 사용하는 필드 (셋팅하기)

> < **Calendar** > | `set(Calendar.필드, 값)`

* 예시
```java
Calendar time = Calendar.getInstance();
time.set(thisYear, lastDayOfMonth, lastDayOfMonth); // 년, 월, 일
time.set(Calendar.HOUR_OF_DAY, 10); // 시, 분, 초
time.set(Calendar.MINUTE, 10);
time.set(Calendar.SECOND, 10);

수정하기 add() 특정 필드의 값 증가, 감소 [다른 필드에 영향 O] roll() 위와 같음 [다른 필드에 영향 X]

• 예시

  Calendar date2 = Calendar.getInstance();
  date2.clear();
  date2.add(Calendar.DATE,-6); // 일이 바뀌면서 월이 바뀔 수 있음.

Clear()

• clear() 모든 필드 초기화 OR clear(초기화부분) 부분 초기화

• 날짜, 시간을 비교하기 전, 그리고 set() 하기 전에 clear()를 해주는 것이 좋다.
• 왜냐하면, getInstance() 로 가져왔을때, ms 단위의 아주 작은 차이가 발생.
• 이것 때문에 원하는 값을 얻지 못할 수 있으니 꼭 clear() 하자

연습 1 - 오늘 요일 구하기

final String[] DAY_OF_WEEK = {"","일","월","화","수","목","금","토"};
Calendar date1 = Calendar.getInstance();
System.out.println(DAY_OF_WEEK[date1.get(Calendar.DAY_OF_WEEK)]);

출력 > 목요일

연습 2 - 달력 만들기

int year = 2022;
int month = 5;
int START_DAY_OF_WEEK = 0;
int END_DAY = 0;

Calendar sDay = Calendar.getInstance(); // 시작일
Calendar eDay = Calendar.getInstance(); // 시작일
sDay.clear();
eDay.clear();
sDay.set(year, 4, 1); // 5월 1일
eDay.set(year, 5, 1); // 6월 1일

eDay.add(Calendar.DATE, -1); // 5월 31일

START_DAY_OF_WEEK = sDay.get(Calendar.DAY_OF_WEEK); // 그 달의 1일의 요일
END_DAY = eDay.get(Calendar.DATE); // 위에서 add 해서 수정한 eDay의 date 가져옴

System.out.println("       " + year + "년 " + month + "월");
System.out.println(" SU MO TU WE TH FR SA ");

// 첫 주가 일요일부터 시작이 아닐 경우 공백을 넣어주기 위해
for (int i=1; i<START_DAY_OF_WEEK; i++) {
    System.out.println("   ");
}

// 날짜 찍기
for (int i=1, n=START_DAY_OF_WEEK; i<END_DAY+1; i++, n++) {
    System.out.print((i<10)? "  "+i : " " +i);
    if(n%7==0) {
        System.out.println();
    }
}

출력 >

출처 : 유튜브 [ 자바의 정석-기초편 ] 을 보고 정리 작성한 자료입니다. 👉 클릭! 유튜브 링크

• 안녕하세요 🖐️ 저는 *개발자를 꿈꾸는 사람 🐥 *입니다.

• 개발 공부를 할수록 전반적인 CS, WEB 지식들이 많이 부족하다고 느껴졌습니다. (비전공자라 배경지식 부족. 흑흑)
• 하지만, 어느 것을 얼마나 공부해야 할지 막막하더라고요. 🙉 필요성은 분명한데.
• 그래서, 처음 봤을 때 엄청나 보여서 감히 엄두도 내지 못했던! 이 로드맵을 기준으로 기초를 쌓아 보려고 합니다.
• 2022 안에 모두 공부할 수는 없겠지만 🐢 일단은 시작! 🐢 (22.05.25)

🏁 공부 방향

📌 위에서 아래로 | 보라색, 초록색 체크 표시 위주 | 쉬운 내용 먼저 📌 전체적인 흐름 이해가 먼저 | 모르면 체크하고 패스 (2보 전진을 위한 1보 후퇴 ⏳) 📌 잘 정리된 자료 찾기 | 없다면 자료들 취합해서 내가 만들기 ✏️ 재활용이 되는 기록 | ✏️ 공부를 위한 기록 | ✏️ 복습용 기록 | ✏️ 꾸준한 기록

1. 인터넷 | 프론트엔드 기본 지식

2.

3.

4.

5.

6.

1. equals(Object obj) 정의

• 객체 자신과 객체 obj가 같은 객체인지 알려준다. (같으면 true, 다르면 false) => boolean 타입

• 객체의 주소(참조변수 값) 비교

내부 살펴보기

public boolean equals(Object obj){
    return (this == obj);
}

유튜브 화면 캡쳐

v1 객체와 v2 객체는 같은 10 이라는 값을 갖고 있지만, 주소가 다름. 즉 컴퓨터 입장에선 다른 객체다. 때문에 equals() 로 비교시 false 가 나온다. 안에 있는 값의 비교와 상관없이 객체는 모두 고유의 주소 값을 가진다. 그렇다면, 늘 false 가 나온다면! 이 메서드는 왜 있는걸까..? equals()를 활용해서 객체의 값!

객체에 실제 들어가 있는 값을 비교하고 싶으면 어떻게 해야 할까?

2. 활용

정답은?! > 오버라이딩

1) 비교하려는 객체에 equals() 를 오버라이딩 한다. equals() 는 object 메서드이기에 가능!

class Value {
    int value;

    public Value(int value) {
        this.value = value;
    }

    @Override //Object의 equals() 오버라이딩 해서 주소가 아닌 value를 비교
    public boolean equals(Object obj) {

        // 참조변수의 형변환 전에는 반드시 instanceof로 확인해야함.
        // 다른 비교할 수 없는 객체들이 들어오는 것을 사전에 방지.
        // Object는 다 들어올 수 있으니까.
        if(!(obj instanceof Value)) return false;

        // 형변환, 왜냐하면 Object 안에서 value를 꺼낼 수 없으니까!
        Value v = (Value)obj;

        return this.value == v.value;
    }
}

2) 메인에서 비교하기

public class ObjectEx {

    public static void main(String[] args) {

        Value v1 = new Value(10);
        Value v2 = new Value(10);

        if (v1.equals(v2)) 
            System.out.println("같다.");
        else 
            System.out.println("다르다.");

    }

}

3) 결과 확인 -> 값 비교 성공!

🐥 TMI hashcode()도 같이 오버라이딩 해서 주소 값도 맞춰줘야 한다는데, 아직 강의 안들어서 모르겠다.. ㅎ,ㅎ 이 부분 복습하고 봐야지.. 이렇게 짧은데 하나 하나 정리하고 따라 쳐서 복붙 하는데 시간이 엄청 걸린다. ㅠ_ㅠ 물론 이해는 훨씬 잘 되니까 맞는 공부 방법 같은데, 좀 더 해봐야겠다!! 그래도 좋은 강의를 무료로 보며 공부할 수 있다는 것에 무한한 감사를 느낀다. 🥄🥄🥄 잘 받아 먹자ㅏㅏ!!

출처 : 유튜브 [ 자바의 정석-기초편 ] 을 보고 정리 작성한 자료입니다. 👉 클릭! 유튜브 링크

1. interface 정의

• 핵심!! 추상 메서드의 집합
• 구현된 것이 전혀 없는 설계도. 껍데기
• 멤버는 public abstract 일부 혹은 전부 생략 가능.
• 상수는 final 도 생략 가능
• 인터페이스의 조상은 인터페이스만 가능 (Object가 최고 조상X)
• 다중 상속 가능 (추상 메서드는 충돌해도 문제 없음)

2. interface vs 추상 클래스

인터페이스는 인스턴스 변수를 가질 수 없으나 추상 클래스는 가질 수 있다는 것이 가장 큰 차이점이다.

• 추상 클래스는 일반 클래스 + 일부 추상 메서드의 조합이라면,
• 인터페이스는 추상 메서드들의 집합.

3. interface 의 구현

인터페이스에 정의된 추상 메서드를 완성하는 것

• 모두 구현하기

  class 클래스이름 implements 인터페이스이름 {
    // 인터페이스에 정의된 추상 메서드를 모두 구현해야 한다.
  }

• 부분 구현하기

  abstract class 클래스이름 implements 인터페이스이름 {
    // 부분적으로 구현할 경우, class 에 abstract 를 붙여
    // 모두 구현이 되지 않았다는 것을 명시한다.
  }

4. 다형성

• 인터페이스도 구현 클래스의 부모 역할을 할 수 있다.

• 인터페이스 타입 매개변수는 인터페이스 구현한 클래스의 객체만 가능
• 인터페이스를 메서드의 리턴타입으로 지정할 수 있다.

class Fighter extends Unit implements Fightable{
    public void move () {};
    public void attack (Fightable f) {};
    // Fightable 인터페이스를 구현한 클래스의 인스턴스만 가능
    int a;
    int b;
}
Unit u = new Fighter();
Fightable f = new Figher();

f.move();
f.attack(new Figher());
f.a // XXXX Fightable 에 선언된 것만 가능. 리모컨 역할.

5. 장점

1. 두 대상(객체)간의 '연결, 대화, 소통'을 돕는 '중간 역할'
2. 선언(설계)와 구현을 분리 -> 껍데기와 알맹이.
3. 개발 시간 단축 -> 알맹이가 만들어지기 전에도 껍데기로 작업 가능.
4. 표준화가 가능 -> JDBC(인터페이스 집합)
5. 서로 관계 없는 클래스들을 관계를 맺어줄 수 있다.

6. default & static 메소드

JDK 1.8부터 추가할 수 있게 됨

이유는? -> 인터페이스에 새로운 메서드(추상 메서드)를 추가하기 어려워서. 어려운 이유는? -> 그 인터페이스를 구현한 클래스들에서 추가한 메서드를 모두 구현해줘야 해서.

😙 Flexbox 완전 정리!

1. 우선 Container 와 그 안의 items 에 적용할 수 있는 속성 값들이 다르다는 것을 인지하자. 2. 중심축과 반대축으로 나눠진다. 내가 중심축을 어디로 두는 지에 따라 반대축이 바뀐다.

container

• display - flex로 정의

    display: flex;

• flex-direction

    flex-direction: row; (default)

• flex-wrap - 한 줄에 가득 차면 다음 줄로 넘어가게 할 건지

    flex-wrap: nowrap; (default)

• justify-content -중심축 기준으로 배치

    justify-content: flex-start; center;
                     space-around; space-evenly; space-between;

• align-items -반대축 기준으로 배치

    align-items: center;
                 baseline; (text가 나란히 배치)

• align-content - justify-content 와 사용법 동일 (근데 반대축!)

items

• order
• flex-grow -컨테이너가 늘어날 때 비율 지정

    flex-grow: 0; (default)

• flex-shrink -컨테이너가 줄어들 때 비율 지정

    flex-shrink: 0; (default)

• flex-basis -아이템별 비율을 지정. grow와 shrink 동시에 지정 효과

    flex-basis: 60%; (예시)

• align-self -아이템별 배치

    align-self: center;

  
  

참고 사이트 🐤 https://css-tricks.com/snippets/css/a-guide-to-flexbox/

MDN 🐽 https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

출처 😎 https://www.youtube.com/watch?v=7neASrWEFEM 드림코딩의 유튜브를 보고 정리한 자료 입니다! 유튜브를 보시면 훨씬 더 잘 이해될 겁니다 ㅎㅎㅎ

Universal * type Tag ID #id Class .class State : Attribute []

👍 Universal 은 모든 태그들을 포함한다.

a[href^="naver"] { } naver 로 시작하는 a[href$="naver"] { } .com 으로 끝나는

😈 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

👻 CSS 선택자 익히기 GAME https://flukeout.github.io/ 8까지 풀었다.

Position

static : 기본 위치 relative : static 위치에서 이동 absolute : 바로 상위 박스위치에서 이동 *상위 박스가 relative 여야 함 fixed : 페이지상에서 이동 sticky : 스크롤링 해도 static위치 계속 유지

HTML 에서 data-type 만들기 👑

만드려는 타입 앞에 data- 를 붙여 사용한다.

<article
  id="electric-cars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>

CSS 와 JS 에서도 접근 가능하다!

article::before {
  content: attr(data-parent);
}
article[data-columns='3'] {
  content: attr(data-parent);
}

const article = document.querySelector('#electric-cars');
const article = document.querySelector('article[data-columns="3"]');
// The following would also work:
// const article = document.getElementById("electric-cars")

article.dataset.columns // "3"

👉 MDN https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

css 변수 정의

변수 만들기는 아주 쉽다! 🤭 --font-size 사용할 변수 명 앞에 이렇게 앞에 --만 붙이면 된다. 사용법은 var(--font-size) var() 안에 넣으면 된다. 모든 요소에서 접근할 수 있도록 최고의 루트인 :root{} 에서 정의한다.

변수의 활용법은 다양하지만 더 빛을 발휘할 때가 있다. 바로 media 쿼리에서다.

@media screen and (max-width:768px){
  // 위에서 만든 root를 여기다 복사 붙여넣기 하여 값을 수정해준다.
}

👉 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/--*

🍄 국비 학원 1주차

5월 9일 개강해서 일주일간 무엇을 배웠을까

✔️ 이클립스, 자바 설치 및 환경 셋팅 ✔️ 자바의 특징, 메모리 구조 ✔️ 변수, if, for, do while, while, list ✔️ 배열 과제 제출 🙆🏻‍♀️

코로나때문에 줌으로 수업을 듣는다. 나중에는 오프라인으로 수업할지도 모른다지만, 아직 일정은 모른다. 궁금한 게 생길때마다 바로 바로 질문을 할 수 없다는 것 말고는 정말 좋다. 일단 통근 시간이 필요 없다. 일어나자 마자 바로 수업을 듣는다. (가끔은 안씻고 앉는다) 그리고 배고프면 먹으면서 수업을 들을 수 있다. 물론 가장 좋은 점은 딴짓도 할 수 있다는 것이다. 🤫 수업은 선생님이 천천히 나가서 어렵진 않다. 그런데 일주일만에 4명이 나가고 새로운 4명이 들어왔다. 허허.

🖥 포트폴리오 인강 완강

드림코딩 포트폴리오 인강 7일만에 완강

✔️ HTML, CSS, JS 맛보기 👀

강의를 능동적으로 따라가며 공부했지만, 사실상 머리에 남는게 없다. 아무래도 따라 치기에 급급했던 것 같다. 그도 그럴것이 일주일만에 다 들어버렸으니... 깊이 있게 이해하면서 보진 않았다. 그럼에도 내가 싱글 페이지를 만들어서 배포까지 해봤다는 기쁨을 느꼈다! 한 번 가볍게 훑었으니 이젠 내 포폴을 고심해서 만들어 봐야겠다. 강의를 처음부터 다시 보기보단 내 포폴을 만들면서 부족한 부분들을 찾아 볼 생각이다. 일단, 전체적인 디자인과 레이아웃 그리고 메인컬러는 정했다. 패드로 스케치만 해둔 상태고 레파지토리를 만들고 오늘 첫 커밋을 했다.

👾 코드업 알고리즘

나도 코테를 볼 기회가 있을까? 😥 없을지도 모르지만 일단은 시작!

코딩 테스트 준비를 지금부터 하기에는 너무 이르다고 생각하긴 하지만, 왜냐하면 이제 자바 배운지 일주일차니까? 예전에 배운 것은 다 까먹은지 오래됨 ㅠㅠ 그럼에도 알고리즘 공부를 하는 것은 코딩을 목표 없이 공부하면 재미가 없으니까. 나는 파워 INFJ 로써 목표를 세우고 기록하고 실천하는 것에 약간 희열을 느끼는 사람이다. JAVA 공부는 해야하는데, 그냥 문법 외우고 인강 보고 하니까 조금 지루해서 알고리즘으로 JAVA와 조금 친해져 보려고 한다. 그리고 혹시 알아? 나중에 코테 보게될지도.. 희망사항이라 기대가 되지만 기대하면 실망하게 되니까 안할래. 👻 유튜브에서 코테 준비 쳐보니까 코드업 기초 100제 를 하고 백준으로 넘어가라는 어떤 분의 조언을 따라 오늘 코드업 18번까지 풀었다. 초반이라 그냥 입출력 하는 문젠데 왜, 왜 어렵냐구

🔥 WIL 🔥

첫 주라서 열정 넘치는 건 알겠는데, 이 열정 유지하자! 이제 시작인데 조급해하지 말고 마음 편하게 먹자! 화이팅 나!