DS가 되기 위한 여정 👩‍💻
728x90
반응형

Projects/Momentum 7

[Momentum_trouble shooting] 체크박스 에러가 생길 때

잘 사용하다가 갑자기 새로고침 때마다 전체가 눌려있는 에러가 떠서 계속 수정해야지 하다가 어제 시도했다.  아무리 봐도 코드에 문제가 없었는데...지난번에 onAllCheckRoutine()을 만들 때 리로드 문제를 전부 디버깅 했던 기억도 있었다. 그런데 우선 계속 에러가 뜨니깐, 코드를 살펴보면서 에러 사항을 찾으려고 checkbox 함수들 디버깅 해보고,저장 하는 것도 다 확인했는데 콘솔에는 다 적절히 떠서 대체 뭐가 문제지?????하면서 한참을 화면을 노려보고 있었다.  결국 지피티에게 물어보고 이것 저것을 수정하고 있었는데 점점 산으로 가고 난리가 나서 깃허브 저장된 이전 버전으로 다시 되돌렸다..하.ㅎㅎ..ㅎ 배포되어 사용되는 버전이 문제인 것 같다고 지피티를 쪼니깐, 캐시 문제 같으니 1) ..

Projects/Momentum 2024.05.29

[Momentum_ problem shooting] 체크박스 클릭 시 리스트 아래로, 체크된 리스트 삭제, 투두 수정 등 모멘툼 기능 구현 끝!

모멘툼을 직접 계속 사용하면서 생각하고,사용하는 다른 친구들한테도 피드백 받았던 기능들은 전부 구현을 끝냈다! 아직 코드 리팩토링이랑css 파일 분할을 못했지만 브라우저는 완성된 셈이다.  기간을 딱 픽스하고 한 것이 아니라,다른 것 하면서 매일 조금씩 한 것이라서 "해냈다!!" 보다는 뭔가해야할 것.. 질질 끌던 것.. 드디어 끝냈다!!! 같다 ㅎㅎ이것들 외에도 자잘하게 수정하던 것들이 많지만,, 기억이 안나서 굵직한 것들로만 가지고 왔다. ...+ 생각해보니 아직 페이지 새로고침 시.. 배경화면 로딩 시간이... 긴 문제는 해결하지 못했네..ㅎ1. 체크 박스 클릭 한 것을 자동으로 리스트 끝으로 보내기이유)  이것은 사용하다 보니 순서대로 끝내는 것이 아니라서, 들쭉 날쭉으로 체크된 것이 보기 싫어서..

Projects/Momentum 2024.04.28

[Momentum_ problem shooting] api 숨기기 & .gitignore & gitmogi

... ㅎ 진작에 했어야 했는데 ... 투두 리스트에만 써놓고.. 계속 안 하다가 드디어 오늘 했음. 보안을 위해서라도 빨리 했어야 했는데.. ...한 것에 의의를 두기로 하자 ^^  api를 감추려면 어쩔 수 없이 gitignore을 만들어야 되기 때문에 일타쌍피로 한 번에 끝내기로 함.  너무 정리를 잘 해놓으신 블로거 분들이 있기 때문에미래에.. 까먹을 나를 위해서 업로드. - 깃허브에서 API 숨기기 https://velog.io/@kimjumpsun_code/Github%EC%97%90-API-Key-%EC%88%A8%EA%B8%B0%EA%B8%B0 Github에 API Key 숨기기이번 5월 노마드 챌린지를 하기 이전에 나는 이미 api key를 그대로 push 했었다. 그나마 다행인건 pri..

Projects/Momentum 2024.03.30

[Momentum_ problem shooting] LS의 유저이름 수정 버튼 만들기

모멘툼을 쓰는 언니가 이름 잘못 쓰면 수정 어떻게 하냐고 물어서,, 처음에는 inspector에 들어가는 법을 알려줄까 하다가.. 그냥 버튼을 만들었음.  이미, YoutubePlaylist에 ID를 업데이트하는 코드를 짰었기에 빠르게 끝낼 줄 알았으나.. ㅎㅎ ^^한~~~참 걸렸음... 지피티도 이유를 몰라,,나도 이유를 몰라,, 진짜.. 한 5-6시간을 붙들고 있었던 듯.  되야 하는데 안 되니깐, LS에 저장된 값을 삭제하는 코드로도 짜보고, newUsername 변수도 만들어보고, 다 하다가 결국 savedUsername으로 충분할 거 같은데 하면서지피티랑.. 계속 키배를 뜸...넌 시니어 개발자인데 .. 왜 못찾냐고..ㅎ 계속 코드를 이리저리 수정해보고, 넣었다 빼보고console.log를 찍으..

Projects/Momentum 2024.03.30

[Momentum_ problem shooting] checkbox 가운데 선 긋기

사실.. 이걸 해낸지 꽤 시간이 지났는데하루하루 지나다 보니까 이제서야 쓴다. "노마드 코더의 크롬앱 강의"에서는 delete 버튼만을 만들었기 때문에, 해낸 표시를 보면서 뿌듯하고 싶던 나는 기능을 추가하기로 결정. ㅎ 앞선 포스팅에도 있듯이 1. checked  attribute를 추가하게 만들고 싶었음. 그렇지만, 실패했고 굳이 그럴 필요 없이 checkbox.checked를 사용하면, checked된 상태임을 의미함.  2. gpt와 무한 반복의 시간을 거침. 체크 박스를 만드는 것은 문제가 아니었지만, LS에 저장되서 새고를 해도 유지되게 하는 것은 별개의 문제였는데, 이게 시간이 좀 걸렸음.  리스트를 새로 만들고 업데이트 하며 저장하는 기능이 이미 있었기 때문에, checkBox.id도 같은..

Projects/Momentum 2024.03.30

[Momentum_problemShooting] Youtube 영상 2개 iframe 각각 버튼으로 넣기

getIframe()은 YouTube 플레이어 객체의 메서드 중 하나로, 현재 재생 중인 YouTube 비디오를 포함하는 iframe 요소를 반환합니다. 이 메서드는 YouTube IFrame Player API에서 제공되며, 플레이어 객체에서 직접적으로 iframe 요소에 접근할 때 사용됩니다.이 메서드를 사용하면 JavaScript로 YouTube 플레이어를 제어할 때 iframe 요소에 직접적으로 접근할 수 있습니다. 따라서 해당 iframe 요소에 CSS 클래스를 추가하거나 제거하여 플레이어를 숨기거나 보일 수 있습니다.예를 들어, player.getIframe().classList.add("hidden")를 사용하면 YouTube 플레이어를 숨길 수 있습니다. 이는 YouTube 플레이어를 포함..

Projects/Momentum 2024.03.21

[Momentum_problemShooting] iframe, checkbox...

https://nomadcoders.co/javascript-for-beginners 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad CodersJavascript for Beginnersnomadcoders.co를 끝내고 모멘툼을 만든지, 벌써 2주 전인데도 지금도 수정 중이다.  대학원생 친구에게도 배포해서 의견 들으면서 계속 기능을 추가하고 수정하다보니깐... 정말 끝이 없다.그래도 나와 친구가 쓰려고 좋아하는 글귀들도 넣고, 하다보니 점점 발전되서 기분 좋기는 함.   아직도,해결되지 않은 문제들이 여러 개인데 문제 해결 과정에 대해서 써보려고 한다.  성공,실패 /작업 중우선, 1. 친구가 화면 분할해서 쓴다고 해서 --> @media로 반분할 쯤? 약 740px에서 css 다 줄어들게..

Projects/Momentum 2024.03.19
728x90
반응형