분류 전체보기219 7장 자바스크립트 시작하기 공부할 내용 (320~329쪽) 1. 자바스크립트 연결하기 -내부 스크립트 -외부스크립트 2. 자바스크립트 코드 실행하기 -콘솔창 사용하기 -확장프로그램 사용하기 3. 주석 자바스크립트의 주석은 -한줄일때는 // -여러줄일때는 /* */를 사용한다. -자바스크립트 오류 확인하기 오류가 발생하면 크롬의 개발자 도구에서 가장먼저 확인할수 있다. 2023. 3. 15. 6장 효과적인 레이아웃을 위한 CSS 속성 다루기 공부할 내용 (278~315쪽) 1.flex box 레이아웃의 기본 속성 -display 속성 모든 플렉스 박스 레이아웃은 display 속성값을 flex나 inline-flex로 지정하는 것에서 시작한다. (flex는 적용된 요소의 다음요소가 항상 줄바꿈 되고 inline-flex는 다음 요소가 주변에 배치되게 한다.) -flex-direction 속성 플렉스 박스 레이아웃의 주축 방향을 결정한다. -flex-warp 속성 플렉스 컨테이너 영역을 벗어날때 어떻게 처리할지를 결정한다. -flex-flow 속성 flex-direction 속성과 flex-wrap 속성을 한번에 사용할 수 있는 단축 속성이다. -justify-content 속성 플렉스 아이템을 주축 방향으로 정렬할때 사용한다. -align-.. 2023. 3. 14. 5-2장 css 필수 속성 다루기 공부할 내용 (223~276쪽) 1. 위치 속성으로 HTML 요소 배치하기 -positon 속성 HTML 요소를 기본 흐름에서 벗어나 좌푯값에 따라 배치할때 사용한다. 형식 positon: 속성 값 static - 요소를 기본흐름에 배치한다. relative - 요소를 기본 흐름에 따라 배치하지만 촤표속성을 사용 할 수 있다. absolute - 요소를 기본 흐름에서 벗어나 절대적인 좌표 위치에 따라 배치한다. fixed - 위치가 고정되어 있다. sticky - 지정한 좌표의 임계점에 이르면 fixed처럼 화면에 고정된다. 2.clear 속성 float 속성을 해제할때 사용한다. 3. 전환 효과 속성 적용하기 -transition-property 속성 전환 효과를 적용할 대상 속성을 지정한다. -tra.. 2023. 3. 13. 5장 css 필수 속성 다루기 공부할 내용 (172~222쪽) 1. 단위 -절대 단위는 px가 있다. px 한가지이며 모니터 화면을 구성하는 사각형 1개의 크기를 의미한다. -상대 단위는 % , em , rem, vw, vh 가 있다. % : 해당 속성의 상위요소 속성값에 상대적인 크기를 가진다. em : 부모 요소의 텍스트 크기에 상대적인 크기를 가진다. rem : html 태그의 텍스트 크기에 상대적인 크기를 가진다. vw : 뷰포트의 너비를 기준으로 상대적인 크기를 가진다. (1vw는 뷰포트 너비의 1/100) vh : 뷰포트의 높이를 기준으로 상대적인 크기를 가진다.(1vh는 뷰포느 높이의 1/100) 2. 색상 표기법 키워드 표기법: 색상의 영문명을 속성값으로 사용하는 방법이다. RGB 색상 표기법: RGB는 빨간색 초록색 .. 2023. 3. 11. 4장 CSS 선택자 다루기 공부할 내용 (142~169쪽) 1. 기본 선택자 사용하기 -전체선택자 전체 선택자는 HTML에서 사용할 수 는 모든 요소를 한번에 선택자로 지정하는 방법이다. *{ } -태그 선택자 html 태그명으로 선택자를 지정하는 방법이다. tagname{ } -id 선택자 id 속성값을 이용해 선택자를 지정하는 방법이다. #id 속성값{ } -클래스 선택자 class속성값을 이용해 선택자를 지정하는 방법이다. .class속성값{ } -기본 속성 선택자 HTML 태그에서 사용할 수 있는 속성과 값을 사용해 선택자를 지정하는방법이다. [속성]{/*css 코드*/} -문자열 속성 선택자 태그가 가진 속성값이 특정한 문자열과 일치하는 요소를 선택자로 지정하는 방법이다. 2. 조합 선택자 사용하기 -그룹선택자 여러 선택.. 2023. 3. 10. 3-2장 실무에서 자주 사용하는 HTML 필수 태그 다루기 공부할내용(82~127쪽) 1. form 태그 -form 태그는 폼 양식을 의미한다. -form 태그는 action과 method 속성을 함께 이용한다. -여기서 action 속성은 폼요소에서 사용자와 상호작용으로 입력받은 값들을 전송할 서버의 url 주소를 적는다. -method 속성은 입력받은 값을 서버에 전송할때 송신방식을 적는다. 2. input 태그 로그인 페이지의 아이디와 비밀번호처럼 입력받는 요소를 생성할때 사용한다. (형식) name 속성에는 입력 요소의 이름을 작성한다. (서버에서는 지정된 이름으로 입력요소를 식별 할 수 있다.) value 속성은 입력 요소의 초깃값을 작성한다. (예시) 3. label태그 label태그는 form 태그 안에서 사용하는 상호작용 요소에 이름을 붙일때 사용.. 2023. 3. 9. 이전 1 ··· 26 27 28 29 30 31 32 ··· 37 다음
