반원 블로그

조건문 if 구조 if (조건1){ 조건 1이 참일 경우 실행 } else if (조건2){ 조건 2가 참일 경우 실행 } else{ 모든 케이스에 거짓이면 실행 }조건문 기본 예제 var x=10,y='10'; if (x===10){ console.log("x는 10"); }else if (y===10){ console.log("x는 10이 아니고 y는 10"); }else{ console.log("x y 둘 다 10이 아니다"); }switch문 switch(데이터){ case 경우1 : 실행문; break; case 경우2 : 실행문; break; case 경우3 : 실행문; break; case 경우4 : 실행문; break; default : 위 경우가 다 해당안 될 경우의 실행문..

크롬 개발자 도구의 콘솔에서도 충분히 확인가능하다. 산술연산자 기본적인 사칙연산(+ - * / )와 할당(=) 증가 ++ , 감소 -- , 나머지 % , 할당 +=, -=, *=, /= 전위 연산 : ++변수명 //증가부터하고 값을 할당, 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..