1666-0000 이렇게 작성된 버튼을 두고 클릭할 경우 전화번호로 연결되도록 한 상황에서 배포하고 모바일 환경에서 확인해보니 왠걸 IOS 크롬 브라우저에서 어이없는 밑줄이 나타났다. (너무 얼탱 없어서 캡처도 헐었네..) 여러 기기로 확인해보니 안드로이드 기기와 사파리에서는 괜찮고 IOS 크롬 브라우저에만 밑줄이 나타나고 있었다. ios에서는 사용자를 위해서 웹 페이지에 전화번호, 이메일, 주소 형태가 있으면 밑줄을 추가해준다. → 사용자 편의성 때문에 전화번호나 이메일 주소 텍스트를 발견하게 되면 클릭할 수 있는 링크정보임을 명확히 하기 위해 언더라인이 추가 된다는데.. 해당 정보를 알게 되었음에도 사파리는 괜찮은데 chrome 브라우저만 문제가 나타나길래 다른 원인이라고 생각했다. 계속 검색 중에 ..

Less란 무엇인가? (공식 문서에 따르면) Less(Leaner Style Sheets의 약어)는 이전 버전과 호환되는 CSS용 언어 확장입니다. 이것은 언어인 Less와 Less 스타일을 CSS 스타일로 변환하는 JavaScript 도구인 Less.js에 대한 공식 문서입니다. css의 불편함을 보안해서 변수를 사용함으로서 유지보수 편리, 중첩 선언으로 반복되는 코드 감소, 선언된 스타일을 재사용하는 등등등.. 의 역할을 해주는 확장된 언어이다. .less 확장자를 사용하지만 브라우저는 .less를 인식할 수 없으므로 Less 문법에 따라 작성한 .less를 .css로 변환해주거나 (전처리기 사용), 혹은 자바스크립트 소스단에서 바로 .less를 링크로 연결해서 사용할 수 있다. https://les..

Review 자바스크립트 객체 생성 방식 객체 리터럴 Object 생성자 함수 생성자 함수 Object.create 메섣, 클래스(ES6) Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출 → 빈 객체를 생성하여 반환 반환된 빈 객체에 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. // 빈 객체 생성 const resume = new Object() // 프로퍼티 추가 resume.name = '김말순' resume.career = 2.3 resume.submit = function(){ console.log('안녕하십니까. 지원자 김말순 입니다.') } 생성자 함수 1. 객체 리터럴에 의한 객체 생성 방식의 문제점 객체 리터럴에 의한 객체 생성 방식 장점 : 직관..

프로퍼티 정의 프로퍼티 정의 Object.definedProperty Object.definedProperties 새로운 프로퍼티를 추가하며 프로퍼티 어트리뷰트를 명시적으로 정의 / 기존 프로퍼티의 프로퍼티 어트리뷰트를 재 정의하는 것 value, get, set, writable(갱신 여부), configurable(재정의 여부), enumerable(열거 여부) const developer = {} //Object.definedProperty 는 한번에 하나의 프로퍼티만 정의 가능하다. //Object.definedProperties 는 한번에 여러개의 프로퍼티를 정의 할 수 있다. Object.definedProperty(developer, 'language', { value : ['JavaScri..

내부 슬롯과 내부 메서드 내부 슬롯(internal slot) 과 내부 메서드(internal method) : 자바스크립트 엔진의 내부 로직. ECMAScript 사양을 설명할 때 사용하는 의사 프로퍼티, 의사 메서드 원칙적으로 직접 접근 불가. 일부 내부 슬롯과 내부 메서드에 한해서 간접적으로 접근 가능 [[Prototype]] 내부 슬롯은 proto 를 통해 간접적으로 접근 가능 const obj = {} obj.[[Prototype]] //접근 불가 obj.__proto__ // 접근 가능 [참고 영상] 내부 슬롯과 내부 메소드 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티 어트리뷰트를 자동으로 생성한다. 프로퍼티 어트리뷰트란 프로퍼티의 값, 갱신..

타입스크립트 설치 npm install typescript -g tsc --versionbrew install typescript tsc --version타입스크립트 기본 사용 방법 1. 타입의 종류 및 지정 방법 타입의 종류 number string boolean null undefined any 타입 지정 방법 /* index.ts */ // 1. 변수의 타입을 지정한다 let a:number = 3 a = 'a is number' // 2. number 혹은 string 처럼 두가지 타입을 지정한다. let b:number | string = 3 console.log(b) // c b = 'b is string' console.log(b) // b is string //..