목록개발 (154)
그저 내가 되었고
목표:: - 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 동시에 적용도 가능..
HTML은 정보를 표현하기 위해서 고안된 언어. 하지만 사람들은 정보만으로는 못산다고 불평을 쏟아내기 시작함. html 내에서 디자인을 위한 tag를 만들어 해결해보려 했으나 여러 문제점에 봉착(대표적으로 무분별하게 추가된 디자인 기능은 정보로서의 웹이라는 가치를 오히려 퇴보시켜버림), 근본적인 해결책인 CSS라는 새로운 언어를 만들어냄. [1] ; 스타일 태그란? 이 코드 적으면 그 안의 코드는 CSS [2] ; 스타일 태그 사용법 이건 폰트 색상 정해주는 CSS(저 a{ }는 이 html 페이지의 모든 링크를 다 부르는 코드. 얘는 이 웹 페이지에서 우리가 지금 주고 싶은 효과를 '누구에게 줄 것인가'를 '선택'한다는 점에서 'selector, 선택자'라고 부름. color: navy;..