신입 개발자 복습일지

DOCTYPE html> body{ height:10000px; width:5000px; } #wrap{ position: fixed; left:10px; top:10px; width:200px; height:200px; background-color: aqua; } $(document).ready(function(){ $(window).on("scroll",function(){ var sc_top=$(this).scrollTop() var sc_left=$(this).scrollLeft() $('.top').text(sc_top) $('.left').text(sc_left) }) }) Document ScrollTop:0px ScrollLeft:0px scrollTop값과 scrollLeft값을 실시간..

$(function(){ $("#li4").prevAll().css(~~) li4 이전 모든요소 $("#li4").nextAll().css(~~) li4 이후 모든요소 $("#li4").prevUntil("#li1").css(~~) li4 이후부터 li1 이전까지 $("#li4").nextUntil("#li7").css(~~) li4 이후부터 li7 이전까지 $("#ul > li").even().css(~~) 홀수번째 li $("#ul > li").odd().css(~~) 짝수번째 li $("#ul > li").eq(n).css(~~) eq - equal , n번째를 선택 $("#ul>li:lt(3)").css(~) 3번 인덱스 기준으로 이전 (less than) $("#ul>li:gt(3)").css(..

* continue를 활용한 홀수출력기능 * return을 사용해 함수 종료 및 값반환 * recursive()는 오류발생 끝없는 재귀함수 * 종료조건을 추가한 재귀함수로 3! 값 구하기 : recursivee(3)

* prompt() : 입력창 띄우기 * parseInt : int값으로 변경하기 ( prompt로 값을 받으면 string으로 값이 넘어온다) * confirm : 확인창 띄우기 { 확인(true) , 취소(false) 값을 가진다} * alert : 내용창 띄우기 * 비트연산자 ( % , | , ^ , ~ , > )

* write메서드에 string을 전달하여 화면에 출력 * document객체로 태그 전체를 제어할 수 있다. * + 는 문자열을 붙일때 사용 * script에서는 타입자동변환 ( 문자+정수 이런거 가능) * 정수 + 실수 = 실수 ( 보다 높은 정확성) * typeof()로 타입확인가능 * 후위증감은 제일 마지막에 적용(?) * === : 값 , 데이터 둘다 비교 * == : 값만 비교 * !== , != : 상동 * 삼항연산자 : (조건) ? (true 반환값) : (false 반환값)

2023-03-08(수) ● z-index - 겹치는 도형의 위 아래 보내기 - position : relative 필요 - z-index : 2; 이런식으로 사용 ● absolute - position : absolute 로 작성 - 바로 위 컨테이너에 relative가 없다면 화면 최상단좌측을 기준으로 이동 - 바로 위 컨테이너에 relative가 있다면 해당 컨테이너 최상단좌측을 기준으로 이동 ● fixed - position : fixed 로 작성 - 화면을 줄이든 늘리든 뷰포트 기준으로 위치지정

2023-03-07(화) ● map - 이미지 불러오고 맵이름 지정( ) - rect(사각형) circle(원) poly(다각형) - coords에 좌표(점위치) 지정 - href에 클릭시 이동할 링크 지정 - ● calc - 헤드에서 width : 100% 설정시 calc로 나머지 블록들 넓이설정가능 - calc(100% - 200px) 등 ● position - static. relative, absolute, fixed, sticky - static - 모든요소의 position ★기본값★ , 정적임 - relative - ★자기자신기준★ , 현재위치기준 , 일반적 흐름에따라 , 상대적임 - absolute - 상위(조상)요소기준 , 상위 위치지정필수(없다면 초기 컨테이닝 블록) , 원래자리값을 없..