[Web21] 2회차 피어세션

2회차 피어세션

참여자

박기범	이진선	이창엽	곽성준	박춘화	이홍덕	최낙훈	최영근
J084	J163	J165	J006	J094	J171	J205	J206
ESTJ	INFP	ISFP	INFP	ENFJ	ISFP	ISFJ	ISTJ

공유내용

• iframe 활용한 sandbox 제작

  • iframe의 sandbox 프로퍼티로 allow-scripts를 사용하여 자바스크립트 코드 실행 허용 (팝업은 허용하지 않음)
  • Message Channel API를 사용하여 코드를 iframe으로 넘겨주고, 결과값을 iframe에서 받아온다.

• 좌우 스크롤 기능

  • 동일한 레이아웃이 사용되는 페이지끼리 공유 페이지 컴포넌트를 만들어 재사용

• 여러 언어 호환 기능

  • Python의 Fast API를 통해 Python 코드를 테스트 가능하다.
  • Docker 컨테이너를 사용하여 격리된 환경을 구성한다.

• 음악 싱크 맞추기

  • video tag의 currentTime 속성 활용하여, 방장의 currentTime을 참자가들에게 소켓을 통해 전송한다.
  • 매 currentTime 마다 소켓 통신을 하지 않고, 방장이 currentTime을 변경할 때만 소켓 이벤트를 발생시킨다.

• 파일 업로드

  • multer의 memory storage 옵션을 사용하여 서버의 disk를 거치지 않고 buffer의 형태로 express에서 넘겨받을 수 있다.
  • 파일의 buffer값과 서버에 숨겨진 salt값을 이용하여 content hash를 생성한다. 이 과정에서 sha512 알고리즘을 적용한다. 이를 통해 동일한 파일의 중복 업로드를 방지할 수 있다.
  • aws-sdk를 이용하여 파일을 업로드 할때, multer를 통해 넘겨받은 파일의 buffer값을 readable stream의 영태로 넘겨주어야 한다.

• 디자인 사이트

  • free logo design

• 코드 리뷰

  • 머지를 위해 풀리퀘스트를 남기고, 이 풀리퀘스트를 이용하여 리뷰 활동을 하면 기록이 꾸준히 남아서 좋다.

여담

• Web04 팀은 민주주의를 지향하는 팀임을 명시합니다.
• web21 그룹의 발언에서 논란이 있다면, 그 발언의 중심은 항상 이진선 캠퍼님을 명확히 밝히는 바입니다.
• 최낙훈 캠퍼님은 남의 불행에서 행복을 느끼시는 무서운 분입니다.
• ㅜㅜ 아니에요... 웃음을 없애보겠습니다.