글 작성자: 망고좋아
반응형

📖 오늘 배운 내용 - 2022.02.16

  • 랭크 페이지 버그 수정
  • 실제 api 주소로 변경

 

📝 Nginx란?

  • Nginx는 인터넷 네트워크 위에서 HTTP 프로토콜을 이용해 클라이언트 언어(HTML, CSS, JavaScript, 이미지와 같은 정보)를 웹브라우저에게 전송하는 웹서버이다.
  • 배포를 위해 가장 많이 사용되는 웹 서버는 Apache이지만 Nginx 같은 경우 매우 가볍고 빠르며 웹 개발에 고정된 프로세스를 생성하고 비동기 이벤트를 기반으로 여러 접속 요청을 효율적으로 처리한다.

 

💡 오늘 깨달은 것

  • /src/utils/xxx.js 처럼 src에 utils 폴더를 만들면 함수를 사용하는 폴더뿐만 아니라 다른 폴더에서도 쉽게 접근이 가능해서 접근성을 높일 수 있다.
  • git checkout Sprint
    git pull origin Sprint
    git merge release-0.0.7.1
  • 배지 획득 여부는 어뷰징 때문에 프론트 보다는 백에서 판단하는 것이 좋다.
    • 어뷰징을 통해 배지를 모두 획득해서 post 요청을 보낼 수 있기 때문에
    • 백에서 랭킹을 하루에 한 번씩 점검해서 갱신하거나, 첫 커밋은 데이터 크롤링하는 과정에서 캐치해서 갱신해줄 수 있다.
    • 아니면 프론트에서 배지 획득하고 post 요청을 보냈을 때 백에서 검증하는 로직이 필요하다.
  • 통계를 해주는 서비스는 한 시간에 한 번씩 긁어오는 로직을 구성한다.
    • 크롤링해오는 쪽 따로, 서비스로서 유저에게 값을 제공하는 쪽 따로 이렇게 별개로 생각하는 게 대부분이다.
  • 릴리즈, 메인, 마스터 브랜치는 확인용도로만 하고 꼭 필요한 경우가 아닌 경우 수정하지 않는다,.
  • 즉, 릴리즈 브랜치는 sprint의 내용만 가져오고 업데이트하지 않는다.
  • 버전 관리는 tag로 많이 분류한다.
  • 버전별로 히스토리를 남기고 싶다면 브랜치를 남겨놓고, tag로 한다면 릴리즈 브랜치를 삭제해도 괜찮다.
  • 1920이 되더라도 가로를 1020으로 고정한다든지 이런 한계점을 모바일로 고정해서 큰 화면으로 봐도 모바일 화면까지만 보여줄 수 있도록 할 것
  • 예전 피그마 시안에서 모바일 -> pc 화면으로 갈 때는 주소를 / 이렇게 홈으로 강제하거나
  • pc -> 모바일 이렇게 갈 때는 마우스가 마지막으로 위치한 컴포넌트를 감지하고 그 컴포넌트 주소로 강제 이동시키는 방식으로 구현할 수 있다.

 

📌 참고

반응형