팀 프로젝트 | MovieOn - 5

🔆오늘의 목표

• 고객센터 페이지 레이아웃
• 로그인 창

고객센터 페이지 레이아웃

Fetch

Fetch함수로 HTML을 나누고 작업하면서 단점으로는, 비동기 처리로 원하는 선택자의 이벤트 처리하기 위해서는 동기적인 순서를 지켜서 설정해주어야 한다는 점이다.
이번에 그래서 Promise함수에 대해서 공부했는데, promise를 리턴해주면 해결될 줄 알았는데, 그렇지는 않았다. 그래서 콜백함수를 이용해서 fetch함수 내에 순차적으로 함수를 호출해서 해결했다.

Ajax Json Parsing

Ajax 함수를 통해서 내부에 생성한 Json파일을 파싱하여 자주 묻는 질문 게시판 태그를 추가하는 시도를 해보았다.

$.ajax({
    url: '../script/faq.json',
    async: true,
    type: 'get',
    dataType: 'json',
    success: function (req) {
      // .. 여기에 제이슨 데이터들을 이용해서 일련의 작업들을 수행
    }
}).done(function(){
  //.. 위의 작업이 끝나면 호출되고, 추가 작업 수행
});

로그인 창

우선 백그라운드 색깔을 까맣고 불투명하게 지정하고, 스크롤을 막으려고 한다.
스크롤을 막으려면 아래와 같은 속성이 필요하다.

body{
  overflow: hidden;
}

그 외에 레이아웃은 늘 하던거라 그냥.. 생략! 일단 심플하게 만들어봤다!
cookie값을 이용해서 id기억 같은 기능도 시간이 남는다면 넣어보겠다.