본문 바로가기

전체 글

 (50)
02_Step : jQuery & ajax #01. jQuery jQuery = 자바스크립트의 코드 라이브러리입니다. jQuery는 부트스트랩 같이 미리 작성된 자바스크립트 코드입니다. 때문에 import를 꼭 해야합니다. jQuery는 복잡하고 호환성에 문제가 생길 수도 있어 자바스크립트 대신 유용하게 사용됩니다. 예제1) 입력칸(id값=input-q1)이 공백일 경우 '입력하세요!' 팝업창이 나옵니다. 입력칸(id값=input-q1)이 공백이 아닐 경우 입력된 문자가 팝업창에 나옵니다. 예제2) 입력칸(id값=input-q2)에 '@'이 포함되어 있는지 먼저 찾아냅니다. 포함되어 있을 경우 '@'을 기준으로 문자열을 자르고, 잘라진 문자열의 1번째 index를 다시 한 번 '.'을 기준으로 자르고 0번째 index를 선택합니다. 예제3) in..
01_Step : HTML & CSS & JavaScript #1. HTML HTML은 웹페이지를 이루는 뼈대에 해당됩니다. a - 링크연결 h1 - 제목 h2~h6 - h1보다 작은 크기 p - 문단 나눔 div - 내용을 한꺼번에 묶어서 이동 가능 span - 꾸미고 싶은 단어를 특정할 때 사용 #2. CSS CSS는 HTML로 만들어 놓은 뼈대를 꾸미는 역할을 합니다. CSS의 위치는 에 태그를 만들고 그 안에 기입하거나 따로 CSS파일을 만든 후 HTML과 태그를 통해 연결해 줄 수 있습니다. CSS도 HTML과 마찬가지로 많은 태그를 통해 표현할 수 있습니다. 구글폰트를 이용하여 원하는 글씨체로 만들 수 있습니다. font-family - 글씨체 변경 padding - 객체 내부의 여백 생성(위 오 아래 왼) margin - 객체 외부의 여백 생성(위 오..

티스토리툴바