3일만에 끝내는 HTML, CSS, JS 기초

자바스크립트 숫자 자바스크립트는 한가지 타입의 숫자만 가집니다. 숫자들은 소수점 (decimals) 이 있거나 또는 없을 수 있습니다. 또 아주크거나 너무 작은 숫자는 지수 표기법 (exponent notation) 으로 합니다. var myNumA = 34.00; // 소수점 (decimals) 을 갖는 경우 var myNumB = 34; // 소수점 (decimals) 이 없는 경우 var myNumC = 1e5; // = 100000, 지수 표기법을 사용한 경우 var myNumD = 1e-5; // = 0.00001, 음의 지수 표기법을 사용한 경우 자바스크립트 숫자는 항상 64-비트 (64-bit Floating Point) 부동 소수점 입니다. 다른 프로그래밍 언어와는 달리, 자바스크립트는 숫..

자바스크립트 문자열 메서드 2/2 아래 긴 문장의 단어를 모두 대문자로 바꾸어 봅시다. toUpperCase() 메서드로 대문자로 바꾸기 "Rehab" is a song recorded by Barbadian singer Rihanna (pictured) for her third studio album, Good Girl Gone Bad (2007). Def Jam Recordings serviced the song to contemporary hit radio in the United States on October 6, 2008, as the eighth and final single from the album, and released it in Britain as a CD single on Dece..

자바스크립트 문자열 메서드 1/2 자바스크립트 문자열 메서드 (JavaScript String Methods) 에는 다음과 같은 것이 있습니다. 메서드설명 charAt()특정 인덱스 (위치) 의 문자를 찾아 줍니다. charCodeAt()특정 인덱스에 있는 문자의 유니코드 (Unicode) 를 알려 줍니다. concat()두개 이상의 문자 (strings) 를 조합하여, 조합된 문자의 복사본 (copy) 을 돌려 줍니다. fromCharCode()유니코드 값 (Unicode values) 을 문자 (characters) 로 변환합니다. indexOf()문자열 (string) 에서 특정 값이 맨 처음 발견된 위치를 알려 줍니다. lastIndexOf()문자열 (string) 에서 특정 값이 맨 마지막 발견..

자바스크립트 문자열 자바스크립트 문자열 (JavaScript Strings) 은 텍스트를 저장하거나 조작하기 위해 사용됩니다. 문자열은 따옴표 안에 있는 어떤 텍스트도 될 수 있습니다. 단일 따옴표 ('') 또는 쌍따옴표 ("") 모두 가능합니다. 문자열 내부에서 따옴표를 사용하려면, 문자열을 둘러싸고 있는 따옴표와 혼돈이 없도록 하여야 합니다. 문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다. 문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다. 문자열의 길이 (String Length) 는 자체내에 내재..

자바스크립트 이벤트 HTML 이벤트 (HTML events) 는 HTML 태그에 발생하는 "어떤 것 (things)" 인데, 자바스크립트가 HTML 페이지에 사용되는 경우에는, 자바스크립트가 이러한 이벤트와 "상호 작용 (react)" 할 수 있습니다. HTML 이벤트는 브라우저가 한 것 이거나, 사용자가 한 어떤 것일 수 있습니다. HTML 이벤트에는 다음과 같은 것이 있습니다. HTML 웹 페이지가 로딩을 끝냈다. HTML 입력 필드 (input field) 가 변경되었다. HTML 버튼 (button) 이 클릭 되었다. 이벤트가 발생하였을 때, 무엇인가 해야 할 때가 있습니다. 자바스크립트는 이벤트가 감지 되었을 때, 코드를 실행하도록 해줍니다. HTML 에서는 이벤트 핸들러 속성 (event ha..

CSS 카운터 인터넷의 태동 스텐포드 대학의 연구 국가별 도메인의 확정 국가 코드 최상위 도메인(Country Code Top-Level Domain, ccTLD)은 국제적으로 나라 또는 특정 지역 그리고 국제 단체 등을 나타내는 인터넷의 도메인 이름에 배당한 고유 부호를 일컬으며, 최상위 도메인으로 취급한다. 웹서비스의 발달 스타일 언어 스크립트 언어 모바일로 확대 아이폰의 등장 안드로이드 폰의 확장 CSS 카운터 (CSS counters) 는 변할 수 있는 숫자인 "변수" 와 같은 동작을 합니다. 이 변수 값은 CSS 규칙에 따라 사용할 때마다 숫자가 하나씩 증가합니다. CSS 카운터 (CSS counters) 는 다음의 속성을 사용합니다. counter-reset - 카운터를 생성하거나 초기화 합니..

CSS 폼 태그 CSS 로 HTML 폼 태그에 스타일 입히기 이름 성 국적 대한민국 중국 일본 HTML 폼 태그를 CSS 를 사용하여 멋지게 바꿀 수 있습니다. CSS 로 HTML 폼 태그에 스타일 입히기 이름 성 국적 대한민국 중국 일본 [광고] Udemy 동영상 강의로 보기

CSS 속성 선택자 새창에서 네이버 띄우기(타겟 속성 값이 _blank 입니다). first 로 시작하는 클래스 값을 갖었습니다. second 로 시작하는 클래스 값을 갖었습니다. 노란색 칸에 이름을: 이메일 주소: CSS 속성 선택자 (CSS Attribute Selectors) 는 특별한 속성 (또는 특정 속성값) 을 갖는 HTML 태그에만 선택적으로 스타일을 입히는 기능입니다. [attribute] {} [ ] 대 괄호 안에 특정 속성을 넣고, 그 속성을 갖는 태그에 적용할 스타일을 {} 중괄호 안에 지정합니다. [attribute="value"] {} 특정 속성 및 속성값을 갖는 태그에 스타일을 지정합니다. [attribute~="value"] {} 속성값에 특정 단어를 포함하는 속성을 갖는 태그..

CSS 이미지 스프라이트 이미지 스프라이트 (Image Sprites) 는 하나의 이미지 파일에 여러개의 이미지 들을 묶어 놓은 것을 말합니다. 게임을 만들 때나 웹 페이지를 만들 때 여러개의 이미지 들이 사용 되는데, 하나의 이미지 판에 여러 이미지를 배치한 것입니다. 많은 이미지를 갖는 웹 페이지는 이미지 로딩에도 시간이 오래 걸리고, 서버에도 다중 요청을 하게 됩니다. 이미지 스프라이트를 사용하면 (한번에 필요한 이미지를 내려 받으므로) 서버에 요청하는 횟수를 줄이고 데이터 전송량을 절감하게 됩니다. 아래의 하나의 스프라이트를 가지고, 각각의 아이콘을 클릭시 해당 사이트로 이동시키는 기능을 만들어 보겠습니다. 먼저 각각의 아이콘 별로 스프라이트 내에서의 영역을 알려주는 아이디 (#facebook) ..

CSS 이미지 투명도 조절하기 이미지의 투명도 Opacity 는 불투명도 이고, Transparency 는 투명도를 말합니다. CSS 에서 이미지의 투명도를 지정하는 것은 쉽습니다. CSS 불투명도 속성 (CSS opacity property) 은 CSS3 에서 권장하는 방식 이기도 합니다. 즉, CSS3 에서는 투명도 (transparency) 를 표현할 때 대해 opacity (불투명도) 를 사용합니다. 아래 opacity: 0.5; 에서 수치가 1에 가까울 수록 진하게 보입니다. 위에 두번째 그림이 CSS 를 사용하여 투명하게 한 그림입니다.. 이미지의 투명도 opacity property (불투명도 속성) 은 0.0 에서 1.0 의 값을 가질 수 있는데, 낮은 값이면 더 투명 (transparen..