[취업준비일지] - 77 - 원티드 인턴십 6일차

모달창을 띄워서 작업을 하는 중이었는데
생성한 내용이 잘 나오지 않아 당황하고
여기저기 다 넣어보고 동기 문제인가 싶어서 async도 넣어보고
동기분이 알려주신 ?를 넣어서 해결도 해봤는데
?는 잘 작동했지만 데이터가 넘어가지 않아서 그냥 undefined가 가득한
텅 빈 결과물만 출력되어버렸다.

억울해서 화면공유를 하고 이게 이렇게 했는데 왜 안되냐고 
열심히 울분을 토하던 중 data에서 filter를 한 게 아니고 
dummyData에서 filtering을 해버린 것이었다.

어쩐지 기존 데이터만 잘 넘어가고
새로운 데이터는 적용이 안되는게 이상하더라니..

진행 도중 id값을 params로 넘겨주고 싶었는데
params만 넘기려고 하면 넘어가지 않아 공식문서를 찾아보니
params, event 순서로 넘겨야 된다고 한다.

예전에도 사용했던 기억이 있는데
시간이 지나고 나니 사소한 일들은 점점 잊혀지는 것 같다.

onClick={(e) => {modalHandler(el, e)}}
const modalHandler = (el, e) => {
  setListData(...data[el.listState + 'Arr'].filter(e => e.id === el.id));
}

 

위와 같은 방식으로 mapping한 데이터의 id 등을 넘겨준 다음
modal 또는 params로 주소로 접근할 수 있다.

모달 내부 데이터를 확인한 다음
기능 구현을 할 때 필요한 수정,삭제 / 저장,취소 버튼을 state에 따라 바뀌게 잡아둔 다음 디자인은 넘기고 커밋 및 이슈관리를 진행했다.

오후 2시부터 이번 과제에 대한 회의를 진행했는데
전반적으로 다 완료하신 분이 없었기 때문에
각자 마무리를 최대한 한 다음 제일 잘한 사람을 내일 오전에 잡아서
거기서 조금 더 발전시켜서 마무리하고 제출하는 방향으로 정리했다.



1.마이크로서비스 아키텍처(MSA)는 단위를 목적으로 나누는 소프트웨어 개발 기법으로
이전에는 하나의 덩어리로 이루어진 MONOLITHIC 개발 방식으로 진행되었지만
이는 규모가 커질수록 빌드 및 테스트에 지나치게 큰 시간이 걸려 유지보수가 힘들고
세세한 문제 하나 때문에 전체적인 시스템 다운이 일어나고
서비스의 확장에도 제한이 있었다.

MSA는 이러한 단점을 개선하기 위해
각각의 새로운 기능들을 각자 독립된 서버에서 운영하기 때문에
특정 서버가 문제가 생기더라도 다른 서버에서 담당하는 기능은 유지되며
서비스별로 수정, 개선, 확장이 가능하다는 장점이 있다.

하지만 이런 운영방식으로 서버를 다양화 할 경우
API 소통 시 데이터를 각자 관리하기 때문에 하나로 통일하기 어려우며
여러개의 API를 한번에 처리해야 할 경우 한번씩 정리해야 하는 경우 등
(promisAll과 같은 기능들을 통해 처리가 다 된 다음 가공해야 할 수 있다)
개발, 확장에서의 이점 대신 이용 면에서의 불편함을 가져올 수 있다.





(1).백준 13416 주식 투자는 미래를 보는 주식투자자가
주식들의 차액을 보고 최대 이익을 얼마나 얻을 수 있는지를 묻는 문제였다.
Math.max(...datas,0)과 유사한 방식으로 최대값을 찾은 다음(0이상)
sum에 더해줘 최종 날짜의 값을 result에 모아줬다.

let input = `2
4
500 800 200
300 0 300
-100 -200 -400
600 200 300
3
451 234 309
224 334 467
143 246 245`.split('\n')

let result = []
for(let i = 1 ; i < input.length ; i++){
    let testCaseAmount = Number(input[i])
    let sum = 0
    for(let j = i+1 ; j <= i+testCaseAmount ; j++){
        let [a,b,c] = input[j].split(' ').map(Number)
        sum += Math.max(0,a,b,c)
    }
    result.push(sum)
    i += testCaseAmount
}

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