자바스크립트를 사용할 때는 딱히 변수의 타입을 고려하지 않고 코드를 작성해도 괜찮습니다. 그러나 개발자가 타입을 신경쓰지 않을 뿐이지. 실제로는 타입이 존재합니다. 타입은 타입이 결정되는 시점에 따라서 정적 타입과 동적 타입으로 분류됩니다. 정적 타입(Static Type) 정적 타입에서는 모든 변수의 타입이 컴파일 시점에 결정됩니다. 자바에서 흔히 String str = "Hi" 라고 선언해주듯이. 개발할때 대놓고 타입을 명시하는 애들이 정적 타입 언어에 속합니다. 타입스크립트에서도 정적 타입을 제공해주고 있구요. 타입을 명시해줘야 된다는 귀찮음이 있지만 컴파일 시점에 타입 에러를 발견할 수 있기 때문에 프로그램의 안정성을 보장할 수 있어요. 정적 타입의 장점은 다음과 같습니다. 타입 안정성 : 변수의..
javascript
폴리필(Polyfill)이란? 폴리필은 기본적으로 지원하지 않는 이전 브라우저에서 최신 기능을 제공하는 데 필요한 코드를 의미합니다. 웹 환경을 빠르게 변화하고 있습니다. ES6 문법이 나오고 TypeScript가 나오고 계속해서 다양한 기술들이 나오겠죠. 이 기술들은 각각의 디바이스와 브라우저를 통해 클라이언트에 전달이 됩니다. 그렇지만 과연 브라우저에 내장된 자바스크립트 엔진이 항상 최신화된 코드를 읽을 수 있을까요?? 실제로 지원이 중단된 internet explorer의 경우 최신 코드를 읽지 못합니다. 이러한 문제를 해결하기 위해 폴리필이 사용됩니다. 폴리필을 사용하면 제가 사용하려는 기능을 지원하지 않는 브라우저에서도 그 기능을 쓸 수 있게 됩니다. 트랜스파일(Transpile)이란? 트랜스파..
요새 타입스크립트를 쓰는 개발자가 늘어나는 추세다. 자바스크립트에 타입을 명시한 언어가 타입스크립트라고 주워 들었었다. 그렇다면 왜 자바스크립트 대신 타입스크립트를 쓰게 되었는지 이유를 알아보도록 하자. 그리고 타입스크립트가 항상 모든 자바스크립트 언어를 대체할 수 있는지도 파악해 보겠다. 이미 시크님께서 두 언어를 비교한 포스팅을 올려두셨다. 참고 포스팅에서 다루지 않는 내용들을 주로 다룰 예정이다. https://kid-dev.tistory.com/13 [typescript vs javascript] 어떤 언어를 써야할까? 이 글로 종결하자! 똘이는 javascript를 사용하는 유저이다. 인터넷을 검색해보니 typescript라는 검색어가 계속 눈에 들어온다. 그리고 주변 개발자들도 typescri..
5월 16일 오늘은 아이유님의 생일입니다. 축하 기념 공지를 띄워보도록 하겠습니다. 모달과 팝업의 차이 본문에 들어가기 앞서 모달과 팝업에 대해서 간략하게 언급하겠습니다. 둘이 비슷하게 메인 윈도우에 또 다른 윈도우를 띄우는 기능을 하고 있습니다. 그러나 팝업의 경우에는 완전 다른 윈도우라면 모달은 부모 자식간의 관계를 유지하고 있습니다. 또한 팝업 차단 기능으로 개발자의 의도와는 상관없이 사용자가 제어가 가능하지만 모달은 그게 아니라고 합니다. 그래서 요즘은 모달을 많이 쓰는 추세라고 합니다. 참고 https://bomango.tistory.com/57 모달창 VS 팝업창, 차이가 뭔데? "팝업창 말고 모달창으로 만들어줘~" "이번 모달창은 iframe으로 만들어~" 입사 초기에 모달=팝업 이라고 생각..
일반적인 경우 jQuery를 이용하는 경우에 엔터키를 자동으로 입력해주는 스크립트를 아래처럼 작성할 수 있습니다. var e = jQuery.Event("keypress"); e.which = 13; $(selector).trigger(e); 크롬 확장 프로그램의 자바스크립트의 경우 앞선 예제와 차이점이 존재합니다. 특정 페이지에서 동작하는 자바스크립트 코드가 존재할 테고 이는 확장 프로그램을 만들기 위해 작성하는 스크립트랑은 다르다는 것을 인지하셔야 합니다. 문법이 다르다는 이야기가 아니라 frame이 다릅니다. 따라서 추가한 이벤트를 페이지에서는 적용이 안됩니다. 대부분 개발자도구에서 먼저 테스트를 해보고 성공한 코드를 js에 추가하고 확장 프로그램을 로드하실 텐데요. 그러고 이벤트가 동작하지 않는 ..
legacy한 keyCode 자바스크립트로 키보드 이벤트를 구현하던 와중 궁금증이 생겼습니다. 간단하게 Alt키를 눌렀을 경우를 체크하려는데 keyCode 부분에 이건 아니라는 듯이 줄이 쫙 그어져 있는 문제였죠. 코드를 실행하면 정상적으로 동작은 하지만 찜찜해서 찾아봤습니다. 취소선에 마우스를 가져가면 다음과 같은 메시지를 볼 수 있습니다. 'keycode' is deprecated를 구글에 검색해봤습니다. stack overflow에 이미 관련 질문이 있더군요. 링크 : stackoverflow.com/questions/35394937/keyboardevent-keycode-deprecated-what-does-this-mean-in-practice I'd suggest that you should ..
웹 개발을 하면서 디자인 적으로 수정할 일이 생깁니다. 정렬을 하거나 글자색을 바꾸거나 할 수 있죠. 이걸 자주 하게 되면 어느 순간 적용이 안된다고 느껴질 때가 있습니다. 문법적인 실수를 하지 않았나 다 체크해보지만 멀쩡해요. 되야만 할 때 안된다면 우리의 잘못이 아닐 수 있습니다. 문제 발생 이유 우리가 사용하는 브라우저는 캐시라는 기능을 지원합니다. 페이지에 다양한 리소스가 있다면 이를 따로 저장해둡니다. 갈 때 마다 로딩을 하면 느리다고 느끼고 우리는 불편함을 느끼죠. 더 빠른 웹을 위해 캐시를 사용하게 됩니다. 여기서 문제가 발생합니다. 나는 현재 css나 js를 수정했는데 브라우저는 예전에 받아둔 파일이 있다면서 새걸로 적용을 안해줍니다. 해결 방법 파일명 변경 가장 간단하게는 파일명 자체를 ..
