Ming's develop story

발제가 끝난 뒤에 실전프로젝트를 같이 진행할 팀이 랜덤으로 꾸려졌고, 첫번째 회의에서 나는 이왕 하는거 더 바쁘고 더 열심히 해보자는 마인드로 팀장에 자원했다. 회의 끝에 결정된 주제는 물물교환에 관한 커뮤니티이다. 몇일 뒤에 정해진거긴 하지만 우리 프로젝트 이름은 '핑퐁'이다. 와이어 프레임을 디자이너 분들의 도움과 다른 프론트엔드 팀원들과 짜보았는데, 이런 형태로 웹에서 모바일이 있는것과 같은 느낌으로 만들어 보기로 했다. 처음에 어느정도 대충 틀을 잡아논 뒤에 백엔드분들과 같이 API 명세를 작성하는데 막상 작성 할수록, 또 와이어프레임을 다듬을수록 필요한 api와 페이지가 하나 둘 씩 늘어났다... 상대적으로 다른 조들에 비해 과정이 순조롭게 진행 되었는데 아마 웬만하면 예스를 외쳐주던 팀원들 또..

정신없이 한주 한주가 지나가고 있었는데 드디어 실전 프로젝트를 들어가기 전 마지막 주차인 클론코딩 주차를 보냈다. 일단 처음 새로운 팀원들을 만나고 난 뒤 백엔드 쪽에서 팀장이신분을 제외하고는 그다지 적극성이 없어 보이셔서 어떻게 해쳐나가야 할지를 먼저 생각했던것 같다. 어느정도 회의를 거치고 우리의 주제는 최종적으로 Airbnb로 결정이 되었다. 이후 이번에는 프론트엔드가 나 포함 2명밖에 없었기 때문에 VScode의 Live Share 기능을 사용해 보기로 했다. 하나의 프로젝트를 공유하며 같이 쓸 수 있으니 앞으로 계속 쓰지는 않는다 하더라도 둘이서 짧게 작업하기에는 나름대로 효율적으로 사용했던것 같다. 1주일이라는 시간밖에 없었기 때문에 우린 메인, 서울page의 postlist와 map, 그리고..

1. 이메일 체크 정규식 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); } 2. 비밀번호 체크 정규식 8 ~ 16 자 영문, 숫자 조합 function isPassword(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z]{8,16}$/; return regExp.test(asValue); } 3. 비밀번호 체크 (특수문자 포함) 8 ~ 16자 영문, 숫자, 특수문자를 최소 한가지씩 조합 function isPasswo..

1. s3 버킷에 배포한 뒤, 어떤도메인.com이 아닌 어떤도메인.com/login 등 페이지로 이동하면 왜 오류가 날까요? 404 (Not Found) 리액트를 아무런 처리없이 빌드하고 배포하고 나서, 특정 URL로 바로 접근 시 생기는 에러 리액트라서 생기는 문제이라기 보다 SPA이 가진 특징 때문에 생기는 문제 왜 이런 에러가 발생 하는가 s3 버킷의 정적 웹사이트 호스팅은 /login 경로에 맞는 html을 찾는 거고, 해당 html파일이 없기 때문에 404 에러가 나는 것이다. 따라서, Base가 되는 URL이 아닌 다른 URL을 통해 사이트에 접속해도, index.html을 연결시켜 배포하는 작업이 필요 S3 서버에서의 처리 방법 S3에서는 정적 웹 사이트 호스팅 편집에서 인덱스 문서와 오류문..