07 Apr 2021
|
로그포스
2021-04-07 TIL - 3차 팀프로젝트 회의
- 오늘 한 것
- 인터렉티브 웹 개발
- 학원 대면수업(15:30~22:00) 프로젝트 시작
- 인터페이스 설정 맞추기 및 팀 회의 - 프로젝트를 시작하기 앞서, 팀원 모두의 인터페이스 설정을 맞췄다. 마크업을 미리 시작한 프론트단은 사전에 인코딩설정, 버전설정 등등을 맞추고 시작했지만 이제부터 작업을 시작하는 백엔드단 팀원들은 그렇지 않아서 한글이 깨지는 등의 괴현상(?)이 지속됐기 때문이다.
그리고 모두 모여 팀 회의 시간을 가졌다. Github에 pull request를 올리고 reviewer를 누구에게 거는지, reviewer의 확인 후에 merge를 하자는 등의 몇 가지 룰을 정했다. 모두 실력이 제각각인 탓에 조금 더 잘하는 팀원과 그렇지 않은 팀원을 짝지어서 서로 cross-check가 가능하도록 했다.
백엔드 단의 업무 분배도 마쳤는데, 로그인, 주문, 게시판 등 큰 틀안에서 기능별로 업무를 나누고 서로의 레벨에 맞게 나눠가졌다. 작업 일정은 각자 맡은 작업이 3일 이상 소요될 경우 팀원에게 알리고 도움을 요청하자는 식으로 결정했다. 일정은 아마 꾸준한 조율이 필요할 것으로 보인다.
- 사용자 페이지 nav, footer 모듈화 - 거의 모든 페이지에 공통적으로 들어가는 nav와 footer를 모듈로 빼서 jsp에서 include하는 식으로 모듈화 작업을 진행했다. 프론트단이 먼저 작업을 진행하면서 서로 각각 맡은 페이지를 공장 돌리듯 뽑아내느라 이 부분을 간과하고 넘어갔었는데, 본 프로젝트에서 코드 재사용성, 업무 효율을 높이기 위해 제일 먼저 이 작업이 필요하다고 느꼈기 때문이다.
- 내일 할 것
- 인터렉티브 웹 개발
- 학원 대면수업(15:30~22:00) 프로젝트 시작
- 아이디, 비밀번호 찾기 화면 구현
- 관리자모드 로그인 페이지 구현
지금부터 5주, 프로젝트 완성을 위해 열일하자
오늘의 한 줄 총평 : 정식 프로젝트 시작일
02 Apr 2021
|
로그포스
2021-04-02 TIL
- 오늘 한 것
- 인터렉티브 웹 개발
- 학원 대면수업(15:30~22:00)
- 회원가입 이메일 인증 유효성 검사 - 이메일 인증은 백엔드 친구들이 구현을 해놔서 그 뒤를 이어받아 작업을 진행했다. AJAX 요청의 응답으로 받은 인증코드를 사용자가 입력한 인증코드와 대조하는 유효성 검사를 구현했다.
- 관리자 페이지 사이드바 반응형 - 부트스트랩 템플릿을 뜯어서 레이아웃을 잡았는데 템플릿 자체가 코드가 방대하고 기능이 엄청나게 많아서 코드를 뜯어보는데 시간이 꽤 걸렸다. 이럴거면 그냥 만들걸… 후회가 들지만 심플하면서도 멋스러운 관리자 페이지를 만들겠다는 생각으로 임했다.
- 관리자 페이지 폴더구조 잡기 & 모듈화 - 사용자 페이지를 만들때는 미리 폴더구조를 생각안하고 중복되는 파일도 모듈화를 하지않고 작업을 진행해서 고쳐야할 부분이 상당했다. 관리자 페이지는 과오를 반복하지 않기 위해 미리 폴더구조를 나누고 nav, sidebar, footer 등 중복되는 파일을 미리 모듈로 뜯어서 include 하는 식으로 작업을 진행했다.
- 내일 할 것
- 인터렉티브 웹 개발
- 관리자 페이지 대쉬보드 마크업
공장 풀로 돌렸더니 번아웃왔다.. 다음주부터 정식 프로젝트 시작인데 주말에는 이래저래 약속이 많아서 쉬고 다음주부터 다시 공장 풀가동 해야겠다
오늘의 한 줄 총평 : 샷따 내림
31 Mar 2021
|
로그포스
2021-03-31 TIL
- 오늘 한 것
- 인터렉티브 웹 개발
- 학원 대면수업(15:30~22:00)
- QnA 등록 페이지 구현 - QnA 등록 페이지의 마크업을 끝내고 input type=’file’ 태그로 이미지를 첨부하는 기능을 구현하려했는데, 맙소사 클릭을 해도 파일 불러오기 다이얼로그가 뜨지 않았다. 또, 라디오 버튼을 아무리 클릭해도 체크가 되지 않는 현상이 일어났다. 코드엔 문제가 없었고 똑같은 로직이 다른 html 파일에서는 잘만 실행되었다. 아무리 검색해도 이와 같은 현상을 해결하는 방법은 나오지 않았다. 다 같이 고민을 해도 모르겠고 답도 없었다. 파일 첨부 다이얼로그가 뜨지 않으면 향후 관리자 페이지에서 모든 배너와 상품을 등록할 수 없다는 것과 마찬가지이다. 집에 돌아와 코드를 개발자 도구를 열어 코드를 낱낱이 뜯어보다가 알 수 없는 click 이벤트가 어딘가에 걸려있는 것을 발견, 경로를 타고 들어가니…. 네비의 푸터부분에 click이벤트가 document를 상대로 걸려있었다. 초반에 a 태그의 href 속성이 실행되지 않아서 다 같이 해결방법을 찾다가 결국, onclick의 location.href로 페이지 이동을 하자는 결론을 내린적이 있었다. 그 원인도 다 이녀석 때문이었다….
- index의 매장찾기 기능 구현 - index 페이지의 매장찾기에서 검색어를 입력 후 검색 버튼을 누르면 paarameter로 값을 물고 map 페이지로 이동한다. map 페이지에서는 URI의 keyword를 토대로 검색을 실행한다. 문제는 index의 매장찾기로 넘어온 경우와 gnb의 네비를 타고 넘어온 경우를 구분해야했다. boolean 변수를 선언해서 window.onload시 URI에 keyword가 있는지 여부를 따지는 메소드를 실행해, boolean 값을 바꿔서 해당 로직을 실행하는 형태로 해결했다.
- 내일 할 것
- 인터렉티브 웹 개발
- 학원 대면수업(15:30~22:00)
- 이메일 인증 인증번호 대조 구현
- 로그인 페이지 아이디, 비밀번호 찾기 구현
- 시간이 남으면 관리자 페이지?
코드의 몇 줄도 아니고 단 한 단어 때문에 이런 어마무시한 결과가 초래될 수 있다니.. 항상 주의하며 코드를 짜야겠다. 또, 다른 사람이 짠 코드도 리뷰를 철저히 해서 서로가 cross-check하는 습관을 들여야겠다.
오늘의 한 줄 총평 : 한 건 해결..
