목록분류 전체보기 (173)
그저 내가 되었고
* jQuery+Javascript 연습 사전 준비) 1.제이쿼리 임포트 2.부트스트랩 연동 1&2 완료한 시작 템플릿:: 꼬우 템플릿) jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기..
목표:: - jQuery를 이용해 Javascript로 HTML을 쉽게 제어 - Ajax를 이용해 다시 서버에 데이터를 요청하고 받기 * JQuery?(웹종 교재 발췌) 👉🏻 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드 👉🏻 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것(그렇게 때문에, 쓰기 전에 "임포트"를 해야 함) 👉🏻 css와 마찬가지로, jQuery를 쓸 때에도 "가리켜야" → 조작할 수 있음. css에서는 선택자로 class를 썼다면, jQuery에서는 id값을 통해 특정 버튼/인풋박스/div/.. 등을 가리킴. 👉🏻 Javascript vs jQuery Javascript로 아래와 같이 썼다면 document.getEleme..
* Javascript 맛보기 1) 자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 💡 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 준다! 💡 잠깐 상식! Q. 왜 브라우저는 Javascript만 알아들어요? HTML안에다 파이썬, Java 같은 언어를 써서 주면 안되나요? A. 불가능한 이야기는 아닙니다. 다만, 이 "역사적인 이유 & 이미 만들어진 표준"이기 때문에, 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있죠. 2) 자바스크립트 - HTML 연결 : 버튼을 클릭하면 경고창이 뜨게 해보자! (1) 버튼에 함수 만들어 붙여두기 funct..
헷갈리는 것:: - 로 공간을 만들어 작성. mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 함!! (2) 다 외워? ㄴㄴ 좀만 알아두고 나머지는 검색 ㄱㄱ 배경관련: background-color, background-image, background-size 사이즈: width, height 폰트: font-size, font-weight, font-family, color 간격: margin, padding (3) 실습! 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID : PW : 로그인하기 만약에 얘를 페이지 중간으로 옮기고싶다? = 저 개체의 양쪽 여백을 동일하게 맞추고싶다? 💡width를 주고, margin: auto를 사용하자! 그래도 안되면? displa..
* css 주석은 /* */ e.g. /* block level element */ * style tag 中 border로 부피감 알아채기 e.g. h1{ border-width: 4px; border-colour: orange; border-style: solid; display: inline; - 이건 h1이 비록 블락 레벨(화면 꽉 채워서 줄 바꿔버리는 애)이더라도 인라인 레벨로 강등(?) } a{ border-width:3px; border-colour:orange; border-style:solid; display: block; - 이건 a 태그가(링크) 비록 인라인 레벨(줄 바꿈 없이 자기 자리에서만 쓰이는 애)이더라도 블락 레벨로 승진(?) ☞중복 싫어!!! h1과 a 동시에 적용도 가능..