HTML + Javascript 1
·
Web
1. 기초var a = "전역변수a";var z,k;function aaa(){ //즉시실행함수 var a = "a 지역변수 생성!"; console.log(this.a); //전역변수의 값을 가져와서 출력 console.log(a); //지역변수의 a 변수값을 가져옴 var b = "지역변수";}function bbb(){ this.a = "aaa" //전역변수 값을 변경 var b = "bbb에서 사용하는 지역변수"; console.log(b);}function aaa(){ console.log("회원가입");}bbb();aaa();field : 함수 바깥공간function : 함수전역변수 : field에 선언한 변수지역변수 : 함수안에 선언한 변수this : 전역변수 호출시 사용하는 명령어..
Javascript 기초 3
·
Web
1. 선택문 switch~casevar level = 3;switch(level){ case 1: console.log("일반회원"); break; case 2: console.log("실버회원"); break; case 3: console.log("골드회원"); break; case 4: console.log("VIP회원"); break; default: console.log("비회원"); break;}⭐숫자와 문자를 정확하게 체크    // 3 != "3"case~break 사이에 문법을 적용 : if, else if, else, for, while, do~whilebreak : 문법을 강제 종료하는 것을 말함default : case외 데이터값    //else와 같은 성격var pay = "car..
Javascript 기초 2
·
Web
1. 더블 반복문 (for)var f,ff;for(f=1;f=> 1 2 3 4 5가 3번 반복 😊응용문제더블 반복문만 이용하여 다음 결과가 되도록 출력4 5 6 3 4 5 2 3 4var c,cc;for(c=3;c>0;c--){ for(cc=1;cc2~9단 출력var a,aa;for(a=2;a더블반복문을 이용하여 다음 결과가 출력되는 코드를 작성 구구단 5단부터 8단까지 값 중 결과값이 짝수인 모든 숫자 합계 출력var sum = 0;for(a=5;a=> 870 2. 더블 반복문 (while)var a=2;while(awhile, do~while 더블 사용시 작은 반복문에 대한 변수 선언을 큰 반복문 안에 적용해야만 정상적으로 반영⭐작은 반복문 초기화 중요 //안할시 큰 반복문 한번만 돌고 멈춤 😊응..
Javascript 기초 1
·
Web
javascript는 4.0에서 업데이트 멈춤 => es5로 발전 1. 기초 는 상단과 하단에 쓸 수 있는데 웬만하면 하단에 쓰기console.log("js 파일 정상로드");var a = "홍길동";a = "구나영";var login = a + "님 환영합니다.";console.log(login);var b = 50;var c = 25;var sum = b + c;console.log(sum);var point = 5000;var sum2 = point * 2 + 10000 * 2;console.log(sum2);Javascript의 주석// 한줄주석/* 여러줄주석 */var : 변수를 선언하는 선언문   js는 var만 쓴다let, const 는 js가 아니다 =>ES(ECMA script es5, ..
HTML 기초 4 + CSS [레이아웃]
·
Web
1. 페이지 전체 레이아웃 .top{/* 또는 .안쓴 header 둘다 한번만쓰는 태그니깐 */ width:100%; /* 설정안하면 100%로 설정됨 */ height: 100px; background-color: yellow;}.topmenu{ width:1200px; height: 100px; /* 또는 inherit */ background-color: gray; margin:0 auto;}.menu{ height: 80px; background-color: green;}.container{ position:relative; height: auto; background-color: pink;}.flow{ position: absolute; width: 80px; height: 250px; back..
HTML 기초 3 + CSS [Object 사용, 이동]
·
Web
1. 기초link 로 html파일에 css파일 연결style 태그 : css 2.0 전용 태그input 속성의 style : css1.0크기 단위 : px, em, rem, vh(브라우저 높이), vw(브라우저 가로크기), %(모바일)class : 여러가지 효과를 다양하게 구분하여 사용 가능    //중복 이름 피하기id도 style 속성 적용 가능 //id 중복 불가.btn{ width:100px; height:100px; background-color: black; color:white;}.btn_orange{ background-color: orange;}#mpass{ background-color: skyblue; width: 300px; height: 30px; }#mpass_orange{ ba..
HTML 기초 2
·
Web
1. 사용자 정보 입력 태그input: 데이터 정보를 입력하는 태그    type: 속성아이디: 패스워드: 동의함신용카드 결제text : (문자,숫자,특수문자 등) 사용자가 입력한 값을 노출하면서 보여주는 입력폼password : 입력된 값을 특수문자(디스크)로 출력시키는 입력폼checkbox : 사용자가 체크하여 선택하는 입력폼 - 한가지 이상을 선택사용radio : 한가지 이상의 값 중 한가지를 선택하는 입력폼button : value와 함께 사용되며, 클릭시 이벤트가 발생하는 폼 동의 함동의 안 함SMS 수신함SMS 수신안함자동 로그인신용카드계좌이체무통장입금쿠폰사용radio : 속성 형태는 그룹 형태의 구조를 가지고 있음 //그룹을 설정하는 속성은 name으로 셋팅checked(checkbox, ..
HTML 기초 1
·
Web
1. 기초html : html 시작&끝head : 셋팅 공간title : 브라우저 탭 이름 body : 브라우저 출력   => 요놈들은 하나의 html에서 한번씩만! meta태그 : 언어셋, 접속 Device 설정, API관련 셋팅  홍길동님 환영합니다.포인트는 3500회원등급 실버회원상품명 : LG     냉장고u 씨멘틱마크업 : 밑줄i 씨멘틱마크업 : 글자 기울기b 씨멘틱마크업 : 굵게font : 글자관련된 마크업 (색상 #색상코드6자리, 크기 1~7) 속성&nbsp : 공백 특수문자 //글자사이 스페이스바는 아무리 많이써도 하나만 적용되기 때문에 사용 게시물1게시물2게시물3게시물4게시물5게시물6결제시스템 : 신용카드최종결제금액 : 16500원상품금액 : 80000 원h 씨..
과제 2
·
과제
1. 각종 HTTP 상태 코드 [success, error] //알면 좋은 번호 2xx (성공)200 (성공): 서버가 요청을 제대로 처리했다는 뜻이다. 이는 주로 서버가 요청한 페이지를 제공했다는 의미로 쓰인다// 아이디 중복처리할때 3xx (리디렉션 완료)301 (영구 이동): 요청한 페이지가 새 위치로 영구적으로 이동했다. GET 또는 HEAD 요청에 대한 응답으로 이 응답을 표시하면 요청자가 자동으로 새 위치로 전달된다.//백엔드에게 굉장히 중요한 코드 (뭔가 문제가있다는) API다룰때302 (임시 이동): 현재 서버가 다른 위치의 페이지로 요청에 응답하고 있지만 요청자는 향후 요청 시 원래 위치를 계속 사용해야 한다.//Front(GET) =>Back(POST) 이런식으로 다르게 던지면 발생 4..
과제 1
·
과제
1. HTML, HTM 차이점둘은 서로 같은 형식의 파일원래 명칭은 html이였으나 확장자로서 html대신 htm을 쓰는 이유는, 도스(MS-dos)와 Windows3.X 시절부터 확장자의 문자길이를 3글자로 제한했었기 때문에 당시엔 .htm이라고 썼었던 것이다.그 영향에 따라서 현재는 HTML(HyperText Markup Language) 를 주로 풀로 쓰는 .html 를 주로 사용하지만, 예전 htm 의 관습과 호환성을 위해서라도 현재까지도 사용되고 있는 것 이다. 따라서 정리하자면 실질적으로 둘 확장자는 (.htm .html) 기술적으로 차이가 없는 아예 동일한 (HTML) 포맷이라고 보면 된다. htm : html보다 문서로딩이 빠르다html : 리눅스환경에서 asp,php,jsp호환이잘된다./..