전체 글 31

[트러블슈팅, JS] - 버튼 클릭 시 페이지 이동

22.09.04 기록 에러는 아니지만 새로 알게 된 내용이라 정리 버튼 클릭 시 페이지 이동결론: window.location.href = "주소"; ✅ 설명 링크 window.location.href는 현재 페이지의 URL을 리턴한다. window.location.href에 다른 URL을 값으로 할당해 주는 방식으로 페이지 이동을 할 수 있다. exit_to_app function exitMeeting() { window.location.href = "/" } 버튼에는 onclick 이벤트로 exitMeeting() 함수를 지정해 주고, exitMeeting() 함수는 메인 페이지로 이동하는 기능을 줬다. 추가로 새 창에서 페이지를 열고 싶으면, window.open("주소"); 를 사용하자!

etc/트러블슈팅 2022.09.10

[트러블슈팅, JS] - getUserMedia() 관련 에러

22.09.03 기록 1. getUserMedia() 메서드가 호환이 안되는 에러 2. getUserMedia()를 사용하여 video 태그에 받아왔지만 검은 화면만 나오는 에러결론 1. navigator.getUserMedia(): X, navigator.mediaDevices.getUserMedia(): O 2. 태그에 playsinline 속성을 설정해주기!! ✅ 해결 과정 1 진행중인 프로젝트가 구글 미트와 zoom과 같은 화상 회의를 기반으로 하기에, 사용자의 마이크와 카메라를 가져오는 것이 필수적이다. 처음 해보는 것이기 때문에 여러 자료들을 찾아보며 진행하였는데, 이것저것 코딩해 보아도 전혀 작동하지 않는 문제가 있었다.. 조금 더 찾아보니 Mozilla의 MDN Web Docs 사이트에서 ..

etc/트러블슈팅 2022.09.10

[트러블슈팅, JS] - 클릭 이벤트 버블링, ReferenceError 등

🚀 트러블슈팅"webtoon-moa" 프로젝트를 진행하면서 겪었던 오류나 새롭게 알게 된 점들을 몇 가지 적어보려 한다.(바로바로 기록으로 남겼어야 되는데, 발표일에 맞춰 마무리하기 위해 정신없이 달렸던 터라 그러지 못했다..😂)☁ 클릭 이벤트 버블링하트 토글 버튼을 한 번 클릭하였는데, 이벤트가 여러 번 발생하는 것처럼 보였다.그래서 console.log를 찍어봤더니 실제로 버튼 한 번에 로그가 3번씩 찍혔다..검색해 보니 다행히도 자바스크립트를 사용하여 이벤트를 구현할 때 흔히 겪는 오류였다.이미 많은 사람들이 이유와 해결 방법을 잘 설명해놓아 쉽게 해결할 수 있었다.한 번 클릭했는데 여러 번 이벤트가 발생하는 이 현상 을 클릭 이벤트 버블링 이라고 부르며, 이벤트 버블링 이란 자식 요소의 이벤트..

etc/트러블슈팅 2022.09.07

DFS, BFS

🔖 자료구조 기초 탐색이란 많은 양의 데이터 중에서 원하는 데이터를 찾는 과정 자료구조란 '데이터를 표현하고 관리하고 처리하기 위한 구조' 특히 스택과 큐는 자료구조의 기초 개념이며 다음의 두 핵심적인 함수로 구성됨 - 삽입(Push): 데이터를 삽입함 - 삭제(Pop): 데이터를 삭제함 이 외에 오버플로와 언더플로도 고민해야 함 ☁ 스택 스택은 박스 쌓기에 비유할 수 있음 아래에서부터 위로 차곡차곡 쌓고, 아래의 박스를 치우기 위해선 위의 박스를 먼저 내려야 함 선입후출 구조, 후입선출 구조라고 함 파이썬에서 스택을 이용할 때에는 별도의 라이브러리를 사용할 필요 없음 기본 리스트에서 append()와 pop() 메서드를 이용하면 됨 append() 메서드는 리스트의 가장 뒤쪽에 데이터 삽..

[Python] 얕은 복사, 깊은 복사

🔍 얕은 복사, 깊은 복사 프로그래머스의 "가장 먼 노드" 라는 그래프 문제를 풀 때 겪은 일이다. 기존 리스트를 복사하여 새로운 리스트를 만들고, 새로운 리스트를 변경해줬는데 기존의 리스트도 같이 변경되었다. (분명 id 값은 다른데..) 결론부터 이야기하자면, 위의 예시는 mutable 변수 내부에 mutable이 있는 케이스이고, 얕은 복사를 했을 경우 mutable 내부에 있는 mutable 객체들의 메모리 주소는 동일하다. 따라서 같은 객체를 참조하고 있는 상태이므로, 복사한 객체에서 변경을 해도 원본 객체에 영향을 준다. id(a) 값과 id(b) 값은 다르지만, 그 내부의 객체 id(edge[0])과 id(re_edge[0])은 같은 주소임을 확인할 수 있다. 얕은 복사로는 변수간의 독립성이..

2021년 회고록

2022년 1월 18일에 작성된 글입니다. ✨ 빠르게 지나간 2021년 '벌써 대학교 3학년이다. 올 한해 열심히 살아보자' 다짐했던 것이 엊그제 같은데 벌써 21년이 지나 22년이 되고 난 4학년이 되었다... 나는 과연 21년에 무엇을 했는지 정리해 보고자 회고록을 작성해 본다. 🥇 학점 4.5! 석차 1등! 가장 먼저 학점 4.5를 받은 것이 생각난다. 21년 3학년 1학기, 드디어 학점 4.5, 석차 1등을 달성했다. 2학년 4.43, 4.45의 학점으로 꿈에 그리던 4.5 학점을 코앞에서 놓쳤지만.. 졸업전에 꼭 한 번쯤은 4.5와 석차 1등을 달성해 보고 싶었는데 이루게 되어 뿌듯했다. 목표를 달성해서인지, 성적보단 더 중요하다고 생각되는 것들이 생겨서인지, 이제는 성적에 크게 ..

회고/2021 2022.07.04