Troubleshooting 7

[Javascript] 동적 삽입된 버튼 작동 오류

1. 문제 상황- 데이터를 불러 올 때마다 Foreach로 html 화면에 동적으로 일정들을 배치했다. 이럴 때 마다 버튼들도 같이 삽입되는데 맨 위의 값만 동작하고 아래의 값들은 동작하지 않는 오류가 생겼다.$('.btn-class').click(function() {...})- 코드를 보니 버튼 클릭 이벤트는 작성이 되어 있었고 실제로 제일 상단의 버튼은 잘 작동한다. 하지만 상단을 제외한 다른 요소들은 작동을 하지 않았다.- 또 막상 Check box 의 경우에는 독립적으로 작동이 잘 되었다...- 이상하게 동적으로 삽입된 버튼 요소들만 독립적으로 이벤트가 발생하지 않았다는 것이 문제이다.2. 원인 분석- 애초에 Static 으로 있던 버튼들은 버튼이 잘 작동하나, 동적으로 삽입된 버튼들이 작동이 ..

Troubleshooting 2025.02.14

[openweathermap] api 연동 오류 401

1. 문제 상황- 회원 가입 후에 주어진 api 키를 주소에 넣어도 데이터가 보이지 않음.2. 원인 분석- message 를 확인해보면 홈페이지의 error401을 확인 해보라고 한다.  - 해석해보면 아래와 같다.API 요청에 API 키를 지정하지 않았습니다API 키가 아직 활성화되지 않았습니다. 앞으로 몇 시간 안에 활성화되어 바로 사용할 수 있습니다.API 요청에서 잘못된 API 키를 사용하고 있습니다. 개인 계정에서 올바른 API 키를 확인해 주세요.무료 구독을 사용 중이며 다른 구독에서 사용할 수 있는 데이터를 요청해 보세요. 예를 들어, 16일/일 예보 API, 과거 날씨 데이터, 날씨 지도 2.0 등이 있습니다. 개인 계정에서 구독을 확인해 주세요.이 오류 문서를 토대로 자신의 상황이 아래의..

Troubleshooting 2025.02.14

[Git push Error] git pull

1. 문제 상황- 문제 상황 설명 이전에 git연동을 모를 시에는 해당 블로그를 방문해보면된다.2025.02.11 - [백엔드 부트캠프[사전캠프]/TIL] - [내일배움캠프-사전캠프 14일차] Web 프로젝트 4일차 [완성] [내일배움캠프-사전캠프 14일차] Web 프로젝트 4일차 [완성]프로젝트의 마지막 Git 배포를 해보겠다. 아래는 실제 만들어진 웹 사이트이다.직접 데이터 추가, 삭제 가능하니 구경해도 될 거 같다!👉👉 https://sinyoung0403.github.io/Todo_simple/ 👈👈 ✅ Git 연sintory-04.tistory.com- git push 명령어를 실행 하였으나, 원격 저장소에 저장되지 않고 오류 메시지 발생함.error: failed to push some..

Troubleshooting 2025.02.14

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

1. 상황- modal이 잘 작동 되었다. 영상을 한번 보겠다. - 잘 작동되기만 하면은 문제 없을 줄 알았는데 웹 콘솔에 이상한 에러가 생겼다. Blocked aria-hidden on an element because its descendant retained focus.The focus must not be hidden from assistive technology users.Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section ..

Troubleshooting 2025.02.10

[Firebase] 보안문제

에러는 아니지만, 나름 중요한 부분이라 에러 부분에 포스팅해겠다.1. 상황- Firebase에서 데이터를 관리하던 도중, 왠지는 모르겠으나 내가 넣은 적도 없는 데이터가 추가되어 있었다.- 해킹 당한 건가? 어떻게 된거지? 라는 여러가지 생각이 들었다. - 물론, 구글에 결제수단을 등록하지 않았기 때문에 Spark(무료) 요금제 상태로 유지되어 있다. 그래서 무료 한도내에서만 사용 가능하게끔 되어 있어 큰 문제는 없지만! 보안 문제는 해결해야 할 거 같았다.  2. 원인분석- API키가 노출이 되어야지만, 이렇게 접근할 수 있다.- 최근에 강의를 따라하며 git hub에 배포한 것이 문제인 것 같다. - 한 페이지를 그대로 배포한 것이라 따로 ignore 을 하지 못한게 화재인 거 같다. 3. 해결방법-..

Troubleshooting 2025.02.07

[Entity 생성자 Error]

1. 상황연습 문제를 푸는 과정 중 Repository 에서 saved가 되지 않는 상황이 생겼다.이렇게 이메일과 비밀번호를 넣으면 Controller에서@PostMapping("/join") public String createMember(MemberForm form){ System.out.println(form.toString()); // 1. DTO를 엔티티로 변환 Member member = form.toEntity(); System.out.println(member.toString()); // 2. 레퍼지토리로 Entity를 DB에 저장 Member saved = memberRepository.save(member); System.out.println(sa..

Troubleshooting 2025.01.11

[Node.js Error] tsc -v 확인 불가능, React 설치 불가능

1. 상황환경 설정 과정 중 에러가 발생했다.윈도우 cmd 에서tsc -v가 먹히지 않는 것.오류 출력 메시지도 안 뜨고, 어떠한 메시지도 안 뜸. 버전 확인이 불가능. 관리자권환으로 실행했으나, 그것도 불통. 그래도  where 쳐보니 node 파일에 설치는되어있음.where tsc //cmdwhere.exe tsc //powershell 요약하자면,1. tsc 버전이 확인이 안됨. / powershell, cmd, git bash 까지 다 먹통  > npm, node 버전은 확인이 잘 됨.2. 여기서 더 나아가 creat-react-app 도 안됨. my-app(react) 폴더가 생성 안됨. 2. 원인 분석- 여러가지 원인이 있으나, 필자의 경우 node.js 의 버전 이슈였다.- 최신 버전일 경우..

Troubleshooting 2025.01.03