🌟🌟🌟

문자열 상수 풀(string constant pool)자바가 문자열을 string pool에서 관리하듯이 자바스크립트는 string constant pool에서 문자열 메모리를 관리한다. 만약 이미 메모리에 할당된 문자열이 있다면, 새 변수에 해당 문자열을 할당하더라도 메모리를 새로 생성하지 않고 주소값을 반환한다.  How are strings stored in JavaScript ? - GeeksforGeeksA Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/compet..

📌 카카오맵 api 시작하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com  🌏 지도 띄우기Kakao Map API를 발급 받았다면 이제 지도를 사용할 수 있다. `html` 파일에 다음과 같은 스크립트를 추가한다.   `html`에 `map`을 띄울 적당한 요소를 만든다.   다음과 같이 js 코드를 작성하면 지도를 띄울 수 있다. const mapContainer = document.querySelector(".map"); // 지도를 표시할 div const mapOption = { center: new kakao.maps.Lat..

📌배열(Array)자바스크립트의 배열은 일반적인 배열의 요소를 흉내낸 특수 객체다.자바스크립트에 배열이라는 타입은 존재하지 않으며 객체로 취급한다. 자바스크립트의 배열은 일반적인 의미의 배열, 즉 '각 요소가 동일한 데이터 크기를 가지며 연속적으로 나열된 자료구조'가 아닌 희소 배열로, 각 메모리 공간은 동일은 크기를 갖지 않아도 되며 연속적으로 이어져있지 않을 수도 있다. 자바스크립트 배열은 해시 테이블로 구현된 객체로, 일반적인 배열과 달리 인덱스로 배열 요소에 접근하는 경우에는 속도가 느리지만 특정 요소를 검색하거나 삽입 또는 삭제하는 경우 빠른 속도를 보인다.   📌확인`isArray()`전달된 인자가 배열이면 `true`를 반환한다.  📌삽입`push()` 배열의 맨 뒤에 요소를 삽입하고 ..

📌문제 카테고리명이 `자바`인 게시글 리스트를 불러오기 위해 파라미터로 `name: '자바'`를 전송했으나 백에서 파라미터가 인식되지 못하고 null 오류가 발생하는 문제. const param = { name : '자바' } getBoardList(param).then(result => { console.log(result); }).catch( e => { console.log(e); }); async function getBoardList(paramList){ const response = await axios.get('/board/list', paramList); return response.data; } @GetMapping("/list") @ResponseBody public List board..

📌문제 기존에는 제출이 성공하거나 실패할 경우 사용자에게 안내하기 위해 다음과 같이 `Controller` 메서드 내에 `PrintWriter`를 사용하여 직접 스크립트 코드로 `alert`를 띄우도록 했다. response.setCharacterEncoding("utf-8"); response.setContentType("text/html; charset=utf-8"); PrintWriter w = null; try { w = response.getWriter(); } catch (IOException e) { // throw new RuntimeException(e); return "redirect:/another"; } if(result == 1){ w.println(""); w.close(); 물..

const buttons = document.querySelectAll(".customBtn"); buttons.forEach(function (customBtn) { customBtn.addEventListener("click", function() {// 여기에 클릭 시 이벤트 구현 } }}  `querySelectAll()`로 모든 버튼을 가져오면 버튼 리스트를 참조하는 변수가 된다.`forEach()` 함수 내에서 `addEventListener()`를 적용해주면 된다.  📌응용버튼입니다.버튼입니다. 버튼입니다. 버튼입니다.  이렇게 같은 클래스를 가진 버튼이 여러 개 존재할 때 모두 같은 이벤트를 부여하고 싶다면 아래와 같이 작성한다.  con..

ID 이미 사용 중인 아이디입니다. 비밀번호 비밀번호 확인 비밀번호가 일치하지 않습니다. 비밀번호가 일치합니다. //아이디, 비밀번호 확인하지 않으면 join 버튼 비활성화 var idCheck = false; var passwordCheck = false; //아이디 중복 체크 function checkId(){ var inputId = $('#id').val(); $.ajax({ data : { inputId : inputId }, url : './checkId', type : 'post', success : function(data){ if(data === '1'){//아이디가 중복되었다면 $('#id').css("background-color", "lightpink"); $('#id-alert')..