송조의 웹개발 공부

아 뭐지 주말 왜이렇게 빨리갔지.. 아 ㅇ ㅏ~!!!!!!!!!!! 금요일 수업을 일요일 저녁에 정리하는 클라쓰.. 정말 성실하다.. ^.^ * 경로(URL, Uniform Resource Location) 1. 파일의 위치를 쓰는 방법 경로는 html뿐만 아니라 css, javascript할 때도 필요 규칙은 모두 동일. CLI 환경(옛날 컴퓨터 제어 방식) GUI 환경(디자인으로 된 사용환경) * 절대 경로 1. 최상위 디렉토리(folder)부터 순차적으로 이동하는 경로 2. 드라이브명(c:, d:)이나 프로토콜(http://, ftp://)으로 시작 3. 기준 파일의 위치에 상관없이 대상 파일의 경로가 동일 sns 주소 쓸 때 절대경로 http://부터 써야됨. 꼭대기 위치부터 써야되니까. 다른 드..

** 입력 양식 (Web Form) ** 사용자가 페이지에 값을 전달하는 모든 형식 - form 자체는 웹사이트에서 많이 사용되지는 않음. - 모든 사이트가 기본적으로 한 번은 씀 - 사용자가 그 페이지에 값을 주는 것 - 회원가입, 로그인, 제품 주문, 예매, 게시판 등 * form 1) 모든 폼 요소는 안에서 작성 - 폼 태그 없이 그냥 만들면 겉모습만 폼임. - 본래의 역할이나 기능을 할 수 없음 - ★필수 속성 name="" action="" method="" - action : 데이터를 전송할 페이지, 속성은 두 가지! 1) post 주소창에서 숨김, 데이터 이동을 할 때 데이터를 암호화-전송-복구화, 보안성은 있으나 데이터 처리 속도 늦음, ex) 아이디, 비밀번호 정보 2) get 주소창에서..

CI : 그 회사를 떠올릴 수 있는 특징 콘텐츠 로고 CIP: CI 개발하는 과정 7. a(Anchor) - 링크 생성 임시 링크 사용방법 top 기능이 돼버림. 그럼 이제 클릭을 해도 클릭은 되는데 위로 가지 않음. 네이버 이렇게 쓰는 게 링크이다. 해보기 8. img - 웹 페이지에 이미지 불러오기 - 크기를 조절했다고 해서 파일의 용량이 줄어들지 않는다. 2) 텍스트 및 이미지 위치 조정 9. div - 여러 개의 요소를 그룹화 - div 태그로 한 번에 묶어서 움직이면 됨. * 테이블(table) 1) 웹 표준 이전에 레이아웃에 활용 2) 웹 표준 이후에 정보 전달에 활용 * 특징 1) 각 행의 셀 개수는 동일 2) 같은 행에 있는 셀들은 높이가 동일 3) 같은 열에 있는 셀들은 길이가 동일 4)..

1. 브라켓 1. 어도비 브라켓 다운로드 (brackets.io/) 2. 브라켓 열었을 때 맨 오른쪽 상단 블럭 모양 아이콘 들어가서 검색에 emmet 검색 후 다운로드. emmet은 브라켓에서 단축키의 역할을 함. emmet은 브라켓뿐만 아니라 모든 에디터에 다 있는 것. 3. 설치 후 브라켓의 왼쪽 상단 메뉴를 보면 도움말 옆에 Emmet이 보이는 것을 확인할 수 있음. 1. 사용할 폴더 준비 2. 브라켓에 끌어다가 놓기 3. 브라켓내 폴더명 바뀜 해당 폴더 클릭 후 마우스 오른쪽 버튼 누르면 Open as Mrackets project 뜸 1. 파일 열고 새 파일 2. ★저장할 때 확장자명 꼭 써야 메모용도로 쓸 거라면 .txt 홈페이지를 만들 거라면 .html로 저장 왼쪽 최상단 번개모양 아이콘(..

단위 테스트 테스트 시나리오 ★테스트 케이스 기획, 디자인, 코딩 인터렉션 기능 포함, 개발 기능 포함 테스트 흐름이 필요함 (예외 상황에 어떻게 흘러가게 할 것인지) UI 기획서 (디자인) 유스케이스 (개발쪽): 기능의 전체적인 설계도 그 기능이 제대로 돌아가는지 확인하는 것이 테스트 케이스. 일정 기획 - 코딩 - 테스트 테스트 기간이 전체 일정의 60% (테스트 케이스) 테스트가 굉장히 중요하다. 가장 기본적인 검사도구는 우리가 만든 체크리스트다! ★명세 기반: '명세' 사전 설명서 명확하게 세세하게 설명해놓은 문서가 명세서 나와있는 정보들을 가지고 테스트 케이스를 만드는 것 웹 접근성에 관련된 체크리스트를 만들고 싶다면 KWCAG 2.1 (명세 기반) 지침 4개 검사항목 24개 개인적으로 체크하는..