일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- vue 카카오 Maps API
- jqueryplugin
- select플러그인
- TypeIt
- json-server 서버설치
- 이미지반전css
- iCalendar
- 텍스트서식태그
- 이미지색상반전
- node.js이메일보내기
- 변수선언방법
- vue Maps API
- node.js 로그관리
- node메일보내기
- 카카오 Maps API
- plugin
- Array 내장함수
- js Array 내장함수
- 텍스트색상반전
- 이미지에 링크여러개걸기
- 이미지에 다중링크걸기
- json-server 사용하기
- 텍스트입력 라이브러리
- 모바일 사용자를 위해 올바른 HTML input type
- 카카오 Maps
- 자바스크립트 변수 차이점
- 키보드 타이핑 효과
- niceselect사용법
- 의미있는태그
- 이미지에 링크여러개
- Today
- Total
ㅇㅅㅇ
쇼핑몰에서 판매 중인 상품이나 장바구니 등의 정보 등 대부분의 웹 사이트에서 사용자나 서버에서 입력받은 정보를 처리하는 방식으로 동작하는데, 이러한 정보를 저장할 때 변수가 사용된다. 여기서 말하는 변수는 무엇이고 어떻게 선언할까? 변수란? 자바스크립트에서 변수는 데이터를 담는 그릇을 의미한다. 변수는 var, let, const 키워드를 사용하여 선언하고, let x; 할당 연산자(=)를 사용해 값을 할당한다. let x = "a";// 문자열 저장 그리고 식별자인 변수명을 사용해 변수에 저장된 값을 참조한다. let x; x = 'a'; alert(x); // 변수에 저장된 값을 보여준다. 한 줄에 변수 선언과 값 할당을 할 수 있으며, 한 번에 여러 변수를 선언할 수 있다. // 한 줄에 변수 선언..
간혹 하나의 이미지에 여러개의 링크를 담아야 할 때가 있다.(ex. 쇼핑몰 프로모션 이미지에 여러개의 링크 걸기 등) 그럴 때 가장 쉽게 할 수 있는 방법으로 image map태그가 있다. 태그 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용한다. 기본작성법 img 태그로 이미지 맵을 적용할 이미지를 불러온다. map 태그를 추가하고 name을 지정해 img 태그와 연결한다. img의 usemap과 map name가 동일해야 한다. img usemap에는 # + map name으로 작성한다. map 태그 내부에 이미지맵 영역을 설정할 area 태그를 추가로 입력한다. shape : rect(사각형) circle(원형) poly(다각형) 3가지 중 하나의 좌표 모양을 선택한다. coord..
모든 입력폼을 input type="text"으로 사용한다면 PC환경에서는 큰 차이가 못 느끼지만, 모바일에서는 작은 화면에서 제공되는 키패드를 사용하기 때문에 상황에 따라 불편을 느낄 수 있다. 이것을 해소해 주는 것이 input 태그의 type 속성이다. input 태그의 type 속성은 아래의 이미지 처럼 속성에 따라 최적화된 입력 환경으로 사용자에게 편의를 제공한다. (이미지는 안드로이드 버전) number : 숫자패드가 나온다. tel :숫자패드가 나오는데 number과 다른점이 있다면 *,+,#를 입력할 수 있는 버튼이 있다. email : 숫자+영문패드가 나온다. 하단에 .com을 입력할 수 있는 버튼도 있다. search : 입력하면 입력창 우측에 x버튼이 생기고 누르면 작성했던 내용이 지..