본문 바로가기

분류 전체보기65

useForm handleSubmit이 동작하지 않는다. 게시판에서 등록과 수정은 항상 세트다. 통신 부분만 빼면 퍼블리싱 코드는 같다. 따라서 재활용해야 제맛이다. 그런데 등록은 정상 작동하는데, 수정 버튼이 눌려지지 않는다. 문제 수정 시 서버에서 데이터를 불러와 input들에 정보를 띄우는 것은 문제 없다. 다만 수정하고 수정 버튼을 누르면 아무 반응이 없다. form은 다음과 같다. .... {isEdit ? "수정하기" : "등록하기"} 수정 상태냐, 아니냐(isEdit)에 따라 onSubmit가 보내는 함수가 달라지게 수정했다. vscode나 콘솔 어디를 봐도 오류도 나타지않아 당황스러운 부분이었다. 등록은 되는데 수정이 안된다니. 시도 1 혹시 onClickUpdate함수를 잘못 작성했나 싶어 처음부터 다시 코드를 확인했다. 혹시 통신 부분에서 잘.. 2022. 12. 12.
SEO Search Engine Optimization. SEO는 검색 엔진 최적화다. 즉, 내가 만든 사이트에 검색 엔진이 들어왔을 경우 정보를 잘 가져가도록 조치해 놓는 것. 제작하려는 사이트가 쇼핑몰이거나 전파되길 바라는 정보를 담고 있는 경우 SEO는 필수다. 사용자는 우리 사이트에 들어오는 것보다. 네이버, 구글 등 포털사이트 검색을 통해 들어오기 때문이다. 검색 엔진 검색 엔진은 웹을 크롤링하면서 페이지에서 페이지로 링크를 따라간다. 찾은 콘텐츠 색인을 생성하는데, 검색 결과 시 보이는 게 바로 이 콘텐츠 색인이다. 검색 엔진을 봇 혹은 크롤러라고 부르는데, 이 크롤러는 일정한 규칙을 따른다. (이 규칙은 구글에 따른 규칙, 네이버에 따른 규칙 등 검색 엔진을 만드는 업체마다 다르다.) 따라서 검색 .. 2022. 12. 11.
ONF 체크! 부트캠프가 끝났다고 마냥 늘어질 수 없다. 마음 맞는 동료끼리 모였다. 각자 공부하면서도 텐션이 떨어지지 않게 하고자 사이드 프로젝트를 시작한다. 프론트엔드 5명, 백엔드 4명이다. 꽤 큰 규모지만, 시간을 길게 쓰는 게 아니기에 적당한 수준이라고 여겼다. 모두 이 프로젝트에 평일 한 달간 매일 5시간씩 할애할 예정이다. IDEA 교대 일정 관리, 출석 체크 관리, 교통사고 전문 상담가 매칭 서비스, 프로젝트 매칭 플랫폼(디자이너와 개발자), 개발자 면접사이트, 온라인 가계부, 스포츠 토토, 도매상과 소매상 매칭 서비스, 혼잡도 알리미, 헬스장 정보 알림 서비스, 운동 크루 모집 서비스, 꽃집 플랫폼 등 사람이 많으니 아이디어가 꽤나 나왔다. 물론, 아이디어 중에는 기존에 있는 서비스도 있다. 아이디어에.. 2022. 12. 5.
우여곡절과 숙제 4주간 이어진 부트캠프에서의 팀프로젝트가 끝났다. 우선 시간 상 프로젝트는 끝났다. 다만, 완성도 측면에서 아쉬움이 남는다. 기획했던 기능은 전부다 작동하지만, 시간 내에 모든 기능이 완성하는 것을 목표로 하다보니 코드가 난잡한 곳도, 길어진 곳도, 그리고 동작에 오류가 있는 곳도 있다. 따라서 완벽히 끝난 프로젝트라 하기 어려운 상태다. PWA PWA PC버전 처음 기획할 때부터 꼭 하고 싶었던 게 PWA다. 일정이 밀리는 순간에도 어떻게든 PWA를 할 시간을 확보하고자 노력했다. 해본 적 없기 때문에 시간이 얼마나 걸릴지 모르지만, PWA를 위해 하루를 빼놓았다. 결론부터 말하자면, PWA를 적용했고 아침부터 9시부터 시작해 다음날 1시까지 총 16시간이 걸렸다. 하고보니 너무 허탈했지만, 오류가 났.. 2022. 11. 29.
오류와 오류의 콜라보 오류는 친구다. 가까워서도 멀어서도 안되는 친구. 그런데 이번주는 너무 가까웠다. 백엔드나 프론트엔드나 모두 오류의 향연이었다. 우린 타입스크립트와 빌드의 지옥에서 벗어나고자 몸부림친 한주였다. 라이브러리와 타입스크립트 모든 부분을 직접 개발하면 공부하고 좋다. 다만 기한이 정해져있다면 라이브러리는 필수인 듯하다. 더군다나 내가 직접 짠 코드보다 훨씬 더 안정적일 가능성도 높으니까. 그래서 우리도 시간 내에 구현할 수 있는 것은 최대한 구현하되 시간이 걸리는 것 위주로 라이브러리를 적극적?으로 도입하고 있다. 웹에디터는 물론, 이미지 관련 라이브러리들도 도입했다. 다만, 우리가 개발하려는 환경에선 한가지 주의할 점이 있다. 바로, 타입스크립트 지원여부다. 물론 대부분 지원한다. 다만 버전이 문제다. 해당.. 2022. 11. 15.