본문 바로가기

수업 일지/Front End7

49일차 - window 객체, DOM window 객체 window 객체는 사용 중인 브라우저를 나타냅니다. console, document, history, location, navigator 등의 프로퍼티를 갖습니다. alert(), confirm(), prompt()의 메소드를 갖습니다. document : 현재 브라우저의 HTML문서 정보 location : 현재 브라우저 창의 url 정보 history : 현재 브라우저 창에서 방문한 기록 navigator : 사용하고 있는 브라우저 정보 DOM(Document Object Model, 문서 객체 모델) HTML 문서가 웹 브라우저에 로드되면 document 객체가 생성됩니다. document 객체가 최상위 root node가 되고 그 자식노드는 html 태그, 또 그 자식이 hea.. 2022. 3. 18.
48일차 - Date 객체 Date 객체 - 날짜, 시간 구하기 Date 객체를 이용하여 현재 날짜와 시간을 가져올 수 있습니다. 현재 날짜, 시간 운영체제에 설정된 시간입니다. 요일, 월, 일, 연도, 시:분:초, GMT+또는- 순서입니다. 날짜, 시간 지정 날짜를 지정합니다. (단, 월은 0~11까지입니다. 1월 → 0, 6월 → 5) 연도, 월, 일 순서입니다. 시간을 지정하지 않으면 00:00:00으로 설정됩니다. 날짜, 시간을 지정합니다. 연도, 월, 일, 시, 분, 초 순서입니다. 세계 표준시 toUTCString() Date를 나타내는 형식을 UTC 기준으로 설정합니다 toISOString() Date를 나타내는 형식을 ISO 기준으로 설정합니다. toLocaleString() 운영체제에 설정된 국가에 맞는 형식으로 .. 2022. 3. 17.
47일차 - 문자열 관련 문자, 연산, 메소드 이스케이프 문자 문자열 내에서 따옴표, 역슬래쉬 같은 문자를 사용할 경우 이스케이프 문자를 사용합니다. ' → \' " → \" \ → \\ 문자열 비교 연산자 == : 피연산자가 서로 같으면 true를, 아니면 false를 반환합니다. === : 피연산자가 같고 자료형도 같으면 true를, 아니면 false를 반환합니다. → ==보다 더 엄격하게 비교합니다. → == 연산자 사용시 숫자 1 과 문자 '1'을 같다고 판단합니다. → === 연산자 사용시 숫자 1 과 문자 '1'을 다르다고 판단합니다. → 두 객체 비교 시 두 연산 모두 false를 반환합니다. 문자열 길이 : length 문자열의 길이를 반환합니다. 문자열 추출 메소드 : slice(), substring(), substr() slice.. 2022. 3. 15.
41일차 - form/position/float/구글 폰트/폰트 어썸 html - form 로그인, 회원가입 등 사용자가 웹사이트로 정보를 보낼 수 있는 요소를 폼이라고 합니다. 태그 안에 여러가지 폼 요소를 넣습니다. 태그 속성 action 속성 : 폼을 전송할 서버 프로그램을 지정합니다. 레이블(label)은 아이디나 비밀번호처럼 입력란 근처의 텍스트를 나타냅니다. 태그와 연결하여 텍스트와 입력란을 묶을 수 있습니다. 태그의 for 속성값에 태그의 id 속성값을 입력하여 레이블과 입력 요소를 연결합니다. 레이블의 텍스트를 클릭하면 연결된 입력란에 포커스(커서)가 설정됩니다. 태그는 폼에서 사용자가 입력한 정보를 받을 때 사용합니다. → type 속성으로 다양한 입력 형태를 지정할 수 있습니다. → required 속성으로 반드시 값을 입력하도록 지정할 수 있습니다. →.. 2022. 3. 4.
40일차 - html 서식/엔티티/테이블/css 선택자/iframe html 텍스트 서식 : 단순히 진하게 표시합니다. ex) 텍스트 : 진하게 표시합니다. 실제 웹문서에서 중요한 강조를 할 때 사용합니다. ex) 텍스트 스크린 리더의 억양이 달라집니다. (검색 최적화, 웹 접근성 효과) : 단순히 기울임꼴로 표시합니다. ex) 텍스트 : 기울임꼴로 표시합니다. 실제 웹문서에서 중요한 강조를 할 때 사용합니다. ex) 텍스트 스크린 리더의 강세가 달라집니다. : 텍스트에 음영색(노랑)을 주어 강조합니다. ex) 텍스트 : 삭제된 텍스트에 취소선을 추가합니다. ex) 텍스트 : 추가된 텍스트에 밑줄을 추가합니다. ex) 텍스트 : 잘못된 텍스트를 강조하기 위해 취소선을 추가합니다. ex) 텍스트 : 단순히 밑줄을 추가합니다. ex) 텍스트 : 위 첨자로 변환합니다. ex).. 2022. 3. 3.

티스토리툴바