코린이

1. HTML에서 외부 CSS파일 연동

rel = relationship 관계

href = hyper reference 하이퍼 참조

<link rel="stylesheet" href="style.css">

2. CSS 규칙

h3 {
  color: red;
}

선택자 {
  속성: 속성값; (속성과 속성값을 합쳐 CSS선언)
}

3. 선택자

id를 선택자로 쓸때는 #선택자

id는 중복이 안된다.

<div id="sample"></div>

#sample {
  background-color: red;
}

class를 선택자로 쓸때는 #선택자

class는 중복 선언이 가능하다.

<div class="sample2"></div>
<a class="sample2"></a>

.sample2 {
  color: red;
}

선택자 목록

.sample1,
.sample2 {
	color: red;
}

여러 선택자를 동시에 갖고 있는 요소를 선택하는 경우

<p id="sample-id" class="sample-class"></p>

<a class="sample-class1 sample-class2"></a>

p#sample-id.sample-class {
	background-color: red;
}

.sample-class1.sample-class2 {
	background-color: red;
}

부모태그 안의 자식태그 선택 (자식 결합자)

<div class="parents">
    <div clss="children">
    </div>
</div>

.parents > .children {
	background-color: red;
}

자손결합자

.ancestor .decendant {
	background-color: red;
}

JDK를 설치한 순간부터 우리는 JAVA 언어로 코딩을 할 수 있다.

예를 들어 메모장을 이용해 아래와 같은 코드를 작성할 수 있다.

이때 주의 해야 할 점은 파일을 저장할 때 파일 형식을 txt가 아닌 모든 파일로 바꿔서 저장해야 한다.

txt 파일로 저장 시 cmd를 통해 java 파일을 class 파일로 컴파일(compile) 할 때 아래 사진과 같이

error : file not found: 라는 오류를 보게 된다.

모든 파일로 저장시 아래와 같이 파일 형식이 JAVA 파일로 바뀌게 된다.

그럼 이제 java 파일을 compile 해보자.

cmd를 켠 후 내가 만든 Main.java 파일로 이동을 해야 한다.

cd / 를 입력하게 되면 기본 폴더인 c 드라이브로이동하게 되고

cd (폴더명)을 입력해 해당 폴더로 이동할 수 있다.

내가 저장한 Main.java 파일이 있는 폴더까지 이동했다면

javac (파일명. java)를 입력해 java를 class 파일로 컴파일할 수 있다.

오류 코드가 나오지 않는다면 컴파일이 잘 진행된 거다.

실제로 해당 폴더 안으로 들어가면 아래와 같이 CLASS 파일이 생긴 걸 볼 수 있다.

이제 Java -> Class 파일로 컴파일이 끝났으니 실행을 하면 된다.

해당 CLASS 파일이 있는 폴더에서 cmd를 통해 java (파일명. java)를 입력한 후 엔터를 누르면

내가 작성한 코드가 실행되는 것을 볼 수 있다. (이때 java Main.class가 아닌 java Main.java라는 것에 주의하자.)

이제 다시 처음으로 돌아와 왜 JDK를 설치했는데 IDE를 또 설치해야 하는지 생각해 보자.

방금 메모장이라는 편집기를 통해 코딩을 따라 해 봤다면 "Hello world!" 라는 한 문장을 출력하기 위해 한 과정이

상당히 귀찮고 불편하지 않았나 묻고 싶다. 

이러한 불편함을 해소하고자 만들어진 것이 IDE 통합 계발 환경이다. IDE를 이용해 코딩 디버그 컴파일 배포등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리할 수 있다.

@Controller

@RestController

@Getter

@Setter

@Component

@Bean

@Autowired

@Service

@Repository

@RequestMapping

@GetMapping

@PostMapping

@PutMapping

@PatchMapping

@DeleteMapping

@RequestBody

@RequestHeader

@RequestParam

@PathVariable