JavaScript

JavaScript

자바스크립트 객체 파라미터 예외 처리 - 혼공 자바스크립트 57강

학습 출처 https://www.youtube.com/watch?v=uMZaeGzbmSM 혼공 자바스크립트 57강 - 객체 매기변수(2) 약 한 달 전 쯤? 부터 알림 설정을 해두고 새로 업로드되는 혼공 자바스크립트 영상을 꾸준히 보고 있다. 아직까진 대부분 아는 내용이긴 한데, 보다 정확히 알게 되거나, 보다 나은 활용방법을 알게 되는 경우가 있다. 그 중에 자바스크립트 함수에서 객체를 파라미터로 받을 때 나이스한 처리방법을 새롭게 알게 되어 요약 정리해본다. 아마 이 내용은 실제 개발이나 실무에서도 많이 사용될 수 있는 좋은 내용이라 생각한다. 예외 처리 박태웅 한빛미디어 의장님은 프로그래밍을 '예외를 처리하는 것' 으로 정의하셨다. 나는 위 정의에 상당히 동의하는데, 그 이유는 개발 결과물의 완성도..

JavaScript

자바스크립트 배열 함수 정리!

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..

JavaScript

TypeScript 첫 발 떼기

노마드코더, 드림코딩 엘리, 생활코딩, Newlec 이 네 분이 나에겐 사황이다. (나도 오황이 될 수 있을까;) 그 중 니콜라스 센세와 엘리 샘은 한 해를 정리하는 영상을 올려주셨는데 내게 남은 결론은 딱 두 단어다. TypeScript. Go. 그 중에서 나에게 당장 바로 활용여지가 큰 TypeScript를 공부해보기로 했다. 개요 MS에서 만듦. TypeScript로 작성한 코드는 TSC로 컴파일 후 JavaScript로 변환되어 동작하는 방식임. 공홈에 yanolja가 TypeScript를 사용한다고 나와있음. JavaScript에서 할 수 있는 모든 걸 할 수 있고 몇가지 추가사항이 있는 거임 거대한 애플리케이션을 위해 설계되었음 공홈 : www.typescriptlang.org/ Typed J..

JavaScript

예약일 선택용 캘린더 구현하기 without 라이브러리

HTML, CSS 그리고 Vanilla JavaScript만을 이용해 예약일 선택용 달력을 구현중이다. 1. 시작날짜, 마지막 날짜를 선택한 후에만 조회 버튼이 정상 작동한다. 2. 시작날짜 ~ 마지막 날짜 범위에 해당하는 날짜만 달력에 표기된다. 3. 달력 상단 연도와 월이 표기된다. 4. 범위 내 날짜를 클릭할 경우 해당 날짜의 배경색이 변경된다. 5. 범위 내 날짜를 클릭할 경우 하단에 선택한 날짜가 텍스트로 표기된다. 6. 하단 텍스트가 존재하는 상태에서 적용 버튼을 누르면 선택한 연,월,일,요일 이 alert된다. 7. 선택한 날짜의 범위가 2달 이상에 걸쳐 있을 경우 이전, 다음 버튼을 통해 탐색 가능하다 라이브러리 없이 달력 구현하기에 처음 도전했다. 생각보다 어려웠다. 말도 안되는 곳에서 ..

JavaScript

RMA : 취업포털에서 공고를 필터링해주는 크롬 확장 프로그램

한줄요약 : 취준하다 답답해서 직접 만든 구인 공고 필터 크롬 확장 프로그램 chrome.google.com/webstore/detail/rma/ibfoelalnhihfkhhjpnpkajhmiojmnph?hl=ko& RMA Remember My Application chrome.google.com 목차 1. 제작 동기 & 결과물 2. 구상 3. 개발 시작 3-1. manifest.json : 환경설정 3-2. chrome.storage.sync : userDate 관리 3-3. popup.html : View 3-4. 소소한 삽질 4. 완성 및 배포 5. 후기 1. 제작 동기 & 결과물 여러 취업 포털을 통해 입사지원 하던 가운데 중복, 기 지원, 관심 없는 공고로 인한 생산성 저하를 느꼈다. 취업포털 ..

리차드
'JavaScript' 카테고리의 글 목록