신입 개발자 복습일지

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 - 상위(조상)요소기준 , 상위 위치지정필수(없다면 초기 컨테이닝 블록) , 원래자리값을 없..

cookie생성 PrintWriter out = response.getWriter(); 이용해서 java파일에서 html 작성 팝업띄우지않기를 통해 true와 false값을 바꾸면서 팝업이뜨는지 확인 및 쿠키삭제로 동일하게 값을 바꾸며 확인

2023-02-22 (수) ● css sprites generator - 스프라이트 제작 사이트(여러 이미지파일 하나로 만들기) - 합쳤을떄 나오는 좌표로 큰사진에서 원하는 부분만 불러오기가능 - ● sprite cow - 스프라이트에서 원하는 이미지 좌표 및 크기 추출 ● 이미지 파일에서 좌표 알아내기 - 그림판에서 열기 후 마우스로 좌표확인 (좌측하단에 좌표 표시) ● class 와 id - 불러오기(#과.) - 중복사용(class는 중복사용가능 , id는 불가능) - 여러스타일링을 한번에 적용할때 class 한가지만 적용할때는 id ● audio - - 오디오 태그로 오디오파일 재생 가능 ● video - - 비디오태그로 비디오바일 재생 가능 ● 외부비디오 태그(유튜브) - - https://www..

2023-02-21 (화) ● margin 외부(요소사이) 간격 margin = 네방향 마진 모두 부여 → 12시부터 시계방향 순서로 적용 margin : 10px; 10 10 10 10 margin : 10px 20px; 10 20 20 10 margin : 10px 20px 30px; 10 20 20 30 margin : 10px 20px 30px 40px; 10 40 20 30 margin-bottom : 50px = 아랫간격 50px margin-top : 50px = 윗간격 50px margin-right : 150px = 오른쪽 간격 150px margin-left : 150px = 왼쪽 간격 150px *{ margin:0; padding:0; } = div의 기본간격(마진)도 없앰 = 창에..

2023-02-20 (월) ●단어개념 - 객체 : 우리 주변에 존재하는것들 ( 사람,음식,회사,자동차 등 ) - 클래스 : 객체의 기능과 속성을 코드로 구현한 것 ( 자동차-색상 , 음식-맛 등 ) * 메서드 : 객체의 행위에 대한 행동 * 변수 : 데이터 타입에 명시된 형태의 값을 담을 수 있는 메모리의 위치(주소) * int a = 5 → int(데이터타입) a(변수) = 5(값) - 상속 : 부모 클래스의 필드,메서드,권한을 물려받음 - 오버라이딩 = 부모클래스에 존재하는 메소드를 자식클래스에서 재정의 - 톰캣 = HttpServlet 에서 상속되도록 이미 만들어둠 - 서블릿 = 클라이언트가 서버에 요청하면 '서블릿'이라는 웹 애플리케이션 프로그래밍 기술로 쉽게 수행 후 결과를 반환 (관련 링크 :..