오늘은 자바스크립트의 식별자나 변수선언, 데이터 선언에 대해 배우게 되었습니다. 문법이 자바랑 비슷해서 이해하기 쉬운 부분이 있었던 것 같았습니다! 그럼 오늘도 복습을 하면서 정리해보도록 하겠습니다. 1. 자바스크립트 식별자 자바스크립트 프로그램의 변수, 상수(리터널), 함수의 이름 식별자 만드는 규칙 첫번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $문자만 사용 가능 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $사용 가능 대소문자는 구분되어 다루어짐 //myHome과 myhome은 다른 식별자 자바스크립트 예약어 사용 불가 //false, for, if, null 등 자바스크립트 예약어 사용 불가 식별자 사용 사례 6variable; //(X) 숫자로 시작할 수 없음 stu..
2주동안 수업을 쉬고 다시 수업을 듣게 되었습니다! 이번에는 처음으로 자바스크립트에 배우게 되었습니다. 처음으로 배우는 언어라서 수업을 잘 이해할 수 있을까 걱정이 들었지만 수업한 내용을 복습하면서 열심히 공부해 보겠습니다! 1. 자바스크립트: 웹 프로그래밍의 시작 자바스크립트는 1995년에 넷스케이프에서 개발되었으며, 웹 프로그래밍 개념을 창시했습니다 특징 HTML 문서에 저장되며, 작은 코드 조각으로 구성됩니다. 스크립트 언어로, 인터프리터를 통해 실행되며 컴파일이 필요하지 않습니다. C 언어와 비슷한 구조로, 배우기 쉽습니다. 2. 자바스크립트의 역할 1. 사용자의 입력 및 계산 마우스와 키보드 입력은 자바스크립트로 처리됩니다. 계산 기능도 자바스크립트로 수행합니다. 2. 웹페이지 내용 및 모양의 ..
오늘은 레이아웃에 대해 배우게 되었다. 1. 레이아웃 관련 태그 2. 레이아웃 예제 그리고 오늘 배운 내용을 알아보기 쉽게 이미지로 만들어 보았다. margin태그를 이용하여 선을 넣어줬다! 그리고 이거는 background-color태그를 이용하여 레이아웃에 배경색을 추가 시켰다! 그럼 오늘 배운건 여기까지 ! ※여기에 나온 모든 이미지는 작성자가 만든 것 입니다
오늘은 저번에 배운걸 바탕으로 절대배치와 float배치에 대해 연습해보았다. css에 대해 더 배우기 위해서 검색을 해봤는데 그림을 이용하여 설명하는 게 있었다. 그림을 이용해서 코드를 보니깐 이해하는게 편했고 나도 한 번 그림으로 만들어봐야겠다! 라는 생각이 들었다! 처음 만들어서 미숙한 부분이 있지만 확실히 한눈에 더 알아보기가 편해 진것 같다 1. 절대배치 절대 배치는 절대 위치에 배치할 수 있다. 절대 위치는 left, right, top, bottom 프로퍼티 값으로 지정하며 이 값들은 부모 태그 안에서의 상대 좌표이다 2. float 배치 float 프로퍼티를 이용해 유동 배치를 할 수 있다. 보통 마우스로 브라우저 크기를 변경하면 텍스트나 이미지가 다음 줄로 내려가는 등 위치가 변한다. 이 ..
오늘은 블록박스와 인라인 박스에 대해 개념부터 자세히 알아보는 시간을 가졌다! HTML 태그는 인라인 태그와 블록 태그로 나누고 인라인 태그는 인라인 박스, 블록 태그는 블록 박스로 출력하게 된다 1. 블록 박스 블록 박스 블록 박스는 새 라인에서 시작, 왼쪽에서 오른쪽 끝까지 통째 점유 1-1) 예제 코드 Block Span과 Block Span입니다. 결과 2. 인라인 박스 인라인 박스 인라인 박스는 블록안에 배치 옆에 다른 태그 배치 가능 2-1) 예제1 코드 DIV1 DIV2 DIV3 결과 2-2) 예제2 코드 DIV1 DIV2 DIV3 결과 2-3) 예제3 코드 html코드 나는 div(none)입니다. 나는 div(inline)입니다. 나는 div(inline-block)입니다. 나는 divs..
시험기간 때문에 한 2주정도 HTML수업을 못 들었던 것 같다. 그래서 오늘은 전에 했던 것을 복습하는 시간을 가졌다. 기억이 돌아올듯 하면서 긴가 민가 했다. 조금씩 더 하다보니 기억이 돌아 올 것 같다! 오늘 복습시간에는 버스표 예매 페이지와 회원가입 양식 페이지를 만들었다! 1. 버스표 예메 페이지 만들기 1-1) 결과 1-2) 코드 버스표 예매 구분 출발 도착 출발시간 소요시간 완행 서울 광주 09:00 03:00 직행 서울 대구 10:00 03:30 직행 서울 부산 11:00 04:10 table 안에 tr을 넣고 th를 하여 맨 위에 있는 구분 출발 도착 출발시간 소요시간을 정해주었다 구분 출발 도착 출발시간 소요시간 위와 같은 코드를 작성하고 id 선택자를 추가하여 테두리를 굵게 표시해주었다..
1. 로그인 폼 1-1) 결과 1-2) 코드 Member Login Id PW 로그인 회원가입 아이디/비밀번호찾기 2. 회원가입 양식 만들기 2-1) 결과 2-2) 코드 가입 양식 아이디 : 비밀번호 : 비밀번호 확인 : 이름 : 성별 : 여성 남성 휴대전화 : 010 011 017 - - 이메일 : @ 선택 naver.com hanmail.net gmail.com 취미 : 음악감상 독서 등산 자기소개 : 파일 첨부 : * 2MB까지 가능
오늘은 테이블에 대해 자세히 배우게 되었다. 테이블 경계선 넣기와 배경서식하는 방법등을 알게 되었다 1. KTX 열차표 예매 페이지 만들기 1-1) 결과 1-2) 코드 KTX열차표 예매 열차번호 출발 도착 특실 일반실 소요시간 175 서울 21:00 부산 23:44 02:44 177 서울 21:30 부산 00:08 02:38 179 서울 22:00 부산 00:42 02:42 2. 영어 교재 안내 페이지 만들기 2-1) 결과 2-2) 코드 영어 교재 안내 수강레벨 코스 A 코스 B 수강기간 세부내용 보기 레벨1 Side by Side 1 American Headway 1 1개월 레벨2 Side by Side 2 American Headway 2 1개월 레벨3 Exploring English 1 2개월 레벨..
