본문 바로가기

전체 글89

jQuery 문법 - 다운로드 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 제이쿼리(jQuery) DOM을 내부에 감추고 쉽게 웹페이지를 조작할 수 있도록 돕는 라이브러리이다. DOM을 그냥 사용하는 것보다 훨씬 짧은 코드로 같은 기능을 할 수 있도록 할 수 있게 한다. 그러나 라이브러리이기 때문에, DOM의 기능을 간단히 사용하는 것에 국한되는 기능이다. 제이쿼리 사용하기 https://releases.jquery.com/ 사이트에 접속해서 제이쿼리를 받을 수 있다. 제이쿼리를 사용할 수 있는 방법은 2가지이다. 1. 제이쿼리 코드를 삽입하는 방법 위 코드를 복사하여 html 파일 내에 삽입하면 된다. 2... 2022. 2. 15.
JS 문법 - 언어 개념, 자바와 비교 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 자바스크립트 언어 특징 1. 객체지향 언어(객체 정의+객체 생성) 정확히 말하면 동적 프로토타입 기반 객체 지향 언어이다. 자바스크립트는 프로토타입을 상속하는 객체 지향 언어이다. 또한, 자바스크립트에서는 객체 생성 이후에도 프로퍼티, 메서드를 동적으로 추가하거나 삭제할 수 있다는 점이 클래스 기반 객체 지향 언어와 다르다. 반면, 자바, C++은 클래스를 이용해 객체를 생성하는 클래스 기반 객체 지향 언어이다. 2. 함수형 언어 = 함수 동작 기능 나열 자바스크립트에서는 함수를 객체로 취급한다. 따라서 함수에 함수를 인수로 전달할 수.. 2022. 2. 10.
JS 문법 - 데이터 타입 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 데이터 타입 자바스크립트는 원시 타입, 객체 타입 두 종류가 있다. 데이터 타입 원시 타입 숫자(number) 문자열(string) 논리값(boolean) 특수한 값(undefined, null) 심벌 객체/참조 타입 object: 원시 타입에 속하지 않는 자바스크립트의 값(함수, 배열 타입 등을 포함) 숫자 number타입으로 숫자를 나타내는데 정수, 실수 모두 포함한다. 자바는 int와 float 등으로 구분하는 것과 차이가 있다. 문자열 문자열을 표현할 때는 작은따옴표('), 큰 따옴표(") 모두 사용할 수 있다. 템플릿 리터럴(.. 2022. 2. 9.
CSS - 미디어 쿼리, 반응형 웹 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 HTML5 웹 프로그래밍 입문을 사용하고 있습니다. 반응형 웹 미디어 및 화면의 크기에 따라 다른 시트를 적용할 수 있다. 즉, 모든 기계를 위한 웹페이지 각각을 만들 수는 없다. 따라서 1개의 웹페이지가 다양한 크기의 기계에 반응하여 스마트폰, PC, 태블릿 등 해당 기계에 맞는 화면을 제공하는 것을 반응형 웹이라 한다. 미디어 쿼리 CSS를 사용하면 반응형 웹을 만들 수 있다. 반응형 웹 만들기 아래 viewport meta 태그를 html 파일 상단에 붙인다. 반응형 웹 확인 방법 만약 PC 또는 노트북과 핸드폰이 동일한 와이파이에 접속되어 있다면 아래 순서로 반응형 웹이 .. 2022. 2. 9.