엄지월드

간단하게 가장 위로, 가장 아래로 가기 버튼 만들기이다. position은 fixed로 해서 위치를 고정하였다.bottom, right로 이용해서 위치를 조절하였다.가장 하단의 가 있는 이유는, 아래로 가기 버튼 클릭 시 href="#scrollbottom"으로 설정해놓았기 때문이다.

HTML5 Canvas Tutorial for Beginners - Ep. 3 var canvas = document.querySelector('canvas') ; canvas.width = window.innerWidth; canvas.height = window.innerHeight; var c = canvas.getContext('2d'); function Circle(x, y, dx, dy, radius){ this.x = x; this.y = y; this.dx = dx; this.dy = dy; this.radius = radius; this.draw = function(){ c.beginPath(); c.arc(this.x, this.y, this.radius, 0, Math.PI * 2, ..

가상 클래스 선택자 상속 케스케이딩 이란? (적용 우선순위) - 웹브라우저 style selector > id selector > class selector > tag selector 순으로 적용된다.이유는 점점 정교해지는 순서이다. 만약에 우선순위를 급상승 시키고 싶으면li{color:red; !important;} 를 해주면 된다. 크기 : font-sizepx vs em vs remem, rem : 사용자 설정에 따라서 크기가 달라진다. 그래서 오늘날에는 rem을 써야 좋다. PXREM=> 줌하는거 말고 아예 폰트 사이즈를 변경하면 같이 사이즈가 바뀜 텍스트 정렬 font-family, font-weight, line-height font-weight - 가중치, 두..

새로운 속성들autocomplete 를 설정해 on으로 설정해 놓으면 자동완성 기능이 작동합니다.form 태그에 autocomplete를 on으로 설정해 놓으면 form 안에 있는 태그들은 모두 autocomplete가 동작합니다.여기서 특정 태그에서는 autocomplete를 사용하고 싶지 않으면 해당 태그에서 autocomplete를 off로 설정하면 됩니다. autofocus 기능을 사용하면 페이지에 접근했을 때 해당 타입으로 포커스가 맞춰집니다. 입력 값 체크필수적으로 입력해야 되는 부분은 required를 추가해줍니다. 사용자의 입력을 패턴으로 강제하고 싶을때는 pattern을 추가해줍니다.정규표현식에서 . 은 어떠한 문자도 상관 없다는 것입니다.입력 예시 : a (x)입력 예시 : a1 (o)..

// 화면의 폭을 디바이스의 폭 만큼 자동으로 맞춰주어라// initial-scale은 줌으로 표시되는 게 아닌 자연스럽게 표시돼도 록 함. 기계적으로 넣으면 됩니다

SEO란? 검색엔진 최적화이다. title 태그를 이용하여 페이지의 제목 나타내기-> 제목 부분에 제공될 수 있는 부분이기 때문에 잘 설정해야 한다 메타 태그의 description 이용-> description 메타 태그에는 1-2개의 문장이나 짧은 단락을 사용할 수 있습니다.-> "이것은 웹 페이지입니다" 또는 "유아용품에 대한 페이지" 등과 같은 일반적인 설명 사용 페이지의 URL 구조를 개선하기 (어떤 컨텐츠에 도달할 수 있는 정보)- 컨텐츠를 이해하기 좋은 URL을 사용하기- 불필요한 매개변수와 세션 ID가 있는 긴 URL 사용을 피해야 한다- 파일의 이름이 너무 길면 별로 좋지 않다- 디렉토리가 복잡하면 좋지않다. 특정 문서에 도달하기 위한 한 가지 형태의 URL 제공 - - 1.html, 2..

필자는 하루가 꼬박 걸려서 겨우 적용하게 되었음.. 필자처럼 삽질하지 않기를 바랍니다ㅠ 밑에는 다 코드여서 그림을 맨 위로 뺏습니다. 핵심 코드만 적어 놓았어요~ controller@RequestMapping(value="/index", method=RequestMethod.GET)public String index(Model model){JSONObject jsonObject = new JSONObject();JSONArray array = new JSONArray();JSONObject info; info = new JSONObject();info.put("visitCount", 0);info.put("date", "2017-10-8");array.add(info); info = new JSONObj..

JSTL ${i.key} = ${i.value} JQUERY$.each(values, function(index, value){innerHTML += value;});

1. Help 탭 -> Eclipse Market place -> Webclipse 검색 후 설치. 2. 설치가 완료되면 restart 3. Window탭 -> preferences -> Ant -> Editor -> Content Assist -> enable auto activation 체크 4. 잘 사용하기 ( Ctrl+Space bar)

제목을 어떻게 해야될지 모르겠다. 그만큼 구글링하는데 힘들었다..이미지 파일을 선택해서 이미지 미리보기 방법은 아래와 같다. http://touchsoul.tistory.com/84https://bootsnipp.com/snippets/nPvnk