웹개발

jQuery 1. jQuery기초 & method123// jQuery 요소 선택 방법// $("CSS 선택자")console.log($('#div1'))cs">HTML 삽입미리보기할 수 없는 소스JS에 비해서 굉장히 축약되었다. 💫 값 가져오기 & 설정하기$(선택자).val();input과 같은 value 값을 가져올 수 있다.$(선택자).val("설정할 값");input과 같은 곳에 value 값을 설정할 수 있다.// input value 설정 및 가져오기// val()function getValue(){    let value = $('input').val() // 가져올때는 val()함수에 값만 비워두면 된다    alert(value)}function setValue(){    $('inpu..

Javascript1. 문자열 관련 메소드1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374// 문자열에서 사용하는 속성과 메소드// length// toUpperCase, toLowerCase, trim, indexOf, slice, replace, replaceAll, repeat, split let str1="Strawberry Moon"let ..

Javascript 1. Javascript 참조 방식💫내장 방식: 위치 어디든 사용이 가능하다. 💫링크 방식 2. 데이터 종류💫String 문자열1234let myName = "sample"let email = 'sample@g.com'console.log(myName)console.log(email)cs" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스1234567// 문자와 변수를 동시에 써보기console.log('내 이름은', myName)// let bbbb = '내 이름은', myNamelet ..

CSS 1) Positionrelative: 기준이 자기 자신. 자신의 자리는 남아 있음 = 문서의 흐름을 해치지 않음absolute: 부모 요소를 기준으로 한다. 보통 relative가 부모로 온다.fixed: 뷰포트(브라우저)를 기준으로 배치static: default  값. static은 이동 불가 = top, bottom, left, right 속성의 영향을 받지 않는다.👻 position의 속성 값으로 absolute, fixed가 지정된 요소는 display 속성이 block으로 변경된다. 2) 요소 쌓임의 순서 (Stack order): 어떤 요소가 사용자와 더 가깝게 있는지(위에 있는지) 결정z-index: position 과 같이 서야한다.3) 배경💫그라데이션background: li..

HTML1. HTML의 기본 구조 head 태그: title, style, link, script, meta를 작성한다.body 태그: html의 내용을 담는다.중첩(nested)이 가능하다.2. Tag제목 태그: ~하나의 html 문서에는 하나의 h1 태그를 권장한다.본문 태그: 목록 태그: : 순서 있는 목록: 순서 없는 목록말머리 기호 변경: 시작 값 변경: 역순으로 시작: 이미지 태그: 하이퍼 링크 태그: target: _blank, _self (문서가 열릴 위치 지정)사용자가 input을 넣을 수 있는 form 태그:type= button, text, password, checkbox, radio, date 등 가능선택 메뉴: drop down 생성: select form의 옵션 값 생성val..