18-2 한국외대 수강신청 빈자리 알람

less than 1 minute read

Group.png

직접 만든 로고

서버

  • Partial.js를 사용했다.
  • DB는 JS 기본 객체를 사용해서 만들었다.
  • ’10 / 50′ 같은 인원정보에서 자리가 났는지 여부를 알아내기 위해
    • 문자열끼리 나눗셈하면 숫자가 나오는 점
    • 비트연산 x 1 을 하면 x가 1보다 작은 경우 falsy한 값인 0이 나오는점을 이용했다.
  • 강의 목록을 가져오는 함수의 결과를 캐싱하기 위해 asyncMemoize 함수를 만들었다.
const asyncMemoize = (fn, cache = {}) =>
  arg => cache[arg] ? Promise.resolve(cache[arg]) : fn(arg).then(res => (cache[arg] = res))

 

클라이언트

  • VueSax를 사용했다. 자주 쓰던 Vuetify의 컴포넌트보다 동글동글해서 편안한 느낌이다.
  • 서버 메시지를 오른쪽 하단에 보여줘서 마이크로인터랙션을 만들었다.
  • radio 컴포넌트 내 v-model이 작동을 안해서 @click을 붙여서 억지로 작동하게 만들었다.