본문 바로가기

Javascript4

[크로스브라우징] safari fixed bug - 키보드 오픈 시 * 해당 문서는 vuejs를 기반으로 작성되었습니다. * safari는 항상 예상치 못한 곳에서 버그가 발생합니다.. 🥲 간단한 수정 요청이였는데, 해당 버그로 시간을 많이 잡아먹었습니다..만! 그래도 해결해서 글을 작성하게 되었습니다. container에 fixed bottom 0 을 설정해 둔 상태에서 키보드 오픈 시 container가 키보드 뒤로 가려지는 현상이 발생했습니다. (코드는 핵심 코드만 약식으로 작성) .modal{ width: 100vw; height: 100vh; position: fixed; bottom: 0; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 9; } .container{ width: 100%; he.. 2022. 10. 18.
여러개의 object를 중복 없이 하나의 object로 합치기 해당 글은 lodash를 사용합니다. 우선 여러개의 object를 만들어줍니다. const a = { A: ['1', '2'], B: ['3', '4'] } const b = { A: ['2', '3'], B: ['3', '4'] } const c = { A: ['5', '6'], B: ['4', '5', '8'] } 위 object들을 하나의 object로 합쳐줍니다! const res = lodash.merge(a, b, c) console.log(res) /* --------------------------- */ { A: ['1', '2', '2', '3', '5', '6'], B: ['3', '4', '3', '4', '4', '5', '8'] } 여기서 결과값을 보면 배열 안에 중복된 값들이 .. 2022. 8. 16.
jQuery의 개요와 특징 1. jQuery 개요 jQuery는 HTML 속 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 브라우저 호환성이 있는 JavaScript 라이브러리입니다. 존 레식에 의해 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개되었습니다. 현재 가장 인기 있는 JavaScript 라이브러리이며 표준에 가까운 점유율을 자랑합니다. 2. jQuery 특징 기능적으로야 더 좋은 라이브러리들도 많지만, jQuery가 순식간에 업계를 장악한 특장점은 바로 무지하게 쉽고 간편하다는 점입니다. 'write less, do more.'가 모토로서 비프 로그 래머인 웹디자이너들도 어렵지 않게 이해할 수 있을 만큼 쉬운 편입니다. DOM 구조와 CSS에 대한 지식만 있다면 애니메이션 같은 건 바로 이.. 2020. 12. 1.
자바스크립트의 개요와 특징 1. 자바스크립트 개요 프로토타입 기반의 객체지향 프로그래밍 언어로, 스크립트 언어에 해당됩니다. 특수한 목적이 아닌 이상 모든 웹 브라우저에 인터프리터가 내장되어 있습니다. 오늘날 HTML, CSS와 함께 웹을 구성하는 요소 중 하나입니다. HTML이 웹 페이지의 기본 구조를 담당하고, CSS가 디자인을 담당한다면 JavaScript(이하 자바스크립트)는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당합니다. 웹 페이지를 자동차에 비유하자면, HTML은 자동차의 뼈대, CSS는 자동차의 외관, 자바스크립트는 자동차의 동력이라고 볼 수 있습니다. 썬 마이크로시스템즈(현재 오라클)에서 개발한 Java와는 별 관계가 없는 언어입니다. 이름이 비슷하다고 같은 언어가 아닙니다. 사람들이 흔히 헷갈리는 부분 중.. 2020. 12. 1.