한걸음씩

적는김에 1개 더 적을란다. URLSearchParams를 사용하여 만든 최종결과물이다. 단순히 사용만하는게 아니라 반복적인 동작이 가능하도록 만들었다. URLSearchParams를 사용해서 쿼리문자열을 만들고 현재페이지에서 검색을 하면 "?key1=val1&key2=val2"가 현재 URL뒤에 추가되어 검색이 실행되도록 만들었다. (결과 : https://hello.world.com/about/?key1=val1&key2=val2) 하지만 여기서 1번 더 실행하면 "URL?key1=val1&key2=val2?key1=val1&key2=val2"이 되어버린다. 이 문제를 처리하기 위해서 마무리한 코드이다. function makeQueryString(){ const val1 = document.getE..

인터넷 브라우저 URL을 보면 "https://어쩌구.저쩌구.com/이거/저거?q=dbgiwe&var=weotbsa"이라고 되어있다. 빨간색 부분을 쿼리문자열이라고 하는데... 많이 사용하는건데 몇번 잊어버려서 잊지 않기 위해 글을 작성한다. URLSearchParams()를 사용하여 쿼리문자열 만들기 function makeQueryString(){ const val1 = document.getElementById("key1").value; const val2 = document.getElementById("key2").value; const params = new URLSearchParams({ key1 : val1, key2 : val2 }); const queryString = params.toS..

Javascript 및 부스트트랩Javascript를 처음 사용해 보았고, 부스트트랩도 처음사용해 보았다. 처음 사용해보는 것이라 어려움이 있었으나, Java와 비슷한 부분이 많아서 그래도 적응하는데 어려움은 없었다. 부스트트랩을 사용하니 여러 태그, 클래스 등을 가져오는데 굉장히 편리해졌다. 하지만 교육이 실습 위주로 이루어지고 구체적인 원리나 설명은 부족하여 추가적인 공부를 많이 요구하는 것이 아쉽다. HTML, CSS개인적으로 학습한 내용이 더욱 자세하게 다루어서 이부분은 아쉽게도 더 얻어가는 것은 없었다.