본문 바로가기
반응형

program/Javascript4

조금씩 jQuery 사용을 줄이기 위한 공부 #2168 시대가 변하고 있다. Angular, Vue, React 등의 새로운 언어들이 나오면서 '탈 jQuery' 진영이 많아지고 있는 사실을 부정할 수 없다. 흔히 업계에서 말하는 프런트엔드의 경우 jQuery를 무시하는 경향까지도 보이고 있다. 그렇지만 현장에서는 아직도 jQuery가 많이 사용되고 있으며 퍼블리셔라 불리는 HTML 마크업을 주로 코딩하는 분야에서는 태반이 jQuery로 작업을 하고 있다. jQuery도 계속해서 버전업을 하면서 점점 하위 버전의 브라우저를 버리고 있기 때문에 아마 꾸준히 발전하면서 사용될 것이다. 단지 시류가 ECMAScript를 강하게 원하고 있고 점점 더 강해질 것이라 여겨지기 때문에 jQuery만 바라보다간 밥줄이 끊길 것 같아 최소한의 ECMAScript는.. 2021. 11. 22.
screen.height로 모바일 웹뷰 단말 창크기 구하기 #2159 요구사항은 다음과 같았다. 화면이 작은 단말에서 메뉴를 하나라도 더 보여주기 위해 스크롤 시 상단 일정 영역을 올렸다 내렸다 하는 UI였다. 해당 요구에 대한 구현은 다음과 같은 코드로 해결을 했었다. 이걸 해결한 것 까지는 좋았는데 실제로 개발에 적용하면서부터 문제가 생기기 시작했다. 모바일 대응에 Portrait만 신경쓰면 되었기에 혹시 모를 스크롤 영역에 대한 대비책으로 단말 크기를 체크해서 고정시켜두려고 했었다. 스크롤 영역이 단말기 크기마다 상이한 관계로 가변인 만큼 영향도가 없는 상단 고정 영역에 대한 높이 값을 가지고 있어야 조절이 가능해서 스크립트는 필수적으로 적용시켜야 했다. 윈도 창 높이 값을 가장 쉽게 구하는 방법은 jQuery를 사용하여 height를 구하는 방법이겠지만 .. 2021. 10. 31.
Uncaught SyntaxError: Invalid shorthand property initializer #2135 책을 보면서 공부 중인 초반 이론적인 부분을 말 그대로 '따라 하는'과정 중에 조우하게 된 에러가 있었다. 경험상 유심히 보면서 생각했다면 잘못된 것이라 생각했을 텐데 맹목적으로 책을 신뢰하다 보니 맹신하지 말라는 걸 배운 것 같다. Uncaught SyntaxError: Invalid shorthand property initializer 에러가 나왔다. 책에서 나와 있는 것이니 내가 틀렸을 것이라는 생각에 계속 보다 결국 문제점은 책의 오타. 객체에서 변수 설정 방법이 틀린 거였다. =가 아니라 : 를 사용해야 하는데 생긴 문제점이었다. 뭐랄까. 분명히 내가 알고 있는 지식선상의 문제인데, 알면서도 틀려서 분한 기분이었다. 2021. 7. 11.
Object.assign(), Spread Operator #2114 자바스크립트를 공부 중이다. 그동안 눈에 잘 들어오지도 머리에 남지도 않았었는데 어떤 형태로든 아웃풋을 남기는 것이 기억에도 남고 좋을 것 같아 공부의 흔적을 남기려는 것이 목적이다. Object 이번에 공부한 내용은 객체에 대한 내용이었다. 어디에 사용하는 게 좋을지는 현시점에선 잘 모르겠고 착각일 수도 있지만 방법은 약간 이해가 된 것 같다. See the Pen 20210130_01 by minamiland (@minamiland) on CodePen. 기본적으로 객체는 복사하면 똑같다 [1] obj1에서 사용되는 객체가 있고, [2] obj2에 obj1을 대입하면 둘 다 동일한 값을 가지게 된다 [3]. 이때 [4] obj2에 다른 속성을 부여하면 간단히 생각하면 obj2 만 바뀔 것 .. 2021. 2. 1.
반응형