3일차. IT 개념정리

 

 

컴파일

통역

화면은 인터프린터

 

아리스토텔레스-이상/이하 로 나눔

마크업 

 

 

 

이진분류법

: 주어진 데이터를 두 가지 그룹(클래스) 중 하나로 분류하는 방법 (참/ 거짓) 

 

(파일/폴더)

 

 

개발자의 생산성을 가속화시킨다

오픈소스-꽁짜, 무료

소스/리소스의 차이

 

 

* 그래들은 스프링 전용

파이썬은 다른 용어 씀

 

빌드: 자바에서 컴파일 해서 .class 파일로 만드는 과정

/빌드툴

 

-맥락적 사고/ 우리가 알아야하는거는 빌드를 해줘! 라고 말할 수 있으면 됨

 

 

좋은 질문이에요 😊
“빌드(build)”와 “빌드 툴(build tool)”은 비슷하게 들리지만, 의미와 역할이 다릅니다.
쉽게 말해 빌드는 ‘과정’이고, **빌드툴은 그 과정을 자동으로 해주는 ‘도구’**예요.

---

🧩 1️⃣ 빌드(Build)란?

**빌드(build)**는 개발자가 작성한 소스코드를 실행 가능한 형태로 변환하는 과정을 말합니다.
즉, 사람이 읽을 수 있는 코드를 컴퓨터가 실행할 수 있도록 만드는 거예요.

🔧 예를 들어보면:

• Java 코드를 컴파일해서 .class 파일로 만드는 과정
• 여러 파일을 하나의 실행 파일(.exe, .jar, .apk)로 묶는 과정
• 웹 프로젝트에서 JS, CSS, 이미지 등을 압축/최적화하는 과정

이 모든 게 “빌드”예요.

---

⚙️ 2️⃣ 빌드툴(Build Tool)이란?

빌드툴은 위의 “빌드 과정”을 자동화해주는 프로그램이에요.
빌드는 매번 반복적이고 복잡하기 때문에, 빌드툴이 이를 대신 처리해줍니다.

🔩 주요 역할

• 컴파일(compile)
• 테스트 실행(test)
• 패키징(package)
• 의존성 관리(dependency management)
• 배포(deploy)

---

💡 3️⃣ 예시로 비교해보기

구분설명대표 예시

빌드 (과정)	소스코드를 실행 파일로 만드는 행위	javac Main.java
빌드툴 (도구)	빌드 과정을 자동화하고 관리	Maven, Gradle, Webpack, Vite, npm scripts

---

🧠 4️⃣ 쉽게 비유하자면

• “빌드”는 요리를 만드는 과정이고,
• “빌드툴”은 요리 과정을 자동으로 해주는 요리 로봇이에요. 🍳

요리를 사람이 일일이 할 수도 있지만, 로봇이 하면 더 빠르고 정확하죠.

 

 

자바와 리소스

백엔드만 하면 컴파일

전체 다 하면 소스

 

백엔드란? api 

 

엔드-끝, 

사용자 입장에서 백, 프론트(화면)

 

-자바: 백엔드->클래스 (컴파일 , 빌드? 자바파일을 빌드하면 클래스가 생성됨)

-리소스: 프론트엔드, 인터프론트 언어

 

자바가 파이썬으로 바꾸면 에이썬이 되는 것

백엔드-파이썬

 

프론트엔드 = 사용자가 보는 화면,
백엔드 = 그 화면 뒤에서 작동하는 시스템
이라고 할 수 있습니다.

 

---

💻 1️⃣ 프론트엔드(Frontend)란?

🧩 정의

프론트엔드는 **사용자에게 직접 보이는 부분(UI)**을 만드는 영역입니다.
브라우저에서 실행되며,
사용자가 클릭·입력·이동하는 모든 시각적 요소를 담당해요.

🛠️ 주요 기술

• HTML: 구조를 만듦
• CSS: 디자인(색상, 배치 등)을 담당
• JavaScript: 화면의 동작(버튼 클릭, 애니메이션 등)을 구현
• 프레임워크/라이브러리: React, Vue.js, Angular 등

💡 예시

• 로그인 페이지의 입력창, 버튼, 디자인
• 게시판 목록, 좋아요 버튼, 댓글 창
• 마우스 클릭 시 페이지 전환 효과

---

🖥️ 2️⃣ 백엔드(Backend)란?

🧩 정의

백엔드는 사용자 눈에 보이지 않는 서버 쪽 로직을 처리하는 영역입니다.
즉, 데이터를 저장하고, 계산하고, 전달하는 역할이에요.

🛠️ 주요 기술

• 프로그래밍 언어: Java, Python, Node.js, Go, C# 등
• DB(Database): MySQL, PostgreSQL, MongoDB 등
• 서버 프레임워크: Spring, Django, Express, FastAPI 등

💡 예시

• 로그인 시 비밀번호를 확인하고 세션 생성
• 게시글 저장 및 조회
• 결제 처리, 메일 발송, API 응답

---

🔄 3️⃣ 프론트엔드 ↔ 백엔드 관계

이 둘은 항상 서버와 클라이언트 관계로 협력합니다.

역할설명예시

프론트엔드	사용자 입력을 받고 화면을 표시	사용자가 로그인 버튼 클릭
백엔드	입력값을 처리하고 결과를 반환	로그인 정보 확인 후 성공/실패 응답
통신 방식	API (REST, GraphQL 등)	/api/login 호출 후 JSON 응답

 

리소스----> 자바로 보냄 (classpath)

-자바: 백엔드- (컴파일 , 빌드) ->클래스 : (자바파일을 빌드하면 클래스가 생성됨)

-리소스: 프론트엔드, 인터프론트 언어

 

1. classpath란?

classpath는 Java에서 클래스나 리소스를 찾는 경로(path)를 의미합니다.
쉽게 말해서,

"JVM(Java Virtual Machine)이 .class 파일이나 설정 파일을 찾을 때 어디서 찾아야 하는지 알려주는 경로"
라고 생각하시면 됩니다.

2. classpath:/ 의 의미

이 표현은 주로 Spring 설정에서 자주 보입니다.
예를 들어 @PropertySource("classpath:/config/app.properties") 같은 코드요.

여기서 classpath:/ 는 다음을 뜻합니다:

“현재 프로젝트의 classpath 루트(root)로부터 파일을 찾아라.”

즉,

• classpath: → "클래스패스 안에서 찾는다"
• / → "루트(맨 처음 경로)부터 찾는다"

두 개를 합쳐 classpath:/ 가 되는 거예요.

 

:/

: is (be 동사)

 

static -해체하지 마!  ex모나리자 그림을 어디서 보나 똑같은 그림이 되는것

아까 static 번역할 필요 없는 이유는 언어로 보는것이 아니란 이미지로 보는 것임

 

***

spring.mvc.view.prefix=/ spring.mvc.view.suffix=.html에서 MVC가 뭐야?

 

🔹 MVC란 무엇인가?

MVC는 Model–View–Controller 의 약자예요.
웹 애플리케이션을 구조적으로 나누기 위한 대표적인 디자인 패턴(설계 패턴) 입니다.

구성 요소역할예시

Model (모델)	데이터와 비즈니스 로직을 담당	DB에서 사용자 정보를 가져오는 코드
View (뷰)	화면에 보여주는 부분	HTML, JSP, Thymeleaf 템플릿 등
Controller (컨트롤러)	사용자의 요청을 받고, 모델과 뷰를 연결	/login 요청을 받고 로그인 처리 후 login.html로 이동

👉 즉,

• Controller는 “중간 관리자”
• Model은 “데이터 담당자”
• View는 “화면 디자이너”
  라고 보면 이해가 쉽습니다.

한 줄 요약

MVC란?
Model(데이터) - View(화면) - Controller(요청 처리)의 구조로
웹 애플리케이션을 역할별로 나누어 관리하는 설계 패턴입니다.

그리고

spring.mvc.view.prefix 와 suffix 는
“Controller가 반환하는 View 이름을 실제 HTML(또는 JSP) 파일로 매칭해주는 설정”이에요.