# 📚 Week4 피어세션

### **🔥 피어세션 그룹원**

**J10 : `J001_강경수` `J114_양예진`, `J023_김남진`, `J151_이연정`**

## 피어세션 진행사항

### **📖 활동 정의**

코드를 보면서 막혔던 문제나 구현한 기능에 대해 물어보고 토의하는 활동

### **📖 활동 목적**

코드를 공유하는 것으로 구현한 기능의 설계와 의도를 나누고 조언을 받는다.

### **📖 활동 과정**

### **양예진 캠퍼**

- 어려웠던 점
- 백엔드와 프론트의 api 요청하는데 있어서 연결이 때때로 안되는 점.
- 아쉬운 점
- 구현이 많이 안된 점.
- 모듈을 나눌 때, class로 묶을 것인지 함수로 묶을 것인지에 대한 기준을 제대로 정하지 않은 점.
- 칭찬할 점
- class의 add, remove, toggle 을 utils로 묶어서 구현
- 궁금한 점

- 질문 및 피드백
- 인증 관련 로직은 무조건 서버한테 맡기는게 낫습니다.
- 정보

### **이연정 캠퍼**

- 어려웠던 점
- 전체 구조 디자인
- 아쉬운 점
- 렌더링 되는 단위들의 세분화 예정
- 목적에 따른 리팩토링 예정
- 쿼리 등 세부적인 요소들에 대한 모듈화 예정
- 궁금한 점
- PUT과 Patch 차이, 차이의 목적
- 전체 프로젝트 구조 디자인
- 질문 및 피드백
- drag and drop 구현에 대한 질문
- drag 관련 html 수정
- drag 에 대한 event 종류
- drag and drop에 따른 event bubbling
- 정보
- npx webpack --watch
- draggable 속성

### **김남진 캠퍼**

- 어려웠던 점
- 각 컴포넌트를 독립적인 구조로 나누는 작업
- 이벤트 버블링이 안일어나게 상위 컴포넌트에서 리스닝하도록 구현하는 것
- 아쉬운 점
- 나중에 구현한 코드 일 수록 구조가 개선되어 있어서 이전에 작성한 코드들의 리팩토링이 필요함
- 궁금한 점
- 다른 분들은 컴포넌트의 객체 구조를 어떻게 짜셨는지
- await 으로 인해 칼럼이 하나 생성된 후 멈칫하고 나머지가 생성되는 현상에 대한 조언
- 질문 및 피드백
- 칼럼마다 로딩되는 시간이 차이나는 문제 -> Promise.all
- 프론트와 백엔드 연결은 어떻게 하셨는지? -> webpack의 결과물을 백엔드의 public 디렉토리에 두어서, 한 포트에서 백엔드와 프론트가 작동하도록 하였음.
- await으로 비동기 메소드를 기다리고, 그 결과를 json으로 바꾼 후, 바로 리턴하도록
- jQuery를 구현한 방식에 대하여 질문을 하였음. ($, $$)
- 별도로 this.$card와 같이, element를 지칭하는 방식에 대하여 설명해 주셨음.
- 정보
- kotlin에서 사용되는 '?.', '?:'에 대해서 말씀해주셨음.
- 변화해가는 웹의 형태와 그 모델에 대한 고찰(mvvm, ...)

### **강경수 캠퍼**

- 어려웠던 점
- 개인적인 생각으로는, 전체 설계, 개발 흐름을 예측하는 것이 가장 어렵다. 어떠한 구조로 작성하고, 디렉토리를 관리할 것인가, 미리 전체를 계획할 수는 없겠지만, 특정 파일이나 모듈, 클래스 단위의 개발을 하는 것이 코드의 안정성을 높일 수 있을 것 같다.
- 아쉬운 점
- 카드나 칼럼을 식별할 때 id가 아닌 dataset을 이용하는게 나음
- 백엔드단에서 검증 로직을 추가로 할 필요가 있음. -> 악의적인 요청에 대한 방어
- 궁금한 점
- 다른 분들의 파일 관리를 유심히 보았습니다, 각자 정의하고 사용하는 방식에 차이가 있는데, 코드 레벨에서 유의미한 차이가 있는지 궁금하다.
- 질문 및 피드백
- 김남진 캠퍼님이 말씀해주신 부분, 아쉬운 점과 동일.
- 정보
- PUT, PATCH의 차이

### **📖 활동 결과**

### **전체 결과**
- 책 추천
https://book.naver.com/bookdb/book_detail.nhn?bid=7443642
https://book.naver.com/bookdb/book_detail.nhn?bid=7390287
- 각자의 구현사항에 생각지 못한 부분이나 해결하지 못한 문제에 대해 조언을 받는 것으로 기능구현의 실마리와 리팩토링의 여지를 얻을 수 있었다.
- 유용한 정보를 공유할 수 있었다.
- 개발과 관련된 훌륭한 사이트를 공유 할 수 있었다.
- 자신의 생각을 공유하고 리뷰 받을 수 있는 시간을 가질 수 있었다.