코딩 - 프로젝트, 만들기/코딩 - main project [post-on]2 메인프로젝트 회고 (2)회원가입 페이지 서버통신 1. 회원가입 페이지에서 서버와 통신이 필요한 부분은 두곳이었다. 첫번째는 닉네임 중복 검사를 하는 버튼. 닉네임 input칸의 value를 받아서 handleNickname으로 이름 붙인 함수로 보내준다. 이때 받은 value는 정규식을 통과한 경우에만 중복 검사를 할 수 있고, 만일 정해진 정규식을 통과하지 못했을 경우 alert로 정규식을 통과해야 함을 알린다. 정규식을 통과한 닉네임에 한해서 서버로 닉네임을 보내고 동일한 닉네임이 없는 경우 서버가 false를 보내준다. 이 값으로 nicknameDouble값을 바꿔준다. nicknameDouble의 기본값은 true이고 이 값이 true인 경우는 사용중인 닉네임임을 alert창으로 알려준다. 사용중인 닉네임을 서버로 submit할 수 없게 inp.. 2022. 12. 22. 메인프로젝트 회고 - 회원가입 페이지(1) styled-component 2022.12.07부로 메인 프로젝트가 끝났다. 아직 보완할 사항들이 남아있지만 일단 완성된 페이지 부터 회고해 보려한다. 1. 모든 css는 styled-component를 활용해 만들었다. 프로젝트의 전반에 걸쳐서 공유해야 하는 버튼이나 input창 등을 통일하기에도 좋았고 class이름을 일일이 신경쓰지 않아도 돼서 좋았다. (하지만 뒤로 가면서 닉네임 중복검사에 관련된 컴포넌트를 만들어야 했는데 그때가 되니 nickname, nicknameDouble, nicknameDoubleCheck, DoubleCheck 등 컴포넌트를 여러개 쓰니 헷갈리긴 했다. 그냥 css를 쓰면 더 큰일 날뻔....) 1rem(16px)을 이용해 픽셀대신 rem을 써 페이지가 크기 변화에 흐트러지지 않도록 했다. 프리 .. 2022. 12. 8. 이전 1 다음
