학습 출처 https://www.youtube.com/watch?v=uMZaeGzbmSM 혼공 자바스크립트 57강 - 객체 매기변수(2) 약 한 달 전 쯤? 부터 알림 설정을 해두고 새로 업로드되는 혼공 자바스크립트 영상을 꾸준히 보고 있다. 아직까진 대부분 아는 내용이긴 한데, 보다 정확히 알게 되거나, 보다 나은 활용방법을 알게 되는 경우가 있다. 그 중에 자바스크립트 함수에서 객체를 파라미터로 받을 때 나이스한 처리방법을 새롭게 알게 되어 요약 정리해본다. 아마 이 내용은 실제 개발이나 실무에서도 많이 사용될 수 있는 좋은 내용이라 생각한다. 예외 처리 박태웅 한빛미디어 의장님은 프로그래밍을 '예외를 처리하는 것' 으로 정의하셨다. 나는 위 정의에 상당히 동의하는데, 그 이유는 개발 결과물의 완성도..
https://www.youtube.com/watch?v=R8rmfD9Y5-c&list=WL&index=29 오늘도 역시 Web Dev Simplified 의 Kyle 형님이시다. 개발자라면 JavaScript를 사용할 일이 없기는 아주 힘들 것이다. 그 중에서도 배열을 다루는 일은 기본기이면서도 아주 중요하다. 알고리즘 문제풀이를 하면서 stream의 필요성이 점점 더 크게 다가오는 시점에, 가볍게 자바스크립트에서 배열을 쉽게 다루는 메소드를 먼저 익혀보기로 했다. 영상 내용은 이해가 잘됐는데, 새로운 궁금증이 생겨서 이것 저것 시도해보고 공식문서를 참고해보며 추가로 알게된 것들을 함께 담아봤다. 아래는 공식문서 링크. https://developer.mozilla.org/ko/docs/Web/Java..
한 줄 요약 Window - Preferences - File Associations - .js 추가 후 Generic Text Editor를 Default로 설정 이클립스, Eclipse, Spring Tools Suite, eGov.... 암튼 다들 이클립스 기반에 이것저것을 추가했냐 아니냐로 이름이 쫌 바뀌는데. 최근 사용 환경에서 느끼기로는 그냥 STS 최신버전 다운 받아 쓰는게 제일 간편한 기분이다. 애증의 이클립스.. 나의 첫 IDE... 국비 수업 때 NotePad++로 작성하고 명령프롬프트에서 컴파일하고 실행하다가 이클립스를 처음 만났을 때는 신세계였다.... 만... 여러모로 힘들게 하는 녀석이기도 하다. 오늘은 그 중 자바스크립트 파일이 흑백으로 나오는 문제를 고쳐보자. (근데 뭐 고쳐..
See the Pen Browser Identifier by Richard JEON (@hj-rich) on CodePen. 버튼을 클릭하면 현재 Client의 browser, os 등의 정보가 alert된다. 이하는 방문카운트 기능을 추가한 과정을 기록한다. 1. 쿠키를 이용해 24시간 간격으로 fetch하는 함수를 footer에 추가. document.cookie 를 이용해 쿠키 유무 확인 및 쿠키 생성을 진행한다. 쿠키가 없으면 쿠키를 생성하되, 이름을 지정하고, 유효기간은 현재로부터 24시간으로 한다. footer template에 담아서 모든 페이지에서 쿠키 유무를 판별하도록 처리한다. 쿠키가 있으면 아무 일도 하지 않는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ..
진행중인 withIT 프로젝트에 모바일 대응을 진행하고 있는데 모바일 메뉴 디자인과 열고 닫는 부분에서 굉장히 많은 시간이 소요됐다. 물론 처음 만드는 거기도 하지만 정말 너무하다 싶을 정도로 삽질이 심했다. 그 중 두 가지가 제일 괴롭혔는데 첫째가 우측에서 메뉴가 나오게 만들 경우, 하단 스크롤이 생기는 문제였고, 둘째가 호출된 메뉴 이외의 영역을 클릭했을 경우 메뉴를 닫는 이벤트 구현이었다. 끙끙댄 삽질에 비해선 갑자기 해결이 되어 글을 남긴다. 우측에서 나올 때 스크롤이 생기는 문제는 메뉴를 왼쪽에서 나오게 함으로써 해결(또는 회피..) 했다..;; 다른 사이트의 구현방식을 보다가 왼쪽에서 나오는 건 스크롤이 안 나오길래 해봤더니 ;;; 왼쪽에서 튀어나올 땐 스크롤바가 생기지 않아서 왼쪽으로 그냥 ..
