[개발일지] - 179

오후까지 필드생성작업을 진행했기 때문에 별 내용은 없고

오후에 진행하던 페이지네이션 작업 중

상단의 th를 누를 경우 해당 필드 기준 오름차순/내림차순 정렬이 진행되게 하려고 했지만

동적으로 클릭여부를 결정하는게 상당히 힘들었다.

 

삼항연산자 등은 당연히 먹히지 않았고

get 메서드를 달아서 동적반응은 가능했지만

공통적용이 아닌 여러개 중 하나에만 적용하기는 불가능한 수준이었고

각각 다른 버튼을 넣어서 다른걸 다 날리고 이것만 추가하는 억지 방식으로 해야 했는데

querySelector를 통해 문제를 해결할 수 있었다.

 

아래와 같이 리스트를 querySelectorAll로 가져온 다음

클릭한 Id에서 추출한 row 값을 i에 비교해 해당 값만 공개 후 나머지는 모두 hidden class를 넣어주고

css에서 display : none 처리했다.

        console.log(this.template.querySelector('.className'))
        const classList = this.template.querySelectorAll('.className')
        for(let i = 0 ; i < classList.length ; i++){
            classList[i].classList.remove('hidden')
            if(i == row){
                continue;
            }
            classList[i].classList.add('hidden')
        }

 

 

(1).백준 22396번 カレー作り는 카레의 농도를 맞춰야 하는 문제였다.

 

결론적으로 카레의 농도는  카레를 물의 양으로 나눈 값이고

주어진 값은 그 결과의 목표치를 제공하기 때문에

카레/물 = 목표치가 되며 추가할 루의 양을 계산해야 하기 때문에
카레+루 / 물 = 목표치가 되기 때문에 목표치 * 물 - 카레 = 루가 되고

루의 무게가 제공되기 때문에 해당 값을 나눈 다음 ceil로 올림처리해 최소 필요량을 구했다.

const input = `10 5 3 4
2 5 2 3
91 13 7 62
10 1 3 5
20 100 2 20
2 14 7 1
0 0 0 0`.split('\n')

const result = []

for(let i = 0 ; i < input.length-1 ; i++){
    const [a,b,c,d] = input[i].split(' ').map(Number)
    result.push(Math.max(0,Math.ceil((b*c -a)/d)))
}

console.log(result.join('\n'))