Dreams come true

1주차 - Javascipt 기초문법과 예시(2)

사칙연산 외에도, 기본적으로 제공하는 여러 함수들이 존재. 예를 들면, '나눗셈의나머지'를 구하고 싶은 경우 let a = 20 let b = 7 a % b = 6 또, 모든 알파벳을 대문자로 바꾸고 싶은 경우 let myname = 'spartacodingclub' myname.toUpperCase() // SPARTACODINGCLUB 또, 특정 문자로 문자열을 나누고 싶은 경우 let myemail = 'sparta@gmail.com' let result = myemail.split('@') // ['sparta','gmail.com'] result[0] // sparta result[1] // gmail.com let result2 = result[1].split('.') // ['gmail','..

1주차 - Javascipt 기초문법(1)

자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이며 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있다. - 함수의 사용 안에 로 공간을 만들어 작성. 내에 자바스크립트를 작성하는 것. 아래 코드를 통해 간단한 알림 설정. function hey(){ alert('안녕!'); } :버튼에 함수를 연결하기. 버튼을 누르면 함수가 불린다. 기사저장 - Javascript 기초 문법 [크롬 개발자도구]: console.log(변수)띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어둔 도구 맥: alt(option) + command + i (그냥 쉽게, "마우스 오른쪽 클릭 → 검사 → console"도 가능!) -- console..

1주차 - HTML,CSS (2)

2. CSS 기초 HTML 부모-자식 구조 살펴보기 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받는다. (EX) 안에 로 공간을 만들어 작성. (예)mytitle라는 클래스를 가리킬 때 .mytitle { ... } 로 작성. 사이즈 width height간격 margin padding 폰트 font-size font-weight font-famliy color 배경관련 background-color background-image background-size margin은 바깥 여백을, padding은 내 안쪽 여백을 margin과 padding → 헷갈리지 말기! 폰트, 주석, 파일분리 구글 웹폰트 입히기 구..

1주차 - HTML,CSS (1)

HTML, CSS 기본 내용 HTML과 CSS의 개념 HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것 HTML 내 style 속성으로 꾸며도 되지만, HTML 코드 내에 CSS 파일을 불러와서 적용. HTML 기초 HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다. head 안에 들어가는 대표적인 요소들: meta, script, link, title (페이지의 속성을 정의하거나, 필요한 스크립트들을 부른다. 즉, 눈에 안 보이는 필요한 것들을 담는 것.) body 안에 들어가는 대표적인 요소들! 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bulle..

CSS (우선순위)

CSS: Cascading Style Sheet 하나의 태그에 여러 CSS 효과가 중첩됐을 때 우선순위 규칙 (웹브라우저 < 사용자 < 저자) 1.style attribute 2.id seletor 3.class selector 4.tag seletor 구체적이고 명시적인 태그일 수록 우선순위가 된다. 포괄적인 태그는 순위에 밀림. !important;} 를 넣어주게 되면 1순위가 된다.

CSS (주석,상속)

HTML 삽입 미리보기할 수 없는 소스 /* */ 코드상에는 등장하지만 컴퓨터에는 실행이 안됨 html{color:red;)로 한다면 조상 html 전체에 적용 body{border:1px solid red;} 와 같은 테두리 태그 처럼 body 전체가 하나하나 다 상속되지 않는 경우도 있음. 특정한 태그에 단독 css 적용시 id사용

CSS (정의,적용방법,선택자)

HTML(정보)+CSS(디자인) CSS - 선택자(selector):스타일 적용할 대상 - 속성명(property):속성의 이름 - 속성값(value):속성에 적용할 값 - 선택자(속성명:속성값;)과 같이 사용하여 스타일을 적용 =css언어로 해석하라 CSS 적용방법 외부 style (실무에서 가장 많이 사용,수정하기 용이하다.) style.css/index.html 파일 별도로 생성. CSS 선택자 전체 선택자 *{내용;} 모든 태그 선택 태그 선택자 태그{내용;} 지정한 태그 선택 id 선택자 #id{내용;} 특정 id 태그 선택(중복안됨) class 선택자 .class{내용;} 특정 class 태크 선택(다중가능) 속성 선택자 선택자{속성=값} 특정 속성 또는 속성값 태그선택

HTML 정의와 태그 (웹페이지제목,한글출력,링크,관용태그)

220524 웹페이지 제목 utf-8 : 0과1이 아닌 한글을 웹페이지에 표기할 때 문자 규칙 링크삽입 :Hyper Text target="_blank" 새웹으로 링크 열기 title="블라블라" 링크에 커서 대면 나오는 작은 문구 예시 [관용태그] 본문제목,설명 본문