전체 글

단위 테스트란 (Unit Test)? - 모듈별로 하나의 가장 작은 단위로 독립적으로 실행되는 테스트로, 각 함수나 메서드가 올바르게 작동하는지 검사하는데 초점을 맞춤  단위 테스트, 왜 필요할까?- 프로젝트 전체 규모의 테스트 코드를 작성하게 되면 서버와 연결하고 서로 상호작용 하는 컴포넌트들이 모두 문제 없이 작동해야 테스트 할 환경이 만들어지며, 이는 비용과 시간이 많이 들어가는 작업임. 반면 단위 테스트는 작은 모듈별로 독립적으로 테스팅 하기에 비용이 적게 들고, 테스팅을 원하는 곳만 부분적으로 실행할 수 있다는 장점이 있음.  그럼 어떤 효과가 있는데?1. 빠른 피드백과 에러 초기 발견 가능 - 개발자가 한 모듈을 개발한 이후 테스트 코드만 작성하여 실행하면 되기 때문에, 작업이 간편하며 이를 ..

JWT 이란?- JWT(JSON Web Token): URL로 이용할 수 있는 문자로만 구성된 JSON형식의 토큰 형태로 주로 클라이언트-서버간 인증 및 정보 교환에 사용됨 JWT의 구성요소1. header(헤더): 토큰의 유형과 서명 생성에 어떤 알고리즘이 사용되었는지 정의2. payload(내용): 사용자의 인증 정보를 담고 있으며, 정보의 한 조각을 '클레임'이라고 부름. 클레임은 name-vlaue의 쌍으로 이루어져 있으며, 토큰에 여러개의 클레임들을 넣을 수 있음(사용자 ID, 권한 등)3. signature(서명): header와 payload를 비밀키로 서명한 값으로, 토큰이 변조되지 않았음을 검증하고 인증해주는 부분  Access Token과 Refresh Token의 관리방식- JWT 방..

검색 필터로 나라 이름을 보여주는 UI를 추가한 이후 만든 꾹 눌러 단어 삭제하는 기능.디자이너님이 요청해주셔서 만들어봤는데 완성되니 예쁘고, 디테일도 올라간 느낌이다~    ※ 구현 로직Q. 꾹 누르는 것?   A. mousedown(커서 누르기)이 일어나고 몇 초뒤 뒤에 mouseup(커서 떼기)이 일어남- 필터 단어를 누르면 n초 뒤에 삭제되도록 setTimeout을 걸어두고, mouseup이 지정된 시간 전에 일어나면 꾹 누르는게 취소되었으니 clearTimeout으로  setTimeout을 삭제시킴- once:true => 이벤트 핸들러가 한 번만 실행되고 바로 삭제되게 함 2. 모바일 지원(+ 추가 기능)- window 객체에 touchstart 이벤트가 있으면 모바일 환경- touchcanc..

다 잘 동작하는데 색상에 관련된 css만 안되는 이유를 모르겠다...

다음주부터 시작하는 본격적인 개발에 앞서 마지막으로 주어지는 최후의 주말을 하루 앞둔 금요일~ 부족한 부분이 많은데 주말에 좀 많이 채워넣어야겠다오늘 한 일1. 코드 컨벤션, github rules 정하기2. 프로젝트 세팅 논의 조금3. 모델 체크

튜터님과의 아침 회의@ 튜터님:1. 모바일 first로 작업 했으면2. 모바일 뷰로 한 페이지가 나오면, 그 데스크톱 뷰가 와이어프레임 수준으로는 나왔으면뒤늦게 모바일 버전이 데스크톱 버전으로 할 때 호환이 안되는 경우가 있을 수 있음=> 이번 프로젝트는 보통 데스크톱을 우선시 하여 개발하던 이전과 다르게 모바일을 우선시 하여 개발하게 되었다. 처음 해보는 방식이라 익숙치 않아도 이 방법의 장점이 부각될 수 있었으면 좋겠다! 오후 회의디자이너님이 가져오신 IA와 레퍼런스 보면서 기능 논의하는 시간을 가졌다. 확실히 추상적으로 머릿속에 있는 아이디어만으로 서로의 의견을 나누는 것 보다, 무언가 시각적으로 볼 게 있으니 좀 더 명확한 의사결정을 내릴 수 있었다.

좌충우돌 최종프로젝트 하루의 시작은 튜터님과의 회의로 시작! 전날에 작성된 기획안, 타임라인 등을 보시고 전체적인 일정 조정과 디자이너님과의 협업 방법을 추가로 조언해 주셨다. 확실히 튜터님이 명료하게 길을 제시해주시니 좀 더 수월해지는 느낌 튜터님 피드백1. 개발일정: 무리가 아닐까 싶을정도로 빡빡하게 하기(우리의 한계까지?)2. 로그인, 모달, 버튼 컴포넌트 등 사전 준비작업 ⇒ ui가 나오면 최대한 빠르게 할 수 있도록3. 다른 서비스들을 탐색해보고 편리한 점, 불편한 점을 직접 느껴보기 이후 팀 노션을 작성하며 팀 이름, 그라운드 룰, 목표 들을 정하고 가볍게 코드 컨벤션을 나누었다. 그리고 다른 여행 관련 애플리케이션을 직접 사용해보았는데 정말 실제 사용자들이 있고 유명한 서비스들은 그만한 이유..

오늘의 기능 개선: 재배치 버튼 추가기존의 재배치 기능은 리스트에서 드래그를 통해 이루어졌는데, 자칫 클릭하다가도 의도치 않게 위치가 수정될 수 있어 '재배치' 버튼을 만들어 해당 버튼 활성화 상태에서만 위치를 수정할 수 있게 변경하였다.