학습 출처 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..
두 줄 요약 CSS 적용 순서 : !important;(사용금지) > inline > id > class > tag inline CSS 모두 날리기 : element.style = ""; 출처는 이번에도 Kyle 형님이다. 대단한 형님이다. 공부한 내용을 정리해본다. youtu.be/CHyPGSpIhSs 코드펜 See the Pen CSS Specificity Practice by Richard JEON (@hj-rich) on CodePen. 정리스샷 CSS 적용에 관한 명확도 규칙 : CSS Specificity 1. 명확하게 지칭할수록 적용순위가 높다. !important > inline > id > class > tag (단, important는 절대 사용하지 않는다. NAVER) 2. 마치 금은..
한 줄 요약 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 ..
