반원 블로그

크롬 개발자 도구의 콘솔에서도 충분히 확인가능하다. 산술연산자 기본적인 사칙연산(+ - * / )와 할당(=) 증가 ++ , 감소 -- , 나머지 % , 할당 +=, -=, *=, /= 전위 연산 : ++변수명 //증가부터하고 값을 할당, x =10; y = ++x; //y와 x 모두 11 후위 연산 : 변수명++ //값을 먼저 할당하고 증가. x =10; y = x++; //y는 10, x는 11 비교연산자 비교 ==, 엄격한 비교 ===, 같지 않음 != , = , T) || : or를 의미 (F || F -> F) 문자열과 숫자의 합 자바스크립트는 숫자와 문자열을 합(+)하면 문자열(string)으로 변환되어 문자열 병합을 한다. 다만 어떤 자료형이 먼저 나오느냐에 따라 문자열로 변경되는 ..

변수 생성 선언 방법 : var 변수명; 변수명 : 변수(메모리 주소)를 나타내는 이름 선언 및 초기화 : var 변수명 = 초기값; 변수와 메모리 모든 데이터는 메모리(저장공간)에 쌓이게 된다. 변수에 설정한 값도 데이터 이 데이터에 접근하기위한 방법이 변수명을 사용하는 것 변수의 자료형 String, Number, Boolean, undefined(아직 미정), null 출력 결과 확인 팁 console.log(데이터); : 개발자도구에서 확인 가능 예제1 : index.html 예제1 : main.js //변수 생성 var x; console.log(x); //undefined 출력 x = 10; console.log(x); //10출력 x = 10; //여러 값 생성 var a = 5, b = 7..

JavaScript 란? 사용자(클라이언트)의 동작(+요청)에 반응(+응답)하는 기능을 구현하기 위한 언어 주로 웹 프로그래밍의 프론트 엔드에서 쓰이나, 다른 분야에서도 언어로서 사용 우클릭 방지 기능도 JavaScript로 구현되어있다. 이벤트(Event) 사용자가 하는 행동(동작) JavaScript 특징 인터프리터 언어 : 프로그램 코드 작성된 한 줄 해석하며 실행 브라우저 엔진마다 실행순서나 원리가 조금 다를 수 있다. JavaScirpt 의 예 우클릭 방지 구글 메뉴 버튼 클릭 시 위젯 보임 특정 버튼 클릭이나 현재 마우스 위치에 따라 요소의 속성 값이 변함(enable/disable) 마우스 스크롤 시 추가 화면 로딩 JavaScript 코드 작성 태그 JavaScript 연습 예제 : ind..

Firebase 구글에서 재공하는 클라우드 플랫폼 중 하나이며 웹 서버+DB 실시간 데이터베이스, 호스팅 등의 기능을 제공(파이어베이스 제품 설명 확인) 클라이언트 - 웹서버 - 디스크 관계에서 웹 서버와 디스크 역할을 해줄 것이다.(호스팅 서비스) 파이어 베이스 제품 설명 : https://firebase.google.com/products?hl=ko FireStore 레퍼런스 : https://firebase.google.com/docs/firestore/quickstart 구글 클라우드 https://cloud.google.com/ 구글 스토리지 관련 제품 : https://cloud.google.com/products/storage/ 파이어 베이스 호스팅 문서 https://firebase.goo..

BootStrap이란? CSS 개발을 빠르게 해주는 프레임 워크 중 하나 프레임워크 : 프로그램 개발을 도와주는 이미 작성된 각종 소스코드 집합. 작업 틀 웹 페이지 프레임워크 : Bootstrap.js, vue.js, react.js 등 부트스트랩 공홈 : https://getbootstrap.com/ 가이드 : http://bootstrapk.com/getting-started/ github : https://github.com/twbs/bootstrap w3s 예시 : https://www.w3schools.com/bootstrap/bootstrap_ver.asp BootStrap 기본 적용 Getting Start CDN https://www.w3schools.com/bootstrap4/boots..

CSS 불러오기 따로 CSS 코드만 작성한 .css 파일을 불러오는 것 파일 주소는 웹 주소도 가능하다. rel : Relation. 관계를 기술. 현 html5과의 관계는 스타일시트임을 의미 head 태그 내부에 기재(head태그는 페이지에 필요한 정보들을 넣음을 기억) 또는 CSS 상속 스타일 속성에 따라 부모가 자식에게 물려주는 속성이 따로 존재한다. Box Model 속성(margin, padding, border, width, height)는 상속되지 않는다. 그 외 font 관련 등의 속성은 해당 요소에 대한 css가 없을 땐 부모 속성을 상속받는다.