전체 글 63

23.03.23. HTML id와 변수명은 가급적 다르게 하자.

변수명에 오타냈을 때 꼬인다. Issue HTML 태그에 id를 부여해서, 사용자가 선택한 짧은 스트링을 저장해두는 용도로 썼다. 다시 불러올 때는 jQuery로 $('#id').text() 를 이용해서 불러오고, 값을 변경하면 $('#id').empty() 후 $('#id').append("저장할 값")으로 사용하는 식. DB를 사용할 필요는 없는 값이고, 서버랑 주고받을 이유도 없다고 생각했다. 그런데, $('#id').text()로 분명 태그 안에 있는 텍스트를 불러왔을거라 생각한 변수를 console.log로 출력해 보니, HTML 태그 전체가 출력되는 상황이 발생했다. text let someVar = $('#someTag').text() console.log(someVar) > text 로 예..

daily 2023.03.24

Javascript로 페이지 이동 시 Query String 보내고 받기

월요일에 토이 프로젝트를 잠깐 기획하면서 점심메뉴 월드컵으로 주제를 정했고, 결과를 나열한 첫 페이지와 게임을 진행하는 페이지를 나눠야 할 필요가 생겼다. 페이지를 넘어가며 보내야 할 간단한 텍스트 정보가 있었는데, 지금까지 배운 것은 한 페이지에서 어떤 버튼(onclick)을 누르거나 페이지 로딩이 완료(.ready)하는 등의 상황에서, fetch를 이용해 GET이나 POST 요청을 해왔다. 우선 간단한 문자열을 가지고 넘어가는 방법을 찾고, 넘어간 페이지에서 그 값을 읽는 방법을 찾아야 했다. 가장 먼저 다른 페이지로 이동하는 방법을 알아야 했다. window.location.href("url") window.location.assign("url") window.location.replace("url..

23.03.20. MongoDB

Issue 스파르타코딩클럽의 웹개발 종합반 강의 막바지에 HTML+CSS+JS ↔ Flask ↔ MongoDB로 만든 간단한 웹페이지를 AWS Beanstalk을 이용해 배포하는 과제를 진행했는데, Localhost에서 작동하던 웹페이지였으나, AWS에 올리니 CPU점유율이 100%가 넘어가면서 warning, severe가 발생. 우선 배포한 웹페이지에 접속은 되었으나, 기능은 동작하지 않는 상태. Try&Error 30분 정도 어떻게 하나 하고, Beanstalk의 환경을 지우고, 애플리케이션을 지우고, 다시 설치해 보고, 다르게 만들어보고 했으니 시간만 흐르고 같은 상황이 반복되었고... 정신을 차리고 콘솔 로그를 천천히 살펴봤다. Failed to load resource: the server r..

daily 2023.03.20
728x90