[후기] 2021 Dev-Matching: 웹 프론트엔드 개발자 - 프로그래머스

이번 6일에 프로그래머스에서 데브매칭 과제 테스트를 진행했다.

 

저번에 친 카카오커머스 과제 테스트과 똑같은 조건으로 바닐라 자바스크립트로, 다른 모듈은 사용 불가다.

 

그리고 처음으로 캠을 켜고 진행했는데 스마트폰을 옆에 두고 무릎쪽과 모니터가 보이게 찍어야했다. 그리고 듀얼모니터라도 하나의 모니터만 사용해서 진행해야 했다.

 

대략 과제 테스트의 후기를 작성하자면..

요구 기능은 쉽게말해서 우리가 흔히 쓰는 파일 탐색기의 기능을 구현하는 것이었다.

주어진 API를 호출하면 현재 디렉토리의 파일 리스트를 가져오고 그 파일 리스트들로 폴더인지, 파일(이미지)인지 렌더링하고, 폴더면 해당 폴더의 id를 이용하여 API 를 호출하여 또 폴더의 내용을 렌더링 하는 방식..

 

로딩 모달을 이용하여 API 호출간 로딩모달 띄우기,

이미지 파일을 클릭하면 이미지 모달을 띄우고 모달 외부(검은색 부분... 명칭이 기억이 안남)를 누르거나 ESC 버튼을 누르면 모달창이 꺼지게 하기.

root 디렉토리가 아니면 뒤로 돌아가기 버튼 생성.

 

그 외에 가산점 문제도 있었는데.

위의 사진과 같이 바탕 화면을 누르면 바탕 화면의 경로로 돌아가는 기능,

해당 디렉토리의 정보를 캐싱하여 다시 해당 폴더에 접근할 때 api를 다시 호출을 안하도록 하는 것들이 있었다.

 

이번 테스트는 그럭저럭 만족스럽게 쳤다. 저번 카카오커머스 테스트와는 달리 일단 파일 탐색기라는 우리에게 익숙한 기능을 구현하는 것 이었고, 2번째 과제테스트니깐 더 수월하게 진행 할 수 있었다.

 

다만 모달 클래스를 2개(이미지, 로딩) 따로 나눠서 모달창을 켜고 끄는 코드가 중복 작성 되었는데 하나의 모달 클래스를 이용하여 상속받아서 2개의 모달창을 만들었다면 더 좋지 않았을까...하는 후회가 남는다. 15분 정도 남았었는데 Javascript 에서 상속을 써본적이 없어서 괜히 상속해보려다가 기능도 완성 못할 것 같은 두려움 때문에 그냥 안전하게 제출하기로 했다..

 

아무튼 재밌는 과제 테스트였다. 과제 테스트에 참여하지 못했다면 한번 쯤은 만들어 보는게 어떨까 생각이 든다.

 

 

21.04.16 추가

 

programmers.co.kr/skill_check_assignments/100

 

프로그래머스에서 해당 과제를 공개했다. 여기서 풀어볼 수 있다