백엔드 부트캠프[사전캠프]/TIL

[내일배움캠프-사전캠프 13일차] Web 프로젝트 3일차

sintory-04 2025. 2. 10. 18:08

    *) 말만 3일차지 5일차이다 😎

    1. 진행중인 웹 페이지 결과물

    - 열심히 며칠간 뚝딱 뚝딱 만들다 보니, 아래와 같이 나오게 되었다.

    - 나름 귀엽게 잘 나온거 같다 😺 2일차와 다르게 색깔도 변경된 걸 볼 수 있다 !

    - Todo 와 Done 도 구분되어서 만들었기도 하다 😋

    - 데이터 수정, 삭제, 업데이트도 완료했다. 🤪

     

    2. 주말부터 현재까지 완료한 부분

    2025.02.08 - [프로젝트/ToDoApp프로젝트-FireBase] - [ToDoApp-Firebase] Web 구현 01

     

    [ToDoApp-Firebase] Web 구현 01

    1. 간단한 HTML 제작하기크게 toast-container 과 container-full 로 분리했다.toast-container 에는 toast가 실행될 div를 만들어 두었다.container-full 가 실제 실행코드들로 보면 된다.container-full 에는 Head 부분 과 B

    sintory-04.tistory.com

    2025.02.09 - [프로젝트/ToDoApp프로젝트-FireBase] - [Toast, Modal]

     

    [Bootstrap Toast, Modal] 동적 삽입

    안내 메시지도 꾸미고 싶은 마음에 bootstrap 에 있는 Toast와 Modal을 사용해보기로했다.토스트와 모달을 동적으로 삽입할 수 있는 방법에 대해서 포스팅하고자 한다.📂 링크 가져오기 - HTML 의 head

    sintory-04.tistory.com

     

    3. Modal 버그 수정 

    2025.02.10 - [Error 해결] - [Modal Error] aria-hidden / 접근성(Accessibility) 관련 경고

     

    [Modal Error] aria-hidden / 접근성(Accessibility) 관련 경고

    1. 상황- modal이 잘 작동 되었다. 영상을 한번 보겠다. - 잘 작동되기만 하면은 문제 없을 줄 알았는데 웹 콘솔에 이상한 에러가 생겼다. Blocked aria-hidden on an element because its descendant retained focus.The f

    sintory-04.tistory.com

    - 오늘은 버그 수정도 하였다. 모달 창 닫기에 에러가 떠 수정하느라 꽤 애를 먹었다.

    - 오늘은 gpt와 어떤 개발자 분의 댓글을 보고 오류를 수정할 수 있었다.

     


    오늘의 회고

    - 드디어 모달 오류를 해결했다 : > 해결 하는데 4시간 정도 걸렸는데, 해결하고나니 깔끔하게 결과물 나온 거 같아 다행이다.

    - 오늘 원래 git 배포까지 도전할려 했는데, 그 정도까지는 못했다. 그 부분이 조오금 아쉽지만 내일도 시간이 있으니 💪

    - 이전에는 오류 하나 있으면 하루 넘게 걸렸는데 AI 가 있으니 너무 좋다. 내가 하나 오류가 생기면 그 부분이 이해가 될 때까지 파고드는 경향이 있는데 말하는 감자🥔 인 나를 이해 시켜주니 너무 좋다. 

    - 너무 AI 에만 의존하면 안되고, google 에서도 해답을 찾아야 한다. gpt는 가끔 버벅이기 때문이다... 🤐

    - 얼른 번역 기술이 성장해서 어색한 번역 없이 외국인 분들의 코드를 .. 읽을 수 있기만을 기대해야게따...

    - 까먹은게 있었다.. 동기 비동기 작업에 대한 이해를 해야하는데. 그건 내일 하겠다 😱