프롬프트 AI&OpenAPI&공공데이터를 활용한 웹앱개발자 양성 과정 33일차

서명원·2024년 1월 24일

1. 알고리즘 풀이 연습 루트

  1. 문제 이해와 풀이 연구를 다 글로 옮긴다.
  2. 한글로 적어놓은 모든 풀이를 다시 코드로 옮긴다.
  3. 실행해보고 문제가 생기면 개선한다.
    그 과정에서 (내가 모르는 지식이 있고 그걸 알아야 풀 수 있다)고 생각하는건 위험하다.
    생각과 구현 개선을 반복해서 답까지 나아가는 과정을 중시할 것.
  4. 매일 30에서 한시간씩은 이 과정을 할 것.

목표를 정확히하자. 솔직히 취업을 위한 코테 준비라면 족보같이 알고리즘을 외우는 것이 가장 빠를 것이다.
상기 과정을 통해 얻을 수 있는 성과는 단기적인 성과가 아니라 장기적으로 생각하는 훈련이며,
취업한 이후에도 버텨낼 생각 근육을 기르는 훈련이라고 생각한다.
나 역시 당장의 취업의 가치가 그렇게 크다고 생각하지는 않는다. 조급하지 말고 기둥으로 삼을 만한 평생의 배움 습관을 갖고싶다.
외부요소와 상관 없이 계속해서 성장해갈 틀이 필요하다. 그것이 취업 후 무너지지않는 뼈대를 만들어 줄 것이다.


2. 강사님의 페이지네이션 풀이와 그에대한 고찰

강사님 구현 화면

버전 1 계산(cPage는 현재 페이지)

버전 2 계산

나같은 경우는 검색해가며 ((cPage-1)/pageSize)*pageSize+1 로 풀었었는데 결과가 달라지지는 않는다.
결국 +1을 제외한 나머지가 가리키는 것은, 한페이지 전의 페이지 그룹의 마지막 페이지이기 때문이다.
다만 pageGroup을 명시적으로 적어줌으로서 얻을 수 얻는 효과는, 매직넘버가 줄어서 더 명확하게 from의 의미를 파악 할 수 있다는 점이라고 생각한다.
명확성은 중요하다.


3. 과제 및 구현: 회원가입

id에 대한 벨리데이션 체크.
정규식으로 형식을 체크하였다. 처음엔 blur후 벨리데이션에 실패했을때 alert으로 경고창을 띄웠었다.
그런데 password 등 모든 요소에 비슷하게 alert을 넣었더니, tab으로 다음 텍스트 박스로 이동하였을 때
alert 무한 호출이 나오는 문제가 발생하여, 라벨의 text를 바꾸어 경고를 주는 방식으로 변경하였다.

서브밋 버튼 눌렀을 때 처리

회원가입 form

id중복체크를 담당하는 서블릿.
리턴되는게 어차피 true false라는 단순 값이라, 반환타입은 text/plain으로 했다.

회원 등록 기능 서블릿. 저번에 배웠던 SHA2기능을 적용해봤다.


4. 상기 과제에 대해 선생님의 구현 코드를 보고 새로 배운 것.

  1. html form 의 text에 autocomplete="off" 설정을 넣으면 자동 완성기능을 끌 수 있다.
  2. form태그에 onsubmit속성을 지정하면 submit이 기능 할 때마다 호출된다.
  3. 이 때로 지정하면 원래 해당 태그가 해야할 기능을 막아버린다.
    예를들어 a의 onclick이벤트를 return false;로 지정하면 링크 기능이 막혀버린다.
  4. confirm 네인지 아니오인지 선택할 수 있는 창을 띄운다.
  5. a태그에 같이 지정하면 confirm의 답변이 no일 경우에만 이동을 막는다.
  6. Ctrl + Shift + c -> jsp에서 주석 처리가 가능하다.
  7. focus() 해당 필드로 이동하며 활성화 시킨다.
  8. 요청 2번 방지(요청 처리중에 화면 이동 전에 submit요청을 한번 더 한 경우.) 처리가 필요한 경우가 있다.
    다음과 같이 처리한다.
    validation을 모두 통과하면 submit요청을 보내기 전에 전역 플러그(현재 서브밋 처리중을 나타내는)를 true 로 바꾼다.
    그리고 submit요청이 왔을 때 상기한 플러그가 true라면 벨리데이션 및 submit 연계 처리 자체를 취소하고 처리중이라는 경고 메시지를 띄운다.
profile
백엔드 취업을 꿈꾸는 일본어 전공자

0개의 댓글