나의 코딩 일지

[JavaScript] 2. 자바스크립트의 자료형과 연산자  1. 자바스크립트의 자료형 *자바스크립트 자료형의 특징느슨한 자료형 체크(weak datatype check)자바스크립트는 미리 변수의 자료형을 지정하지 않음변수를 지정하고, 원하는 값을 할당만 하면 됨자료형설명기본형number(숫자)따옴표 없이 표기한 숫자를 나타낸다.String(문자열)작은 따옴표(')나 큰 따옴표(")로 묶어 나타낸다.boolean(논리형)참(true)과 거짓(false)란 두 가지 값만 가진 유형이다.undefined자료형을 지정하지 않았을 때의 유형이다. (ex: 변수를 선언만 하고 값을 정의하지 않으면, undefined가 된다.)null값이 유효하지 않을 때의 유형이다.복합형array(배열)하나의 변수에 여러 값을 ..

[JavaScript] 1. 자바스크립트란? 1. 자바스크립트의 개념-자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어 중 하나로, HTML-CSS와 함께 사용할 수 있게끔 고안되었다. 현재는 다양한 용도로 사용되고 있다.  2. 컴파일 언어 vs 인터프리터 언어(1) 컴파일 언어란?- (2) 인터프리터 언어란?-실행 시간에 소스 코드를 해석하여 실행되는 언어로, 코드를 컴파일하지 않고 바로 실행한다. JavaScript 엔진은 소스 코드를 바로 실행할 수 있는 중간 코드로 변환하는 Just-in-Time 컴파일러를 사용하여 코드를 해석하고 실행한다.*그러나 최근 JavaScript 엔진은 기계어 코드를 생성하는 옵티마이저를 갖추고 있어, 컴파일러 언어와 유사한 성능을 낼 수 있다. => 이러한 이유..

[CSS] 11. Flexbox로 메인 페이지 만들기 1. 기본 틀 만들기 홈 소개 서비스 연락처 수평 및 수직 정렬된 아이템   2. 배너 만들기 홈 소개 서비스 연락처 수평 및 수직 정렬된 아이템 카드 1 카드 내용 1 카드 2 카드 내용 2 카드 3 카드 내용 3 카드 4 카드 내용 4 카드 5 카드 내용 5 카드 6 카드 내용 6   3. 박스 만들기 + 레이아웃 다듬기 (미디어 쿼리) 홈 소개 서비스 연락처 수평 및 수직 정렬된 아이템 카드 1 카드 내용 1 카드 2 카드 내용 2 카드 3 카드 내용 3 ..

[HTML&CSS 스터디] 12. 입력 양식 만들기  1. 입력 양식란을 만드는 태그속성설명action데이터의 전송 대상 페이지를 지정한다.method데이터 전송 방법을 지정한다. 주로 get/post.name입력 양식의 이름을 지적한다. * 태그는 입력, 전송 버튼을 사용하는 요소이지만 그 처리는 HTML에서 이뤄지는 것이 아니다. 실질적인 데이터 처리는 PHP, JSP등의 다른 프로그래밍 언어에 의해 이뤄진다.  2. 태그 사용해 입력란 만들기 구내식당 희망 메뉴 수집 희망하는 메뉴: 희망하는 메뉴:

[HTML&CSS 스터디] 11. 리스트 출력하기 , 1. 리스트를 출력하는 태그-ul은 Unordered List의 약자로, 순서없는 리스트를 의미한다.-하지만 태그는 이 자체로만 작동하지는 않는다. 리스트를 출력하기 위해서는 태그 역시 필요하다. 2. 순서 있는 리스트를 출력하는 + 태그-ol은 Orderd List의 약자로, 정렬된 리스트라는 의미를 지닌다.- 태그와 마찬가지로 태그를 내부에 넣어야 작동한다. 오늘 뭐 먹지? 1. 짜장면 2. 짬뽕 오늘 뭐 먹지? 1. 스파게티 2. 리조또

[HTML&CSS 스터디] 12. 표 만들기 ,, ,  1. 표를 만드는 데 필요한 태그태그설명표를 나타내는 태그. 전체 표를 감싼다.Table row의 약자로, 한 행을 나타낸다.Table header의 약자로, 제목 셀을 나타낸다.Table data의 약자로, 표의 데이터 셀을 나타낸다.   2. 표 만들어보기 음식 명 가격 짜장면 5,000원 짬봉 6,000원   3. 가로 셀 병합하기 : 북경반점 메뉴판 짜장면 5,000원 ..

[HTML&CSS 스터디] 10. 링크 만들기  링크를 만드는 태그 고양이의 하루 뉴스 페이지로 이동하기 꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다. 돌을 던져봐도 끄떡없습니다.   -링크의 대상(이동할 웹 페이지의 주소)는 href 속성에 작성한다. -같은 폴더의 다른 파일로 이동할 때에는 해당 파일의 이름만 적어주면 된다.-이미지를 링크로 만들고 싶을 때에는 태그를 태그로 감싸주자!

[HTML&CSS 스터디] 9. 파일 경로 지정하기  1. 파일 경로 지정이란?-> HTML, CSS, 이미지 등을 불러오기 위해 해당 파일의 위치가 어디 있는지를 알려주는 것.->호출하는 페이지 입장에서의 대상 파일의 위치를 입력하자.  (1) 상대 경로=호출하는 페이지에서 본 대상 파일의 위치를 의미한다.-호출하는 파일과 호출되는 파일이 같은 폴더에 있다면, 파일의 이름만 적어주면 된다.-만약 위치가 각각 다르다면, 슬래시(/)를 사용해 파일 위치를 호출한다.-아예 다른 폴더에 있을 경우 ../를 사용해 상위 폴더로 이동해 지정할 수 있다. (2) 절대 경로=호출하고 싶은 파일이 다른 웹 사이트에 공개된 경우에 사용된다.-이는 저장된 위치와는 연관이 없으며, 해당 파일의 URL을 작성한다. *이미지를..

[HTML&CSS 스터디] 8. 이미지 삽입하기  이미지를 출력하는 태그 고양이의 하루 꽁꽁 얼어붙은 한강 위로 고양이가 걸어다닙니다. 돌을 던져봐도 끄떡없습니다.  - 태그 내부에는 이미지의 경로와 파일 이름(=src), 그리고 이미지를 제대로 출력하지 못했을 때 대신 출력할 텍스트(=alt) 를 입력해야 한다.

[HTML&CSS 스터디] 7. 문장 출력하기  문장을 출력하는 태그-p= Paragraph-문장을 모아 출력할 때 이 태그를 사용하며, 태그로 감싸진 문장들은 하나의 단락이 된다.