중간 발표 질문 정리

다음은 중간 발표 이후 받았던 질문과 답변을 정리한 내용이다.

🔹frontend

Q) 프론트에서 서버통신중 발생한 에러처리는 어떻게 하고 있나요?

A) 로그인 아이디와 비밀번호가 틀렸을 경우에는 400을 서버에서 에러가 발생하였을 경우에는 500을 응답 받는 것으로 API를 작성했었습니다. 만일 400이나 500 값을 받았을 경우에는 에러 창을 만들어 사용자에게 오류가 발생하였음을 알렸습니다. 관련된 문서 링크를 아래에 걸어 두었습니다. 참고 부탁드립니다 :)

Mainpage

Q) 로딩쪽 처리 코드 보여주실 수 있나요?

A) 로딩 페이지를 제작한 원리는 다음과 같습니다. 먼저, 화면의 정중앙에 로고가 채워질 부분을 만들었습니다. 이때 display: none; 을 이용해 공간을 차지하지 않도록 설정했습니다. 그리고 로고가 채워질 부분에서 content: attr(data-text)를 이용해 텍스트만 추출하고 z-index: 2를 사용해 제일 앞에 배치되도록 했습니다. 마지막으로, animation: loading 2s ease infinite 설정을 적용해 로고가 계속 채워지는 효과를 주었습니다. html,css 코드는 아래 코드를 참고해주시면 감사하겠습니다 :)

//html
<h1 id="loadinglogo" data-text="PKSELECT">PKSELECT</h1>

//css
#loadinglogo {
  display: none;
  font-size: 40px;
  font-family: "logofont";
  color: white;
  position: fixed;
  left: 50%;
  top: 48%;
  transform: translate(-50%, 0);
  transition-property: background-color;
  transition-duration: 3s;
}

#loadinglogo::before {
  content: attr(data-text);
  color: #14274E;
  position: absolute;
  left: 0;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  animation: loading 2s ease infinite;
}

//javascript
function loginmove() {
    $('#total').hide();
    $('#over').show();
    document.body.style.backgroundColor = "white";
    document.body.style.lineHeight = "100px";

    fetch(
    //서버 요청
        .then(json => {
            if (json['status'] == 400 || 500){
            // 에러처리
            } else if (json['status'] == 200) {
            // 테이블, 달력 코드
            }
            })
}

🔹backend

Q) 서버 간의 커뮤니케이션을 암호화 하기 위해서 HTTPS을 사용하셨다고 말씀하셨는데 그 과정에 대해 설명 해주실 수 있을까요?

A) Nginx, 양방향.. 암호화…

Q) 도메인 주소 만드는 방법 공유 해주실 수 있을까요?

A) 사이트 내도메인을 이용했습니다. 무료로 이용할 수 있다는 게 제일 큰 장점인 것 같고, 한국어 도메인도 설정이 가능하다는 유닉함도 있습니다.

Q) 저도 빈번히 TDD를 써보려다 실패하는데

1. 다른 분들도 알 수있게 간단하게 TDD 소개 해주실 수 있나요?

2. 본인은 TDD원칙을 잘 지키며 개발했다고 생각하시나요?

3. 기존의 방식(폭포수 같은거) vs TDD 어느게 더 낫다고 느끼시나요?

알려주시면 저도 다음 개발 때 참고하여 TDD를 적용하여 개발하고 싶어 질문 드립니다!

A)

Q) unit test로 전체 코드를 테스트 하는 거랑 일부 코드만 테스트 하는 것 중 어떤 것이 적합하다고 생각하시나요?

A) 개발자의 마음.., 프로젝트마다 다르다.