728x90 FRONT5 BootStrap 정리 + css 조금 부트스트랩의 Grid System 페이지에 최대 12개의 열을 허용한다. 열을 그룹화 할 수 있다. col col-()-num xs, x, m, l, xl로 나뉜다. CSS position 속성 -> top, left, bottom, right 속성과 함께 사용된다. (4속성) 1. static : 원래 있어야 하는 위치. static이면 4속성 무시. 가로로 배열된다. 2. relative : 원래 있어야 하는 위치를 기준으로 '상대적'으로 배치한다. 3. absolute : position 속성이 static 이 아닌 첫 번째 상위 요소가 배치 기준이 된다. 4속성을 적용해야 한다. absolute의 부모 속성을 relative로 지정해 주는 것이 좋다. 4. fixed : 항상 고정된 위치에 지정할.. 2022. 3. 21. JS, JQuery Q. 객체 가져오기 getElementBy(~) classname, id, tag querySelector(~) #tag Q js를 사용해 DOM에서 발생하는 Event 감지 마우스 이벤트, 키보드 이벤트, 프레임 이벤트, 폼 이벤트가 있다. addEventLister방식 많이 사용했음. Web Storage - Localstorage - js로만 조작이 가능하다. key, value를 하나의 세트로 저장한다. 값은 반드시 문자열로 저장된다. 객체로 저장될 수 없다. - > 객체를 저장할 때는stringify 사용해서 문자열로 바꿔서 저장. -> 다시 바꿀때는 json.parse함 setitem(key,value), getitem, clear, key(index), length 등 존재. ------jq.. 2022. 3. 21. JavaScript 관련 예상 문제 정리 Q. Javascript에서 css style 적용하기 Desc 숫자, 문자열에 모두 let을 사용하여 선언한다. Q. js의 원시 타입과 객체 타입 - Primary 타입 : 숫자형, 문자형, boolean, undefined(변수는 선언되었지만 초기화가 안 된 경우), null(값이 존재하지 않음) - char형을 제공하지 않는다. 한 글자의 문자도 문자열로 표현한다. - 빈 문자열, null, undefined, 0은 false이다. 부동 소수점 오류가 있기 때문에 실수형 계산을 하지 말자. 정확한 계산이 필요한 경우 정수형으로 만들어준 뒤 곱한 만큼 나누어 주자. 앞에 + 붙은 문자열 실수는 실수 연산처럼 계산. 그게 아니면 문자열 취급해 계산. -는 연산하고 +는 문자열로 취급. === : 타입.. 2022. 3. 20. CSS 예상문제 정리 Q. HTML, CSS, JS는 대체로 어디에 쓰이는지? HTML은 웹 페이지의 구조를 담당하고, CSS는 디자인을 담당하고, JS는 동작(이벤트)를 담당한다. Q. css style의 우선 순위는? 인라인 스타일, 내부 스타일, 외부 스타일 순으로 적용된다. Q. css 선택자 종류와 사용, 우선 순위? 선택자 표현 전체 * 클래스 . ID # 하위 공백으로 표시 자식 > 형제 +, ~ 타입 e{}, e1,e2{} id 선택자, 클래스 선택자, 타입 선택자, 전체 선택자 순으로 적용된다. Q. css 박스 모델 content, padding, border, margin으로 구분된다. 보더는 테두리, 컨텐츠는 알맹이, 보더와 컨텐츠 사이는 패딩, 보더 바깥은 마진으로 생각하면 된다. 2022. 3. 17. HTML 관련 예상 문제 정리 Q. HTML의 tag에 대하여 설명하시오. HTML 문서는 태그로 이루어진다. 전체적으로 html, head, body 태그로 구성된다. 태그에는 다양한 속성이 존재한다. Q. HTML tag의 글로벌 속성은? 적용할 스타일 이름을 지정하는 class, 텍스트 방향을 지정하는 dir,태그의 유일한 아이디를 저장하는 id, 인라인 스타일을 적용하기 위한 style, 추가 정보를 지정하는 title 등의 속성이 있다. id속성은 중복될 수 없고, class 속성은 중복될 수 있다. Q. HTML의 form 요소에 대하여 설명하시오. form은 사용자로부터 데이터를 입력받아 서버에서 처리하기 위해 사용된다. 사용자는 적절한 데이터를 폼에 입력한 후 서버로 전송한다. 이를 submit이라고 한다. Q. for.. 2022. 3. 17. 이전 1 다음 728x90
