[Mini Project] 풀스택 미니 프로젝트 발표 리뷰

✔️ Front

⭐️ RESTful API 공부!

• Post db에 저장
• Get db에서 불러오는 것

RESTful API 에 대해 더 공부해보면면 이해가 될 것임

 

⭐️ 인라인 vs style 어떻게 다를까?

화면이 그려지는 과정=랜더링

브라우저에서 랜더링을 하기 위해 진행하는 여러 과정이 있는데, 이 때 인라인 요소와 스타일로 속성 준 것에 따라 차이가 있음

 

⭐️ Font

브라우저가 폰트파일을 다운로드 받아서 보여주는데, 눈누처럼 웹폰트 방식으로 보여줄 수도 있고 폰트 파일 자체를 프로젝트 폴더에 넣을 수도 있고, 로컬 환경 사용자가 쓰는 곳에 넣어놓고 쓸 수도 있음!

- 유저가 접속한 로컬 환경에 그 폰트가 없으면 어떤 폰트를 적용할 것인지?

- 크로스 브라우징: 브라우저마다 폰트 규격이 안 맞는 / 지원하지 않는 거 확인하고 염두해야함

- Mdn web api 부분에서 브라우저 리스트 표 확인 지원하지 않을 때 어떻게 처리할 것인지? (이는 실무에서 당연한 부분임)

 

⭐️ 최적화

랜더링 시 오류 늦어지는 현상 빨리 랜더링하는 방법?  프론트 서버만의 최적화가 모두 필요한데 굉장히 많은 방법이 필요함 but 제일 우선은 개발을 끝나고 그 후에 최적화 고민

✔️ 기능 관련

-  API 적는 법 : 기능개발 시 feature/board 처럼 뒤에 어떤 부분인지 적기

- 회원가입 '중복 확인' 기능은 따로 버튼을 달아두는 게 좋음

- 로컬 서버가 제일 빠르므로 배포 시 달라질 수 있음. 이를 고려해야 함

- 로딩 시간이 길 때 로딩 alert을 띄운다던지 버튼 여러번 클릭할 때 처음 보낸 요청만 남겨두고 나머지를 삭제하는 등여러 방식으로 처리할 수 있음

✔️ Git 관련

- 자기가 개발한 내용 commit 제때 잘 적어주기

- GitHub readme, trouble shooting 개발 후 정리하는 것도 중요함

# Issues :기능이나 에러를 쓰며 활용해보기! 커밋 시 이슈번호를 언급해서 연결될 수 있음. 이렇게 바로 이동할 수 있는 기능 써보기

- 팀 깃 플로우 잘 짜야함 어떤 식으로 커밋하고 풀하고 푸시하고 진행할 지

✔️ 더 공부할 것

- SSE가 뭘까?

- 배치? 쌓아놓은 데이터를 한 번에 일괄처리 실시간 처리와 대비 ex) 은행 업무 서비스 점검 시간

- 로그인 정규식 유효성 검사

✔️ 고민해볼 것

- 어떤 기능이 우리 프로젝트에 꼭 필요한 것인지 생각해보기

- 외부 라이브러리보다 우리 서버 단에 해결할 수 없는지 먼저 생각해보기

- 문제를 어떤 식으로 처리할 지 고민해야 함

- 유저의 입장에서 생각하는 습관이 필요함

☆ 오픈 API나 동적크롤링 사용 등 다양한 상황에서 접근 방법 고민이 필요함

크롤링이 open api보다 오래 걸림 ->  db에 넣어놓는 방법?

=실시간성이 필요한지 데이터를 쌓았다가 업데이트를 해줘도 되는 데이터인지 고민이 필요함

실전에서도 데이터를 쌓을 때 막히는 경우가 많음

ex) ‘메뉴’같은 경우 상대적으로 실시간성이 요구되는 것은 아니므로 db에 저장하는 게 좋은 전략일 수 있음

- 수정 삭제 기능이 생기게 될 때 ‘비회원’ 어떻게 처리할지 고민해보면 좋음

- 절대 중복안되는 pk(primary key)가 꼭 필요함! 상세페이지나 특정한 데이터 하나 구현할 때 이 아이디 개념을 잘 활용하면 좋음

API URL 설계할 때 이런 pathvarible 고유값을 사용해서 서버 프론트 통신할 때 '식별할 것'으로 사용할 수 있음

 

🪐 우리 조 Feedback 💫

- '작은 이미지들이 나열된 갤러리 -> 큰 이미지의 상세페이지' 이렇게 이미지를 크기별로 만들어서 따로 불러옴

앞으로 프로젝트에서는 이미지 크기 확인하고 압축해서 불러오는 속도 줄이기

- 깃허브 리드미 특히 트러블 슈팅 잘 써야함

- "커밋컨벤션" 검색 : 커밋 메시지 채용자가 꼭 확인하므로 누가 어떤 것을 했는지 잘 표현하기

- 실무에서 어떤 콘텐츠를 레이아웃에 배치할 때 Grid display 매우 많이 사용함

absoulte 의 속성(relative 붙은 부모에게 붙는 것 등) 잘 이해헤야 함

웹퍼블리셔는 점점 줄어드는 추세이므로 markup html css 에 관한 이해가 있으면 좋음

 

Q: 어떤 기능을 구현하기 위해 어떤 함수를 써야하는지 검색할 때 효율적인 방법?

A: 나중에 프로젝트에서 무한스크롤이나 실시간 채팅 기능 많이 사용함

기능 검색 키워드 2~3개 와 + ex) 예제를 함께 검색하기 (영어로 검색하면 좋음)

이제 자바스크립트 함수를 잘 짜기 위해 언어 공부하기. 알고리즘 함수도 잘 이해해야 함