신입 개발자 복습일지

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의 기본간격(마진)도 없앰 = 창에..

기능사 문제 A1~4 B1~4 와이어 프레임 제작 A-1 A-2 A-3 A-4 B-1 B-2 B-3 B-4

2023-02-15 div : division , 구역나누기 , 틀잡기 , 사용빈도최다 , block속성 - css파일에 div의 스타일 정의 - width , height , background-color , margin:0 etc id : #으로 정의 class : .으로 정의 display의 속성 : inline , block , inline-block - inline : 가로배치 , 영역이 글자만큼 - block : 세로배치 , 가로세로 크기설정가능 - inline-block : 가로배치 , 가로세로 크기설정가능 ● style.css @charset "utf-8" *{ margin:0; paddig:0; } ul{ list-style-tyle:none; } a{ text-decoration:non..

2023-02-14 1. 다형성 : 하나의 동사에서 다른 여러결과가 나올 수 있는것 2. 다형성 사용 이유 : 추가나 삭제같은 변경이 쉬워 확장이 용이하고 유지보수가 쉽다. 3. 오버로딩 : 메서드의 중복정의 , 매개변수를 다르게하여 구별 4. 오버라이딩 : 메서드의 재정의 , 상위 클래스는 은닉되고 하위 클래스 메서드가 사용된다. 5. 상속 : 클래스간의 관계를 계층화하고 분류하는 개념 6. 객체 : 클래스에서 생성된 변수 (데이터와 함수를 속성과 메서드로 표현) 7. 클래스 : 공통되는 것들을 묶어 대표적인 이름을 붙인 것 ( 클래스 : 승용차 , 객체 : 소나타,그렌져,sm5 등) ● HTML : Hypertext Markup Language ● Visual Studio Code 설치 : 편리한 메..