TIL 2월 2일

김수찬 🤟

Facts

• 코어타임에 만남
• 짤막한 코드 리뷰
• 미디어 쪽 에러 발생

Feeling

• 뭐 하나 잘 진행되는게 없으니...눈물이 난다
• 소통을 하니 그래도 좀 나은 것 같음

Finding

• 미디어 쪽 개발을 이때까지 했는데 풀 스텍인지 몰ㄹ랐음...
• express를 이용하여 추가적으로res req를 활용해 정보를 빼줘야할 듯 보인다.
• 카메라를 켜고 끄는 것에 문제가 있은데 종료를 했다가 다시 진행하면 문제가 없음...
  • 이런 현상을 봤을 때 카메라를 끌때 제공해야할 것들이 덜 제공된 것으로 보인다
• produce만 계속 진행하면 서버에 부하가 발생하니 꼭 삭제하는 코드를 작성하셨으면 한다 ㅎ

Future (Optional)

• 카메라 off시 produce삭제 진행
• 카메라 bugfix
• 데이터베이스 작업 시작

김현우 😀

Facts

• 서울 일정 1일차 생각보다 잡아둔 일정이 길어져서 중간중간 빈 시간에 조금씩 구현
• 개인 설정 페이지 틀 구성 완료

Feeling

• 옛날에 잡힌 일정이긴 하지만 생각했던 거 보다 할게 많이 남아있어서 미리 좀 많이 해둘걸 그랬다.

Finding

• drag and drop 라이브러리 안쓰고 직접 조금 구현해봤는데 확실히 dnd가 빠르고 효율적인 것 같음.

Future (Optional)

• 일정 잡아둔 건 감안하고 남는 시간에 꾸준히 작성하기

박규현 🤑

Facts

• select 문 데이터 전송 부분 해결 완료(promise 사용)

Feeling

• 동기 비동기 어렵다...

Finding

Future (Optional)

• 로직 분리하는 것 완료하기

백종인 🐭

Facts

• 코어타임 모각코 22:00 ~ 02:00
• 친구 요청 조회, 승인, 거절 기능 추가
• 유저 이름 변경 기능 추가
• 유저 비밀번호 변경 기능 추가
• 정보 변경 정리 : https://devcamp.notion.site/db06e88e42eb45cbbaf9541845db0065

Feeling

• 테스트 코드는 언제쯤 작성하지!!!
• JPQL 한 번 공부해놓으니 쿼리문 작성이 정말 편안하다
• 스펙에 대한 팀원들과의 논의가 중요해보인다.
  • 소통에 대한 필요성 증가..
• 프로필 이미지 저장을 어떻게 처리할것인가에 대한 고민..
  • 이미지를 저장할 cloud (s3같은) 를 사용해야하는가?
  • 사용하면 좋으나, 프로필 이미지만 저장하는데 복잡성을 줄이고 그냥 로컬에서 관리하는건 어떨지..

Finding

• set method를 사용하지 말고 entity에 변경하는 로직을 추가해서 수정하는것이 안전하다.
• delete, update 쿼리문 날릴때는 쿼리 메소드위에 @Modifying 어노테이션을 추가해줘야한다.

Future (Optional)

• 프로필 이미지 어떻게 관리할지 생각

허다은 🐣

Facts

• 변경된 테마 반영하여 작성한 컴포넌트 리팩토링
• DefaultInput 사용하여 molecules의 인풋 컴포넌트 리팩토링
• 프로젝트 UI 구현
• 22:00 ~ 02:00 온라인 코어 스터디

Feeling

• typescript와 storybook을 사용해보니 테스팅도 되고 미리 버그도 방지할 수 있어서 확실히 사용하기 전보다 훨씬 좋다. 대신 컴포넌트 하나를 만들 때마다 작성해야 할 코드가 많다보니까 UI를 구현하는데 생각보다 시간이 꽤 걸리는 것 같다.
• 마음이 급해서 어느새 구현에만 신경쓰며 만들고 있는 나 자신을 발견.. 컴포넌트를 하나 만들 때 atomic적으로 좀 더 구체적으로 생각을 하고 만들어야겠다.
• 직관성 좋게 컴포넌트를 네이밍하는 것이 너무 어렵다. 좀 찾아보고 공부하자.
• 빨리 UI 구현 끝내고 백엔드와 연결도 하고 싶다!

Finding

structuredClone()

• mozilla 링크
• 자바스크립트에 깊은 복사를 할 수 있는 내장 함수가 생겼다!
• ECMAScript에도 도입되어 반영까지 되었다.
• 이제 lodash를 쓸 이유가 없다!
• structured clone 알고리즘을 사용해서 깊은 복사를 해준다.
• 원본 value를 깊은 복사를 한 값을 반환한다.

structuredClone(value)
structuredClone(value, option);

• value: : 클론할 객체. 모든 타입이 다 가능함.
• option(optional) : transfer 속성을 갖는다. transfer은 value의 모든 값을 복사하지 않고, 일부 원하는 값들만 복사하도록 한다 (예제를 보니 주로 버퍼에서 사용되는 듯 함)

예로 들면,

const transferred = structuredClone(
  { x: { y: { z: arrayBuffer1, w: arrayBuffer2 } } },
  { transfer: [arrayBuffer1] }
);

이렇게 작성을 하면, transferred에는 arayBuffer 값은 전달되지만, arrayBuffer2 값은 전달되지 않는다.

Future

• 프로젝트 UI 구현 마저 계속 하기(이번주에 꼭 끝내고 말테다)