2023-06-14 퇴근 후 독서

형식 맞추기(p95)

수직 거리

public class WikiPageResponder implements SecureResponder{
public Response makeResponse(){
String pageName = getPageNameOrDefault();
loadPage();
}

public String getPageNameOrDefault(){
...
}

public void loadPage(){
...
}
}

함수 연관 관계나 동작 방식을 이해하기 위해 이 함수 저 함수 오가며 찾은 기억이 있을 것입니다.
보통 그런 경우엔 연관된 함수들로 제대로 정리하지 못해 어디에 메서드가 있는지 찾느라 시간을 소모합니다.
그래서 코드를 구현할 땐 최대한 비슷한 개념을 가진 메서드들을 가까이 둬야합니다.
또한 호출되는 함수 보단 호출하는 함수를 먼저 소스에 적는 것이 좋습니다.
이렇게 구현할 때 신문 기사를 읽듯 가독성이 좋아지게 됩니다.

개념적 유사성

개념적으로 유사한 메서드들을 연속되게 묶어 관리해도 좋습니다.

public class Assert{
pubic static void assertTrue(String message, boolean condition){
if(!condition){
  fail(message);
}
}

public static void assertTrue(boolean condition){
assertTrue(null, condition);
}

public static void assertFalse(String message, boolean condition){
assertTrue(message, !condition);
}
... 
}

이는 메서드들간의 영향이 없더라도 비슷한 동작을 수행하는 코드들을 하나로 관리하는 것입니다.
이렇게 함으로써 기능을 사용함에 편리함을 제공할 수 있습니다.

가로형식 맞추기
가로형식은 너무 길어도 좋지 않다고 합니다.
보통은 120자로 가로 길이를 제한을 두고 사용하는 것이 가독성을 위해 좋고, 보통 프로그래머들은 가로 길이를 20-60자 정도로 해서 사용한다고 합니다.

가로 정렬

제가 했던 실수 중 하나인데 선언부의 변수 이름이나 할당문의 오른쪽 피연사자를 빠뜨리지 않고 나란히 정렬하는 것이었습니다.

public class FitnesseExpediter implements ResponseSender{
private Socket      socket;
private InputStream input;
... 

>>> 

private Socket socket;
private InputStream input;
...
}

위의 코드 처럼 선언부와 변수명이 공백으로 지나치게 비워져있으면 선언부는 보이지 않고 변수명만 보입니다.
그래서 아래 코드처럼 선언부와 변수명을 하나의 공백으로 구분해 사용하는 것이 적당합니다.

리팩터링 2판

for 문 쪼개기

// 쪼개기 전
public void calculate(){
    List<Object> list = new ArrayList<>();
    int count = 0;
    int money = 0;
    for(int i = 0; i < 100; i++){
        count +=list.get(i).getCount();
        money +=list.get(i).getMoney();
    }
}

// 쪼갠 후
public void calculate(){
    List<Object> list = new ArrayList<>();
    int count = totalCount(list);
    int money = totalMoney(list);
}

public void totalCount(List<Object> list){
    int result = 0;
    for(int i = 0; i <  list.size(); i++){
        result += list.get(i).getCount();
    }
    return result;
}

public void totalMoney(List<Object> list){
    int result = 0;
    for(int i = 0; i < list.size(); i++){
        result += list.get(i).getMoney();
    }
    return result;
}

for 문 안에 동시에 두가지의 값을 계산하고 있으면 메서드로 추출하기가 매우어렵다.
이럴경우 for문 쪼개기를 통해 적절한 메서드를 추출할 수 있다.
하지만 이경우는 하나의 for문으로 해결할 수 있는걸 두개의 for문으로 처리하게되어 성능이 저하될 수 있지만 대부분의 경우에는 그렇게 유의미한 차이는 발생하지 않는다.

리팩터링 = 소프트웨어의 겉보기 동작은 그대로 유지한 채 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법 리팩터링하다 = 소프트웨어의 겉보기 동작은 그대로 유지한 채 여러가지 리팩터링 기법을 적용해서 소프트웨어를 재구성하다 리팩터링을 하고난 이후에는 성능은 변해도 사용자 관점에서 달라지는 점이 없어야 한다 -> 만약 버그가 있는 문제였어도 버그가 그대로 유지해야 된다
리팩터링의 장점
- 소프트웨어 설계가 좋아짐
- 소프트웨어를 이해하기 쉬워짐
- 버그를 쉽게 찾을 수 있음
- 프로그래밍 속도를 높일 수 있음
리팩터링을 쉽게 하기 위해서는 자신만의 코드 스타일을 가지고 있어야 한다.
비슷한 일을 세번째 하게 되면 리팩터링을 해라 = 스트라이크 세번이면 리팩터링하자(삼진 리팩터링)

[DOM을 깨우치다]

DOM트리는 다양한 속성을 통해 부모노드, 자식노드, 자매노드 등등에 접근이 가능하다.

<ul><!-- comment-->
  <li>item 1</li>
  <li>item 2</li>
  <!-- comment-->
</ul>

현재 노드의 부모 노드에 접근
- parentNode
첫번째, 마지막 자식 노드에 접근
- firstChild
- firstElementChild
- lastChild
- lastElementChild

<script>

const example = document.querySelector("ul")

console.log(example.firstChild.nodeType)        // 실행결과: text
console.log(example.firstElementChild.nodeType) // 실행결과: li

</script>

firstElementChild는 text노드, comment 노드를 무시한다. 즉, HTML code에 반영을 위한 접근이 필요하다면 firstElementChild을 쓴다.

자매 노드에 접근
- nextSibling
- nextElementSibling
- previousElementSibling

techbook-study / reading-after-work

2023-06-14 퇴근 후 독서 #8