본문 바로가기
  • Welcome J-Kyu Tstory
728x90

분류 전체보기186

[JavaScript]연산과 조건 // 1. String concatenation console.log('my' + 'cat'); console.log('1' + 1); // 숫자를 문자열로 출력해줌 console.log(`String literals: 1+2 = ${ 1 + 2}`); //백스택으로 빈공간 문자열로 출력 //2.numeric operators 연산 console.log(1+1); // add console.log(1-1); // substract console.log(1/1); // divide console.log(1*1); // mmultiply console.log(1%1); // remainder console.log(2*3); // exponentiation 2의 3승 //3.Increment and decre.. 2022. 1. 25.
JavaScript 기초 ◎JavaScript의 개념 :javaScript는 웹페이지를 동적으로 만들어주는 언어로, 객체 기반의 스크립트 프로그래밍 언어 :단순히 규격을 나타내는 HTML 과 CSS 와 달리, 변수와 함수등이 존재하는 프로그래밍 언어 :스크립트의 언어이자 인터프리터 방식이 사용되어, 컴파일 과정이 필요 없음 ◎변수 선언과 출력 ▶let과 var의 차이 var은 let과는 달리 값이 할당되지 않은 변수도 출력이 되고 순서 또는 (블록{})영역과 상관없이 출력되기 때문에 단점이 많음 (※ var hoisting : 어디에 선언했는가에 상관없이 항상 제일 위로 선언을 끌어 올려주는 것/hoisting:끌어올려주다) ▶출력코드 console.log(); let num = 'kyu'; console.log(num); ◎c.. 2022. 1. 25.
CSS의 기초 ◎CSS의 개요 :CSS는 구체적으로 어떤 스타일로 요소가 표시 되는지를 정하는 규격 :초기의 웹은 HTML 하나로 문서의 뼈대도 만들고 꾸미기도 하지만 공통적인 디자인을 갖는 문서가 여럿 존재 할 경우 하나의 디자인이 변경되면 모든 파일을 수정해야 하는등의 번거로움이 존재 했는데 이런 문제를 해결함과 동시에 웹페이지의 내용과 스타일 (표현)을 분리해주어 역할 분담도되는 효과를 가져옴 ◎CSS의 사용 방법 :CSS 내부적으로 사용되는 문법은 동일하며, 어디에 기술하느냐의 차이 HTML 태그의 style 속성을 이용 태그를 통해 HTML 문서 내부에 기술 .CSS 파일로 분리하여 HTML문서에 연결 ▶HTML 문서 내부에 기술 ▶태그 선택자 :처음 사용하며 해당되는 태그 전부에 스타일을 적용 태그이름 { .. 2022. 1. 24.
그 밖의 태그들 :이 외에도 다양한 태그들이 많지만 모두 암기할 수 없기때문에 구글링 또는 MDN Reference를 활용하여 태그를 사용해야 한다. 2022. 1. 24.
HTML 태그를 활용한 코드 작성 ※ 추가 할 것!!! ◎HTML의 속성 :HTML은 태그를 사용하여 데이터를 표현 HTML개발을 하기위한 에디터 (Visual Studio Code 사용) sublim Text Atom Edit Plus Visual Studio Code ◎VisualStudioCode 시작 ▶기본설정 1.최초 설치 후 시작과 작업 표시줄에 아이콘 고정 2.아이콘 우클릭-파일위치-exe실행아이콘 우클릭-속성(호환성)- 관리자 권한으로 이 프로그램 실행 체크 ▶VisualStudioCode의 시작 1.ctrl+N 새파일 만든 후 ctrl+S 저장(저장시 확장자명을 .html 로 저장) 2.코드 작성을 위한 기본 코드를 세팅(doc + Tab) (※최상단에 DOCTYPE html> 를 작성 (HTML5, 최신버전)-> 많은 .. 2022. 1. 24.
HTML기초 기본개념 HTML은 HyoerTextMarkuoLanguage의 약자로 HyperText는 단순 텍스트 이상의, 링크 등의 개념이 포함 된 텍스트 Markup은 꺽쇠()로 이루어진 태그를 사용하는 규격 으로, 태그들을 이용하여 텍스트 이상의 요소를 정의하는 약속된 언어 즉, HyperText /하이퍼텍스트를 가장 중요한 특징으로 하는 Markup /마크업이라는 형식을 가진 Language /컴퓨터프로그래밍 언어 라 할 수있다. HTML 예시 HTML문서는 아래 코드처럼 태그들로 이루어져 있다. Welcome to my homepage! 2022. 1. 24.
728x90