4월 25일 ~ 5월 1일 한 주 회고 학습한 것 JS 프로미스에 대해 배웠다. 이벤트 전파에 대해 배웠다. Canvas API를 접했다. 자료구조/알고리즘 스터디를 통해 leetCode를 하루에 4문제씩 풀어보고 있다. 연결리스트의 다양한 메소드를 접하게 되었다. 알고리즘의 시간 복잡도에 대해 정리했다. 느낀점 스터디를 통해 공부시간을 많이 늘리고 있다. 쉽지 않은 알고리즘! 다양한 문제들을 접해보고 있다. 1일 1포스팅을 되도록 의미있게 해보려 하고있는데 쉽지 않다. 보완할 점 코딩테스트 준비하기 이것저것 해보며 DOM 조작을 많이 해보기 1일 1포스팅 내용 보완하기

4월 18일 ~ 24일 한 주 회고 4월 셋째주를 돌아보는 한 주 회고. 학습한 것 JS 이벤트 핸들러로 DOM을 조작해보았다. 비동기 통신의 방법중 fetch API를 사용해보았다. 자료구조/알고리즘 leetCode를 한두문제씩 풀어보고 있다 배열의 여러 타입 문제들을 풀어보고 있다. 연결리스트의 구조에 대해서 다시 복습하는 시간을 가졌다. 그 외 깃허브 리드미를 꾸며 보았다. var와 let, const 에 대해서. 느낀점 SASS가 편해지고 있다. (갈길이 멀지만) 이번 주는 직접 뭔가 해보는 시간을 많이 가지다보니 강의를 생각보다 많이 듣지 못한듯 하다. 쉬운 단계이지만 쉽지 않은 알고리즘~ 정말 다양한 풀이법이 있는 것 같다. 포레스트 기록하다가 까먹은 날이 많았다. 보완할 점 공부 패턴 정착하..

4월 11일 ~ 18일 한 주 회고 어제(17일) 올렸어야 했는데 깜빡해서 오늘 올리는 한 주 회고. 학습한 것 HTML/CSS Grid에 대한 것. 다만 연습이 더 필요하다. 네이버의 주문페이지를 클론코딩 해보며 Sass를 접해보고 있다. Sass로 css를 만들어 나가는 과정에서 컴포넌트를 쪼개본다거나, flex에 좀 더 익숙해 지고 있다. JS 배열의 다양한 메서드를 써보고 있다. 모던 자바스크립트 딥다이브를 조금씩 읽고있다. 현재는 함수 챕터. 자료구조/알고리즘 알고리즘의 복잡도에 대해 배웠다. 기초적인 문제들을 조금씩 풀어나가고 있다. 느낀점 알고리즘은 예상했지만 생각보다 어렵다. 공부시간은 6시간 내외인데 좀 더 늘릴 수 있도록 해봐야겠다. 글을 쓰는 것이든, 코딩을 하든 내 방식대로 해가는 ..

블로그를 새롭게 정리하며 많지는 않았지만, 100여개가 넘는 기록용 포스팅을 그간 해왔었다. 작년과 올초를 거쳐서 일련의 사건들을 겪으며 이런 저런 생각이 많았다. 그간의 생각들을 구구절절 늘어놓을 수는 없지만, 결론은 '아무래도 재정비하는게 좋겠다'였다. 그래서 몇몇 포스팅만 남기고 모두 비공개로 돌렸다. 앞으로의 계획 사실 그간 대부분의 포스팅들은 배운 정보를 정리하고 나열하는 식이라 시간과 정성을 들였다고 할 순 없겠다. 앞으로는 글쓰는 역량도 길러볼겸, 좀 더 정성들인 글로 적어보고자 한다. 물론 아직 경험이 부족하니 부족한 것이 당연하다! 완벽하지는 못하더라도 소중한 기록이 될 수 있도록 쓸 생각이다. 회고록도 짬짬히 써봐야겠다. 무언가 쓰는 행위를 좋아하는 만큼, 꾸준히 해보는 것이 목표!

할인금액이 적용된 가격을 JSP에서 쉼표표시하여 나타내고 싶었다. 검색 중 JSTL의 fmt 태그를 통해 숫자타입에 대한 조정이 가능하다는 것을 알게 되었다. fmt:formatNumber 이 태그는 숫자값을 숫자, 통화, 퍼센트로 바꾼다. 적용 코드 ${l.lec_price - (l.lec_price* l.lec_sale)}원 📃 참고 https://treasurebear.tistory.com/43 JSTL 금액 표시(세자리마다 쉼표) jsp로 화면을 그리고 있는데, 금액을 표시해야 되서 세자리마다 쉼표(, comma)를 넣어주고 싶었다. 1,000,000원 이렇게! 그래서 tld로 만들까.. script로 만들까.. 고민하다가, 찾아보니 jstl에서 기능을 제 treasurebear.tistory.com

HTML5에서 제공하는 geolocation API를 통해 위치 검색을 허용하면 현재 좌표를 얻어낸다. function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { let lon = position.coords.latitude; //위도 let lat = position.coords.longitude; //경도 toAddress(lon,lat); }, function(error) { console.error(error); }, { enableHighAccuracy: false, maximumAge: 0, timeout: Infinity }); } } 여기서 얻..

자바스크립트를 이용하여 버튼 클릭시 현재 페이지의 URL을 클립보드에 복사하는 기능을 추가하고 싶었다. function clipBoard(){ let dummy = document.createElement("input"); const url = location.href; document.body.appendChild(dummy); dummy.value = url; dummy.select(); document.execCommand("copy"); alert("URL을 클립보드에 복사했습니다."); document.body.removeChild(dummy); } 함수 실행시 임시로 URL을 담는 input을 생성하고 복사 후 삭제한다. document.execCommand("copy"); 클립보드 복사의 핵..

컨트롤러의 url, 즉 웹사이트에서 현재 페이지의 패스를 알아내고 싶었다. let currentPathName = window.location.pathname; window.location.pathname 을 통해 슬러시를 포함한 뒷부분 url을 알 수 있다. 아래는 현재 작성중인 포스트의 패스.

localStorage 로컬 스토리지 브라우저 내에 키-값을 쌍으로 하여 값을 저장한다. 브라우저가 다시 닫힌 뒤 다시 실행되어도 값이 유지된다. 키-값은 항상 문자열이어야 한다. 또 도메인이나 포트, 프로토콜이 같다면 동일한 모든 창에서 공유된다. 로컬스토리지의 길이 현재 저장되어있는 데이터의 개수를 알 수 있다. const localLength = localStorage.length; localStorage.setItem 로컬스토리지에 값을 추가한다. localStorage.setItem(keyword); 키 값 전체 알기 for문을 통해 로컬스토리지의 인덱스에 해당하는 키에 접근하여 localStorage.getItem(key) 를 통해 키의 값을 알 수 있다. for (let i = 0; i