[취업준비일지] - 53 - 스터디 프로젝트 14일차

오늘은 내용을 합친 다음 현재 부족한 부분들에 대해 이야기했다.
합치는 도중 충돌이 발생해 확인해보니 ts와 tsx로 통일이 되지 않은
파일 하나가 두개로 늘어나 발생한 문제였다.

나는 통일성을 맞춘다고 ts로 하나 되있는 파일을 tsx로 수정했지만
아이콘만으로 style을 구분하기 쉽게 ts로 스타일을 사용하고
jsx 파일들만 tsx로 사용하시는데 이건 취향이라고 하셨다.

사실 추가적 진행을 나가려면 api가 필요하고
현재 api명세서만으로는 데이터가 처리되지 않지만
api를 만들어주셨던 분(다 프론트지만 제일 잘하셔서 담당해주셨다)이
취업을 하고 오늘부터 출근하게 되셨기 때문에 진행이 애매해졌다.

boolean값이 없고 실시간 처리를 다른 데이터 그룹에서 받아오기 애매하기 때문에
통합된 관리가 필요하다고 생각하는데 그것도 불가능한 상황이고
초반에 figma 때부터 적용하기로 했던 filtering 기능 또한
api상으로 지원되지 않기 때문에 문제가 있다.

사실 여기서 가장 큰 문제는 미리 데이터 형태를 확인하고 요청하지 않았던
내 잘못인 것 같은데 백엔드가 아니다보니 명확한 설계를 아무도 생각하지 못하고
일단 완성하고 부족한 부분은 추가하자는 생각이었지만 
초기 구조적으로 문제가 보이는 것 같다.

SQL형식이 아닌 MongoDB를 사용하기 때문에
boolean 형태의 on/off 여부를 서버에서 처리하려면
서버에서 개인 boolean list를 추가적으로 관리해 포함된 여부를
알라딘 api 객체에 덧붙여 반환시켜 줘야 하는데
그 부분은 async/await을 서버에 적용해 처리해도 될 것 같기는 하지만
어떻게 될지는 잘 모르겠다.

취업하신분은 이제 회사일이 있으시기 때문에
당연히 우리끼리 해결하는 것이 맞는데
그렇다고 다음주부터 원티드 인턴십 과정에 들어가야 하는 상황에서
서버를 다시 배워 api를 조정한다는 것은 시간상으로 무리가 있어보인다.
(api를 보유한다는 가정하에 빠듯하게 이번주에 마무리하고 리팩토링할 일정이었기 때문에)

초대해셨던 동기분은 이것저것 많은 시도를 해보고 계시고
지금은 모달 부분에서 재사용이 가능하게 하기 위한 정리를 하고 계시지만
recoil, TypeScript, Styled-Components 세가지가 섞여있어 복잡해 보인다.

현재 부족한 기술스택 부분으로는 recoil, react-query가 있기 때문에
api 테스트가 되지 않는 상황에서는 일단 두가지 기술스택 학습을 하고
문제가 해결되면 진행하는 방향으로 이야기가 마무리되었다.




1.DB에서의 Index는 검색 속도를 높이기 위해 사용된다.
테이블은 FRM(테이블 구조), MYD(데이터), MYI(index) 3개의 파일로 구성되는데
index가 없는 경우 MYI 파일이 비워져 있다.

index를 알 경우 특정 자료 조회 속도가 비약적으로 빨라지지만
기본적으로 비워져 있는 파일이기 때문에
index를 사용하기 위해 MYI파일을 채울 경우 파일 크기가 증가하며
데이터 변경이 일어나 index가 자주 변경되는 경우 비효율일 수 있다.

join, 왜래키 사용, Where절에서 자주 사용되는 경우 유리하며
데이터 중복도가 높거나 데이터 조작이 자주 일어나는 경우 불리하다.

데이터 조회에만 유리하며
블록 포화 상태에서 데이터 삽입시에는 블록 재정렬(index 정렬)이 필요하고
데이터 삭제시 index와 블록 숫자 매칭이 되지 않을 수 있으며
데이터 갱신 시 기존 데이터 삭제, 추가로 2회의 작업이 필요하다.


(1).백준 5217 쌍의 합은 주어진 숫자들을 보고 각 숫자마다 보유한 합의 
길이 2짜리 부분집합을 모두 구하는 문제로 a,b가 같지 않고 a가 작아야 한다는 조건이 있다.
길이의 절반 미만까지만 조회하게 해 a,b가 같은 것을 방지했고
작은 숫자부터 절반 미만까지였기 때문에 a < b를 유지할 수 있었다.

let input = `4
2
3
4
5`.split('\n').map(Number)

let result = []
for(let i = 1 ; i < input.length ; i++){
    let arr = []
    for(let j = 1 ; j < input[i]/2 ; j++){
        arr.push(` ${j} ${input[i]-j}`)
    }
        result.push('Pairs for '+ input[i] + ':' + arr.join(','))
}

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