<aside> 🌅

오전 수업 (9:00~13:00)

<aside> ✅

프론트엔드 4

<aside> 👉🏻

div * 5 에 + tab키를 누르면 → <div></div>가 5개 생성된다.

</aside>

<aside> 👉🏻

div *5 {내용$} → $을 붙이면 자동으로 넘버링 되어 다음과 같이 나타난다.

</aside>

<aside> ✅

CSS부분

html 의 div에서 id 를 부여하여 → css에서 다음과 같이 해당 아이디를 가진 div를 변경시켜줄 수 있다.

</aside>

<aside> ✅

JS부분

• var : 거의 사용안함
• let : 수정 가능한 변수 선언시 사용
• const : 수정불가능한 변수 선언시 사용

version1 →함수를 생성하여 → 함수값을 받아 → console 출력

version 2→ const 함수를 생성 → 변수값 앞에 const를 붙여 상수처럼 이용 → console 출력

version 3 → version 2 와 유사한데 → function으로 선언하는 대신 → 중괄호와 return 을 이용하였다.

version4 → version3에서 진화한 것으로 → return 을 통해 표현하던 식을 중괄호를 없애고 한줄로 표현하였다.

</aside>

<aside> ✅

JS의 배열

• 일반적으로 배열은 처음 선언할 때 크기가 고정된다.

• 하지만 JavaScript의 배열은 동적 배열로,

  선언된 범위를 벗어나 인덱스에 값을 할당하더라도 오류가 발생하지 않으며 배열의 크기가 자동으로 확장된다.

</aside>

</aside>

</aside>

<aside> 🌇

오후 수업 (14:00~16:00)

<aside> 👉🏻

명언게시판 TDD 수업

<aside> ✅

Lombok 추가

Lombok을 도입하면 생성자에서 반복적으로 작성해야 하는

Getter / Setter 코드가 줄어들어

불필요하게 클래스가 커지는 것을 방지할 수 있다.

→ 위와 같이 build.gradle.kts 파일에 lombok에 관하여 추가해 주어야 사용할 수 있다.

</aside>

</aside>

</aside>