자신에게 친절할 것 :)
728x90
반응형

Projects 9

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

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

Projects 2024.05.29

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

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

Projects 2024.04.28

[PLAVE-Talk] 2주간 CSS 챌린지 마무리

// 노마드 코더의 코코아톡 클론 챌린지// 4월 1일에 2주간의 챌린지가 끝났고, 비록 베스트 챌린지로는 못 뽑혔지만, PLAVE-Talk을 만들면서 너무 재밌게 했기 때문에 나는 만족한다. 사실 딱히 최종 프젝으로 만들고 싶던 게 없었는데.. 친구에게 버블 찍먹을 시켜준다는 일념으로 ㅎㅎ 해봤다. 플리라면 알 수 있는 것들을 이모조모 넣어봤고, JS없이 CSS 수업이었기 때문에 기능들은 없다. 강의를 들으면서.. ㅎ momentum의 css를 얼마나.. 되는 대로 만들었는지 느꼈고,, 특히 너무 코드가 더러워서.. 다시 정리해야 한다는 생각만 하고 있다.. (미루고 미뤘지만.. 이젠 해야지.. ㅎ) 토이 프젝으로 기능도 넣어볼까 고민중이닿ㅎ 너무.. 덕질을 세상에 외치는 것 같긴 하지만, 재밌고 즐거..

Projects 2024.04.11

[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 했었다. 그나마 다행인건 pr..

Projects 2024.03.30

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

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

Projects 2024.03.30

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

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

Projects 2024.03.30

[Momentum] 나만의 Youtube Playlist 넣기 가이드

마치... 개발자가 된 것처럼 간단히 사이트에 자기만의 플리를 넣어보죠 ^^ 아주 쉬워요 ^^ 진짜에요^^ 1. 유튜브 재생 목록 만들기 1) youtube --> 재생목록 --> 제목 만들고 --> 원하는 영상넣어서 만들기 혹은 2) 음악 듣다가 ... 버튼 누르면 저장 표시 --> 새재생 목록 만들기 or 기존에 있는 것에 추가 가능. 혹은 3) Youtube가 만들어준 랜덤 재생목록 이용하기 2. 재생 목록을 비공개에서 공개로 전환 3. 재생목록 중 사이트에서 첫 번째로 시작할 영상을 누르세요. 고개를 들고 위의 url 입력 창을 봅니다. - video-ID 입력: 화면의 URL링크 창을 확인하면 v="여기서 & 앞까지 복사" 아래의 예에서는 보라색으로 선택한 부분이겠죠? ++ 데씩 군백기 끝난 기..

Projects 2024.03.27

[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 2024.03.21

[Momentum_problemShooting] iframe, checkbox...

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

Projects 2024.03.19
728x90
반응형