<aside> 🌅

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

<aside> 👉🏻

프론트엔드 기초3

<aside> ✅

링크에 사용되는 properties(속성들) 넘겨받는 방법

[링크예시] → text와 href 속성 2개 존재한다.

<aside> ☝🏻

version 1 일반적인 할당

</aside>

<aside> ✌🏻

version 2 구조분해 할당

</aside>

<aside> 👉🏻

매개변수에서 바로 구조 분해 할당 받기

가장 많이 사용되는 방법이다

</aside>

<aside> ✅

Div 태그 이용하기

[해결 문제]

우리가 원하는 사과 부분의 색을 변경하기위해 사과에만 div 태그를 이용한다.

<css>

div로 저장해둔 사과의 색을 바꾸기 위하여 다음과 같이 css 부분에 div에 대한 속성을 작성해준다.

<div> </div> 태그를 이용하면 줄바꿈이 되는데, 우리가 원하는 표현방식은 한줄로 나열하고 싶기 때문에
css 부분의 display 옵션을 이용하여 → inline-block 설정을 해준다.
display 옵션에서 알면 좋은것 → block 의 경우 : 한 라인 모두 차지한다. </aside>

</aside>

<aside> 👉🏻

명언게시판 → AppContext라는 Class 생성

→ 공통 객체를 중앙에서 관리하기 위해 AppContext를 public static 구조로 설계하였다. 이를 통해 객체를 싱글톤처럼 활용하여 불필요한 객체 생성을 방지하고, 애플리케이션 전반에서 일관된 인스턴스를 사용할 수 있도록 하였다.

</aside>

<aside> 👉🏻

TDD (Test Driven Development) 기초

Red단계 : 실패하는 테스트 만들기

무엇을 만들지 먼저 정의

Green단계 : 최소한의 구현

테스트가 통과할 정도로만
아주 단순하게 구현

Blue단계 : 코드 리팩토링

중복 제거
변수명 개선
가독성 향상

<aside> 👉🏻

TDD를 이용하기 위해서는 다음과 같은 코드를 넣어줘야 한다.

• assertThat 의존성 : testImplementation("org.assertj:assertj-core:3.27.3")

</aside>

<aside> 🌇

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

<aside> 👉🏻

System.in (키보드 입력 → “”” “”” 을 통해 미리 입력해두기)

<aside> ✅

</aside>

<aside> 👉🏻

System.out (모니터 출력 → 따로 배열에 저장하는 방법)

<aside> ✅

</aside>