CSS

[28일차] html / css 복습 / JavaScript / 함수 / Object / JSON / Event

20220829(월) 목차 - html 복습 - CSS 복습 - JavaScript - 함수 - Object - JSON html : 정보(tag + content)의 집합 = meta-data real-data 정보 = meta-data + real data => Element = tag + contents : h1태그가 글자를 크게 출력하는 것이다. X / "첫번째 헤드라인"이라는 "의미"를 가지고 있음! O : 그냥 굵게 만들기 / : 해당 콘텐츠의 중요성 tag : 태그를 사용 시 가급적 그 태그에 의미를 부여한다는 접근에서 해야함 ex) 내비게이션 바를 만들 경우의 태그 사용 div로 묶는 것으로 끝내지 말고 / css의 기능을 만족시키기 위해 필요한 태그 정보 역할을 하는 - ..

[6일차] UI 화면 설계 / 프로토타입

20220727(수) 목차 - NCS 교육 - CSS - 시험 NCS 홈페이지 https://www.ncs.go.kr/index.do NCS 국가직무능력표준, NCS 블라인드채용 NCS 메인에서 국가직무능력표준(National Competency Standards) 및 블라인드 채용에 대한 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.ncs.go.kr 요구분석 & 설계 부분 S/W 성장 문제점 1. 개발자 : 개발자별로 능력에 따른 금액 차이가 크다. 결과물은 같지만 코딩내용이 달라서 품질이 떨어짐. ➡ 표준 공정을 도입하자! 2. 비 가시성 : 눈에 보이지 않음 ➡ S/W 품질을 정량적으로 측정(품질 지표) ➡ S/W 가시화 : ISO에서 ISO9126으로 품질지표 생성함 ➡ S..

[5일차] 통신 프로토콜 / CSS 선택자 / 폰트 / 박스모델

20220726(화) 목차 - 통신 프로토콜 - CSS 선택자 - 폰트 - 박스모델 정의 서로 다른 시스템에 존재하는 개체 간의 원활한 통신을 위한 규칙 (Header/Payload) (동기 프로토콜 : 복잡 ↔ 비동기 프로토콜 : 간단) * trade-off 관계 : 다른 측면에서 이득을 얻으면서 집합 또는 디자인의 품질, 양, 속성을 없애거나 잃어버리는 일이 수반되는 상황적 결정이다. 즉, 하나가 증가하면 다른 하나는 무조건 감소한다는 것 통신 프로토콜의 3요소 (1) 구문 (Syntax) : 데이터의 형식, 부호화, 신호 레벨 / 문법적인 정보 (2) 의미 (Semantics) : 제어정보 즉 데이터를 받았을 때 송수신자가 해야 할 행동 (3) 시간 (Timing) : 순서, ..

[3일차] Interface, HTML(form/select), 2진수, RGB, CSS

20220721(목) 학습목표 1) 입력 인터페이스의 활용 (input/button/textarea/select) 어떤 것들이 있는지 알아보고 활용해보기 2) CSS의 개념, Selector의 개념과 활용 목차 - HTML form의 기능 - 2진수, 16진수 - RGB - CSS 🤷‍♀️ 단어 공부 하드웨어 Interface ➡ 소프트웨어 Interface ➡ Human & Computer : GUI(UI) - UX - 초개인화 Interface : 접점 ➡ 서로 다른 하드웨어가 연결되어 작동하기 위한 공통적이고 규격화된 하드웨어 스펙 ex) usb(공통된 신호 규약 존재), 고속도로 톨게이트 API (Application Programming Interface) ➡ 고유한 기능을 가진 모든 소프트웨어..

[CSS] CSS 강의정리_by생활코딩

CSS? 디자인 언어! CSS를 사용하면 1억개가 있어도 한 번의 수정으로 전체 수정이 가능함 장점) 유지보수 가능, 가독성 높아짐 CSS 삽입하는 2가지 방법 - style 속성을 사용한다 : - style 태그를 사용한다 : style = "color:red" CSS 문법 정리 ex) a{color:red;} - a{} : 선택자 selector (이 웹페이지에 있는 모든 a태그를 선택한다.) - color:red; : 선언, 효과 declaration (선택자가 지정하는 태그들에 줄 효과 선언) - color : 속성 property - red : 값 value 모든 CSS 암기하지 말고 구글링하기~! 선택자 우선순위 태그 < 클래스 < #id id 값은 단 한 번만 등장한다. 묶기 : class=..