별의 콤퓨타 공부

CSS란 CSS(Cascading Style Sheets)는 HTML 요소들이 화면에 어떻게 보여질지를 기술한다. CSS는 여러 웹 페이지의 레이아웃을 한번에 컨트롤 할 수 있기 떄문에 매우 효율적 CSS파일로 스타일을 저장해서 전체 웹 페이지에 한번에 적용할 수 있기 떄문에 많은 작업을 줄일 수 있다. W3C 표준화 제정 단계 css는 지속적으로 보완 및 추가 되고 있다. 이러한 상태를 WD(검사를 위한 초안), CR(후보권고안, 실무로 반영), PR(제안권고안, 최종을 위한 검토 단계), REC(승인완료 표준화) 네 단계로 가이드 해주고 있다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com 위의 사이트..

form 요소(2) 살고 있는 지역은? 서울 부산 제주 서울 부산 제주 여자 남자 남자 여자 개인정보 이름 연락처 학력정보 대학교 졸업년도 Internet Explorer Firefox Chrome Opera Safari

input요소의 주요 속성 autocomplete를 위해 사용되는 표준 name값 name : 사람의 전체이름 email : 이메일 주소 username : 사용자 계정 new-password : 새로운 비밀번호 current-password : 사용자의 현재 비밀번호 one-time-code : 사용지를 인증할 떄 사용하는 1회성 코드 organization-title : 직위 organization : 회사 또는 조직명 country : 국가 코드 country-name : 국가 이름 postal-code : 우편번호 address-level1 : 첫번째 행정구역, 한국의 경우 특별시/광역시/도 address-level2 : 두번쨰 행정구역, 한국의 경우는 시/구 address-level3 : 세번째..

form 요소 보통은 form 이라는 요소를 통해 그 안의 정보를 로그인등의 이름으로 묶어 전달해주는 용도로 주로 사용되었지만 헌재는 리엑트등 spa(single page application)의 사용으로 용도가 맞지않는 경우가 발생되어 최근에는 잘 쓰지않는 추세이다. 프론트엔드 프레임워크를 사용하면 form 태그 없이 spa로 전송하여 사용가능하다. input의 email옵션은 form 태그 안에 있으면 자동으로 이메일의 양식인지 검사해준다. 다만 이 경고창의 디자인은 변경이 부락하기 떄문에 웹 전체의 디자인을 위해 일부러 안는 경우도 있다. submit type을 가진 버튼을 누르면 form의 action안에 있는 곳으로 그 모든 정보를 전달해준다. 라벨로 체크 박스를 연결해주면 글자를 선택해도 체크..

목록 태그 순서 없는 목록 1 순서 없는 목록 2 순서 있는 목록1 순서 있는 목록2 설명 목 - 설명을 보좌해주는 목록 순서 없는 목록 순서 없는 목록1 순서 없는 목록2 순서 없는 목록3 음료 목록 아메리카노 허브티 순서 있는 목록 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3 라면 끓이는 순서 물을 끓인다. 스프를 넣는다. 면을 넣는다. 5분 기다린다. 설명 목록 HTML - 웹 페이지 개발을 위한 마크업 언어 css - 웹 페이지 디자인을 위한 언어 자바스크립트 - 웹 페이지를 사용자와 동적처리를 위한 언어 표 태그 셀 병합, 줄의 스타일, 유무 등 표를 자유롭게 만들 수 있다. 이름 연락처 이메일 별이 010-0000-0000 star@gmail.com 달이 010-0000-0000 mo..

의미에 맞는 태그 볼드체 볼드체입니다. 강조하는볼드체입니다. 이탤릭체 이탤릭체입니다. 이탤릭입니다. 텍스트가작게보입니다. 집에 오는길에우유사오렴 제품 할인 중3만원2만 8천원 3만원 냐옹 냐옹 X2 X2 긴문장을 인용하고 싶습니다. 짧은 인용 WHO 대한민국 제주특별자치도 제주시 무슨동 몇번지 절규는 뭉크가 그린 그림. 별이는 컴퓨타 블로그를 운영 한다는 저작권 적인 내용 전달 div태그 입니다. 끝까지 공간을 차지하죠 span태그 입니다. 크기에 따른 공간을 차지하죠

기억해 둘 잡다구리 한 것들 html:5을 사용하여 기본 구조를 가져올 수 있다. ctrl + B로 사이드 바를 열고 닫을 수 있다. 코드 포메터, 코드 컨벤션은 코드를 정리하는 규칙이라는 뜻이다. 파일을 우클릭하고 open with live server를 누르면 웹사이트를 확인할 수 있다. 자신의 환경에서 테스트 중이므로 5500앞을 localhost로 바꾸어도 문제없다. 바꾸기전은 아이피주소, open with live server로 안열릴경우 크롬에 http://localhost:5500을 쳐도 나온다. 또는 copy path 마우스 커서가 어디에 있던 ctrl + c, ctrl + v키를 누르면 다음 줄로 복사가 된다. href를 넣을 때 ./을 하면 지금 있는 파일들을 보여 준다. ctrl + ..

웹의 이해와 웹개발 라이프 사이클 마우스 우클릭 -> 페이지 소스 보기 를 사용해 html을 사용하여 구성되어있음을 알 수 있다. 워드와 같은 기능, 서식들을 가지고 있다고 이해 할 수 있다. HTML(Hyper Text Markup Language) 초월 연결 문자라는 뜻인데 물리 가상 공간의 경계없이 무적으로 소통하는 문자라고 해석가능하다. (예를 들어 링크) 또 마크업은 문서의 서식, 구조, 의미등 부가적인 정보를 가지고 있다는 뜻이다. 웹개발 라이프 사이클 정보수집단계 (제공의도, 대상 등) 기획 단계 (기술 스택 컨텍, 프레임워크, 인원 등) 디자인 단계 (와이어 프레임, 스토리보드, 스타일 가이드 등) 콘텐츠 생성 단계 개발 단계 테스트 및 품질 보증 단계 (QA팀 테스트 5와 6을 반복) 배..