1. 자바 기반 응용 프로그램 개발 프레임워크
2. 2003년 6월 Rod Johnson 발표
3. 모든 Java 애플리케이션 개발 이용 ㄱㄴ
4. Java EE 기반 웹 애플리케이션 개발

⇒ Spring Framework는 기반 기술, Spring Boot는 Spring을 더 쉽고 빠르게 쓰게 해주는 도구다.

Spring Framework

• 경량 컨테이너

• POJO 방식

• IoC 지원 (제어의 역전) <개념>

  • 객체생성이나 관리 그런 부분이 Spring이 다 해줌. 개발자는 그걸 요청하는 코딩만 하면 되는 것. (예전에는 객체생성이나 관리까지 개발자가 함)

  • 제어의 역전

  • 스프링 컨테이너 객체 생성

  • 개발 효율성(up) 유지보수 용이

  • *<주요 특징>**

    → 객체 생성, 초기화 자동 관리

    → 의존 관계를 자동으로 연결 편리 제공

    → 유연한 구조로 설정 변경 용이

    → 낮은 결합도로 유지보수 용이

    ⇒IoC는 매니저(소속사)가 있다는 느낌 (직접스케줄관리X)

• DI 지원 (의존성 주입)

  1) 생성자 DI (Constructor DI) 2) setterDI

• AOP 지원

  공통으로 들어가는 것을 (횡단관심) 횡단관심은 : 공통기능 → spring이 관리함 필요한 핵심 기능 (종단관심) 종단관심: 핵심기능 → 개발자가 관리함.

다형성

자바에서의 모든 객체는 부모클 참조변수나 구현한 인터페이스 변수에 담을 수 있다. ⇒ 이러한 참조변수를 통해 메서드를 호출하면 오버라이딩된 메서드가 호출된다.

Spring Framework 장점

• 코드량 감소
• 생산성 향상
• 유지보수 쉬움
• 의존성 관리 편함 (DI)
• 재사용성 높음

빌드도구

• 소스코드를 컴파일부터 배포까지의 전 과정을 자동으로 실행시켜주는 도구*

1. 빌드 자동화는 소프트웨어 개발의 효율성을 높이는 중요한 과정
2. 필요한 라이브러리를 다운로드
3. 코드 컴파일, 자동으로 테스트 실행 후
4. 실행 파일을 생성, 배포 5. Maven(pom.xml) / gradle (build.gradle)

스프링은 요리사 개발자는 사장넴

spring application에 필요한 라이브러리: spring-context

스프링의 maven 라이브러리들이 모아져 있는 곳에서 다운받아야함.

Java에서 class 에서 활용되는 get set이 Spring에서는 getBean()이런 느낌으로 활용이 된다.

Maven 핵심 한 줄

XML 기반으로 프로젝트 빌드와 라이브러리를 자동 관리하는 도구

• 자바 프로젝트 빌드 자동화 도구
• XML로 설정을 관리한다
• 라이브러리를 자동으로 다운로드한다
• 프로젝트 라이프사이클 관리 가능
• Apache(아파치)에서 개발

IoC 컨테이너 : 객체 생성과 의존성 관리를 수행하는 스프링의 핵심 구성 요소

• IoC(Inversion of Control) : 객체 생성과 관리의 제어권이 개발자가 아닌 프레임워크에 있는 것
• 개발자가 객체를 직접 생성하지 않고, 프레임워크가 생성한 객체를 주입받아 사용한다.
• 스프링에서는 IoC 컨테이너가 객체 생성과 의존성 주입을 담당한다.

POJO Class

• POJO (Plain Old Java Object) : 자바 모델이나, 기능, 프레임워크 등에 따르지 않고 홀로 독립적이며 단순한 기능만을 가진 객체들을 의미한다.
• 자바에서는 이러한 객체들을 Bean이라고 부른다.
• 단순히, 데이터의 저장기능만 있다.

Spring Bean 객체 생성

• Spring에서는 사용할 Bean 객체를 configuration file에 정의를 하고, 필요할 때 객체를 가져와 사용하는 방법을 이용한다.
• bean 태그 : 사용할 Bean을 정의하는 태그

인터페이스

1. 다형성(polymorphism) 부모의 참조변수로 자식객체를 생성한다.

• 코드 수정이 용이하다.

2. 상수
3. 추상메서드

MVC(Model,View,Controller)

1. Model(모델): 데이터 (주로 데이터베이스에 있는 데이터)
2. View : 사용자에게 보여주는 것(UI)

     - 템플릿 엔진을 사용해서 예쁘게 꾸며준다. (타임리프 사용)

3. Controller : 실제 일을 하는 애 (비즈니스 로직 처리)

*** dispatcher Servlet: 모든 요청을 받아서 적절한 controller에 보내는 애

MVC 장점

분업화: 요리사(모델)가 바뀌어도 서빙 방식(컨트롤러)은 그대로 유지

유지보수: "접시만 바꾸고 싶어(뷰 수정)" 할 때 요리 방법(모델)을 건드릴 필요가 없음

유연성: 같은 요리(데이터)를 접시에도 담을 수 있고, 포장 박스(다양한 뷰)에도 담을 수 있음

• @SpringBootApplication: 컴포넌트 스캔 + 자동 설정을 포함한 핵심 어노테이션
• @Component: 컨테이너에 빈(Bean) 객체로 자동 등록
• @Autowired: 타입에 맞춰 의존성을 자동으로 주입
  • 기본형(@Value)은 아니고, 참조형에만 적용됨
  • 타입을 보고 자동주입
• @Qualifier(”이름”)
  • 같은 클래스의 객체를 여러 개 만들 수 있다
• static / templates: 정적 파일(JS, CSS)과 타임리프(HTML) 템플릿 보관 폴더

@SpringBootApplication

1. @component-scan : 클래스들을 스캔해서 반으로 만들어서 컨테이너에 보관

사용자가 입력한 데이터를 받아오는 방법

1. HttpsServletRequest
2. WebRequest
3. @RequestParam : 1개씩 변수를 받는다.
4. @PathVariable : restAPI에서 사용. 폴더가 아니라 데이터로 인식하고 싶을 때 사용한다.
5. @ModelAttribute : + dto가 있어야 함(POJO 클래스 : 멤버변수+set/get만 있는 거) 클래스의 멤버변수 이름 : 요청되는 변수명하고 반드시 일치해야함.

@ResponseBody이란? return “abc”; ⇒ abc.html파일로 인식하는 것이 아니라, 단순 문자열로 인식하여 그대로 브라우저에 실행

springboot 주요 파일

• static 폴더: 정적파일 보관(html, css,js, image)
• templates: 타임리프 파일이 존재하는 폴더

@springbooApplication (1+2번을 포함하는 어노테이션)

1. <context:component-scan basePackgages=“kr.hs.study.beans”/> kr.hs.study.beans패키지아래에 있는 클래스들을 스캔해서 어노테이션을 분석한 후, 객체 생성하고, 컨테이너에 보관해라!

2. 프로젝트 실행에 필요한 기본적인 bean 들을 생성한 후, 객체에 보관해라

1. 자바 기반 응용 프로그램 개발 프레임워크
2. 2003년 6월 Rod Johnson 발표
3. 모든 Java 애플리케이션 개발 이용 ㄱㄴ
4. Java EE 기반 웹 애플리케이션 개발

⇒ Spring Framework는 기반 기술, Spring Boot는 Spring을 더 쉽고 빠르게 쓰게 해주는 도구다.

Spring Framework

• 경량 컨테이너

• POJO 방식

• IoC 지원 (제어의 역전)

  • 객체생성이나 관리 그런 부분이 Spring이 다 해줌. 개발자는 그걸 요청하는 코딩만 하면 되는 것. (예전에는 객체생성이나 관리까지 개발자가 함)

  • 제어의 역전

  • 스프링 컨테이너 객체 생성

  • 개발 효율성(up) 유지보수 용이

    <주요 특징>

    → 객체 생성, 초기화 자동 관리

    → 의존 관계를 자동으로 연결 편리 제공

    → 유연한 구조로 설정 변경 용이

    → 낮은 결합도로 유지보수 용이

    ⇒IoC는 매니저(소속사)가 있다는 느낌

• DI 지원

• AOP 지원

입력값 가져오기

string name = txtName.Text;
string studentId = txtStudentId.Text;
string phone = txtPhone.Text;

TextBox는 무조건 .Text

유효성 검사

if (string.IsNullOrEmpty(name) || string.IsNullOrEmpty(studentId))

null 또는 빈 문자열 체크

MessageBox (자주 나옴)

MessageBox.Show("메시지", "제목", MessageBoxButton.OK, MessageBoxImage.Warning);

구성

• 내용
• 제목
• 버튼 종류
• 아이콘

ComboBox 값 가져오기

if (cmbDepartment.SelectedItem is ComboBoxItem seleted)
{
    dept = seleted.Content.ToString();
}

선택된 항목 → SelectedItem 실제 값 → Content

DatePicker 값 처리

string birth = dpBirthday.SelectedDate?.ToString("yyyy-MM-dd") ?? ("미등록");

SelectedDate → nullable(DateTime?) ?. → 값 있으면 실행 ?? → null이면 대체값

날짜 있으면 → 포맷 변환 없으면 → "미등록"

초기화 버튼 (btnReset_Click)

txtName.Text = "";
cmbDepartment.SelectedIndex = -1;
dpBirthday.SelectedDate = null;

TextBox → "" ComboBox → -1 (선택 해제) DatePicker → null

포커스 이동

txtName.Focus(); //커서를 이름칸으로 이동

1. TextBlock 문자열을 시각적으로 보여줌.
2. TextBox 문자열 입력 할 수 있는 Box <입력값>
3. ComboBox 여러 선택지 중 하나선택! <선택값>
4. DatePicker 날짜 입력 전용 <날짜>

초기화 버튼 핵심

.Text = "";
.SelectedIndex = -1;
.SelectedDate = null;

다음에는 C#부분도 해보겠습니당

Python 소스 답 :

def solution(my_string, m, c):
    answer = ''
    for i in range(c-1,len(my_string),m) :
        answer+=my_string[i]
    return answer

m: 간격(열 개수 느낌) c: 몇 번째 열인지

range(c-1, len(my_string), m) → (c-1)부터 시작해서 m씩 건너뛰면서 인덱스 선택합니다! 끄읕!

Go 소스 답 : =

func solution(num1 int, num2 int) int {
    if num1 == num2{
        return 1;
    }else{
        return -1;
    }
}

num1과 num2가 같다면 1을 return 아니라면 -1로 return 한다.

Go 소스 답 :=

func solution(angle int) int {
    if angle>0 && angle<90{
        return 1
    }else if angle==90{
        return 2
    }else if angle>90 && angle<180 {
        return 3
    }else{
        return 4
    }
}

신기하게도 else if angle == 180으로 return 4를 하면 에러가 생기더라구요? else if로 하고 싶다면? 조건문 바깥에도 return 0을 해주셔야 합니다!

if/else

1. if 다음에 (조건문)은 Boolean식으로 표현해야 한다. (0 and 1 사용불가 error)

안되는 조건 ex)

if 1 {
    // 에러 발생
}

Go는 이걸 안 해줌니다...

x := 10

if x {   // ❌ 에러
    fmt.Println("실행")
}

에러 이유 : ㅣ x는 int인데, if는 bool만 받습니다. 그럼 어떻게 해야하나? -> 직접 비교해서 bool을 만들어야 합니다.

x := 10
if x> 0{
    fmt.Println("실행")
}

되는 조건문 ex)

if true {
    fmt.Println("항상 실행")
}

여기서 Print문이 궁금할 수 있는데 fmt는 java로 비유하자면 System.out 과 비슷한 느낌입니다! Go는 fmt 패키지의 함수 사용을 하는겁니당!

Go에서는 if 안에 무조건 true/false가 나오는 식만 써야 한다

2. ()을 안 쓰지만 {}는 무조건 써줌.

if (조건문bool) { } <- 조건문 bool은 ()바깥에다가 작성해도 된다. but 꼭 {} 안에 넣어야 한다.

else if 혹은 else를 쓸 때 반드시 전 조건의

올바른 예시

if(){
}else{
}

but Go는 줄바꿈이나 ;붙여버리면 문장이 끝났다고 생각해 error가 발생한다. error 예시

}
(줄바꿈)
else

};
else

알면좋은거...?

Go의 if는 이렇게 쓸 수 있다.

if 초기문; 조건문{
    //실행
}

초기문 -> 선택 조건문 -> 반드시 bool

<소스 해석>

1. 초기문 -> 먼저 실행됨
2. 조건문 -> 조건 검사
3. true면 실행

but 초기문은 if문 안에서만 살아있는 변수다. 바깥에서 불러오면 error(범위 밖)가 발생한다.

❔❔초기문; <- ; 왜 쓰는 건가요?

조건문과 초기문을 구별하기 위해서임!

진짜 핵심만 다시 딱 요약하자면? if 조건 {} → 기본 if 실행문; 조건 {} → 고급 (근데 엄청 자주 씀)

func solution(age int) int {
    return 2023-age
}

년도에다가 그냥 빼는 문제라 빠르게 풀었숩니다 :)

두 수의 나눗셈

func solution(num1 int, num2 int) int {
    return int(float64(num1) / float64(num2) * 1000)
}

처음에는 그냥 (num1/num2)*1000을 했는데 그러면 소수점은 스킵해서 원하는 출력값이 안 나와서 보니 float64로 소수점까지 계산을 하게 한 후 int()으로 변경하는 방식이었숩니다!!

Go를 type지정 하는 것 밖에 잘 몰랐는데 뭔가 쉬운문제로 활용해보니 더 기억에 남을 것 같습니다!!

변수 선언 var (변수명) (type) = (초기값)

var a int = 1

const는 var 대신 const를 붙이면 되고, 여러개를 묶어서 지정도 가능하다.

const (
    a = "A"
    b = "B"
)

Go는 파이썬처럼 불편하게 +=1을 굳이 하지 않아도 됨니다. var p *int var q ^int var k int = 10

보다보니...뇌정지가 많이 와서..차근차근 배우도록 하겠습니다!!! ㅎㅎㅎ

정답 SQL쿼리

SELECT ANIMAL_ID, NAME, DATETIME FROM ANIMAL_INS ORDER BY NAME ASC, DATETIME DESC;

아이디와 이름, 보호 시작일을 조회하라고 했으니 SELCET 다음에 아이디, 이름, 보호 시작일을 넣고 ANIMAL_INS 테이블을 호출한다.

그리고 가장 중요한 것!! 테이블에서 SELECT로 데이터를 조회할 때, ORDER BY를 추가하여 지정된 컬럼을 기준으로 정렬 할 수 있습니다.

오름차순은

ASC

내림차순은

DESC

더 오름차순과 내림차순 정렬 조회가 궁금하시다면 https://extbrain.tistory.com/51 <- 꼭 참고해보십시오!! 저도 이거 보고 했어요 ㅎㅎ

Python 정답

def solution(n):
    fact = 1
    i = 1

    while True:
        fact *= i

        if fact > n:
            return i - 1

        i += 1

이번 소스는 “팩토리얼을 누적하다가 n을 넘기기 직전의 i를 찾는다” 그래서 return값이 저렇게 풀이된다.! 졸려서 설명이 작아졌어요..ㅎ

def solution(array):
    count = [0] * (max(array) + 1)

    for i in array:
        count[i] += 1

    max_count = max(count)

    if count.count(max_count) > 1:
        return -1

    return count.index(max_count)

사실 오류가 많이 생겨서 ai랑 함께 풀어보았습니다,,,,, array의 max값만큼 배열을 만들어서 for문으로 count 배열에다가 횟수추가를 합니다! but 최빈값이 여러개라면? -1으로 return하는 로직으로 구현하였습니다!

먼저 이 함수는 총 가격을 계산하는 로직입니다!

document.querySelectorAll('.placed-sticker').forEach(sticker => {
  const price = parseInt(sticker.dataset.price) || 0;
  total += price;
});

.placed-sticker 클래스를 가진 모든 요소를 가져옴 각 요소의 data-price 값을 읽어서 숫자로 변환 parseInt(...) || 0 → 값이 없거나 NaN이면 0 처리 total에 계속 더함

즉, 화면에 놓인 스티커들의 가격을 모두 더하는 부분

document.getElementById('totalPrice').textContent = total;

id="totalPrice" 요소에 총합을 텍스트로 출력

const btn = document.getElementById('completeBtn');

완료 버튼 가져오기

if (total > currentPoints) {
  btn.disabled = true;
  btn.textContent = '완료 (포인트 부족)';
}

총 가격이 현재 보유 포인트(currentPoints)보다 크면

버튼 비활성화 텍스트: "완료 (포인트 부족)"

else {
  btn.disabled = false;
  btn.textContent = '완료';
}

포인트가 충분하면

버튼 활성화 텍스트: "완료"

return total; 총 가격을 반환합니다!! 끄읕

소스 해석

document.addEventListener('DOMContentLoaded', () => {

HTML 문서가 다 로드된 뒤에 코드 실행

const container = document.getElementById('imageContainer');

imageContainer라는 id를 가진 요소(이미지 영역)를 가져옴

container.addEventListener('click', (e) => {

컨테이너를 클릭하면 아래 로직 실행

if (e.target.classList.contains('placed-sticker') ||
    e.target.classList.contains('resize-handle')) {
  return;
}

이미 배치된 스티커(placed-sticker) 또는 크기 조절 핸들(resize-handle) 👉 이걸 클릭한 경우는 스티커 추가를 하지 않고 종료

but!! if는 사용자가 스티커를 선택하지 않았다면? alert로 경고표시하기

const rect = container.getBoundingClientRect();
const x = ((e.clientX - rect.left) / rect.width) * 100;
const y = ((e.clientY - rect.top) / rect.height) * 100;

rect = 컨테이너의 위치와 크기 정보 clientX, clientY = 클릭한 화면 좌표 (좌표 - 컨테이너 시작점) / 크기 👉 클릭 위치를 0~100% 비율 값으로 변환

addSticker(selectedSticker, x, y, 1.0);

선택된 스티커를 (x, y) 위치에 크기 1.0으로 추가

=> 정리 스티커를 선택하고 이미지 영역을 클릭하면 클릭 위치에 스티커가 추가됨

프로젝트와 더 다양한 소스가 궁금하다면? => https://github.com/Yeseo0502/np_mypic

function 먼저 MygetMember()은 그룹의 구성원을 관리하는 메소드 입니다. groupId에 속한 그룹 멤버 목록 조회 함수 (MygetMember)

.from('필요한 테이블명 작성') => 위에 소스로는 조회할 테이블은 group_members

.select**('테이블 안에 있는 필요한 애들 가져오기)** *but * profiles 테이블과 관계(join)된 nickname도 같이 가져옴 .eq() 같을 때만 true로 반환.! error라면? 성공실패 or error 메시지를 반환해줍니다.

but 성공이라면? members 사용자의 id값과 이름을 저장합니다! return으로는 성공, members를 가져와서 반환해줍니다.

타입 설명 :

number 숫자 10, 3.14 string 문자열 "hello" boolean 참/거짓 true, false any 모든 타입 허용 (권장 X) 자유롭게 사용

2. 조건문 (if)

조건에 따라 코드 실행을 분기할 때 사용한다.

기본 문법

if (조건) {
  // 실행 코드
} else if (조건) {
  // 다른 조건
} else {
  // 위 조건이 모두 아닐 때
}

python처럼 if문 형태가 바뀌진 않아서 좋네오!!

3. 반복문 (for)

특정 코드를 반복 실행할 때 사용한다.

for (초기값; 조건; 증감식) {
  // 반복 실행 코드
}

처음 공부하는 언어라 형태가 많이 달라서 어려울까봐 걱정 많이 했는데 생각보다 js랑 유사해서 좋았습니다><

def solution(myString, pat):
    answer = 0
    for i in range(len(myString) - len(pat) +1) :
        if myString[i:i+len(pat)] == pat:
            answer+=1
    return answer

핵심 반복문 pat 길이만큼 잘라야 하니까 끝까지 가면 안 되고 자를 수 있는 마지막 위치까지만 반복

if문은 현재 위치 i부터 pat 길이만큼 잘라서 비교하는 로직으로 만들었습니당!!

def solution(my_str, n):
    answer = []
    for i in range(0,len(my_str),n) :
        answer.append(my_str[i:(i+n)])
    return answer

난이도가 낮은 문제라도 완료한 사람이 적으면 괜히 도전하기가 망설여졌는데, 이번 "잘라서 배열로 저장하기" 문제는 직접 시도해보니 생각보다 어렵지 않았다.

위에는 i값으로 0부터 my_str의 길이값을 n값씩 더하며 반복하는 for문이다. append 안에 있는 것은 my_str의 문장의 길이들을 i에서 i+n값 까지 출력해 answer배열에다가 넣는 설계를 해보았다.

<error 발생>

JavaScript에서 push()를 사용하던 습관 때문에 Python에서도 push를 사용했는데 오류가 발생했다. Python에서는 리스트에 값을 추가할 때 append()를 사용해야 한다.

??????? 아니 글쎄 문제로 프로세스가 P1~P6까지 있는거에오

아닣ㅎ 뭐 FCFS나 우선순위는 괜찮았지만... 안 괜찮았어요 라운드로빈을 하려니 진짜 진땀이 나더라구요,,,, 프로세스가 p1~p6이 있어도 숫자가 크지 않으면 풀 수 있다고 생각했는데

실행시간 P1: 20(ms) P2: 7(ms) P3: 30(ms) ....

네...? 저 수학 못해요...(집중력도 안 좋음) 하하 그렇다고 수행을 포기할 순 없어서 풀이 과정을 쓰며 하고 있는데 처음에는 우선순위로 그래프 그리기 이런 거라 집중력만 좋으면 척척 수월하게 풀어갈 수 있었어요... 다행히 도착시간은 다 0ms로 끝나서 평균 대기 값 구하는 것도 수월할 수 있었어요><

아직 남았다. 라운드로빈

하핳하 6ms로 할당 시간값을 가지고 풀어나가는데 6개나 되니까 뭔 그래프가....ㅎㅋㅎㅋ 진짜 정신이 하나도 없고 하나라도 실수하면 끝이기에....너무 힘들었던 시간인 것 같습니다..ㄴ..네...

시간이 남았다면

열심히 풀어 검토할 시간이 있었는데 진짜...문제 꼼꼼히 보시고...공부도 꾸준히 해야 한다는 걸 깨달았습니다. 전 4번 문제 있는 줄도 모르고 제출하고... 프로세스 대기 값도 라운드로빈 쪽 잘 못 계산해서 망했습니다!!!!하하하핳 부분점수 많이 주세요....제발

다들 꼼꼼히 보는 하루가 되시길....Good Bye