🐹's tory

데이터베이스 database는 많이 사용되는 관계형 database(Oracle, Mysql, Sql server)와 그 외의 다양한 NoSQL로 나뉜다. MySQL 설치 및 사용 https://bitnami.com/stack/wamp WAMP Bitnami WAMP Stack provides a complete, fully-integrated and ready to run WAMP development environment. In addition to PHP, MySQL and Apache, it includes FastCGI, OpenSSL, phpMyAdmin, ModSecurity, SQLite, ImageMagick, xDebug, Xcache, OpenLDAP, ModSecurity, bitn..

9장 🌭폼과 자바스크립트🌭 폼이란? 사용자가 정보를 입력할 수 있게 만들어 놓은 웹 요소 자바스크립트로 폼 요소의 내용을 가져오거나 수정하고 정해진 형식에 맞는지 확인함 🌭폼 요소에 접근하는 법 id, class 값을 이용 돔의 요소에 접근하는 것과 같이 querySelector(), querySelectorAll() 함수 사용 // id document.querySelector("#billingName") // class document.querySelectorAll(".input-box")[2] name 값을 이용 // 접근하는 방법 document.ship.shippingName document.forms["ship"].elements["shippingName"] * form 태그뿐만 아니라 접근하..

8장 🐠 문서 객체 모델 (DOM) 🐠 : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 DOM 트리 - 구조가 나무🌳처럼 생겼다 태그를 요소 노드로 표현 태그가 품고 있는 텍스트는 자식 노드인 텍스트 노드로 표현 태그의 속성은 요소노드의 자식 노드인 속성 노드로 표현 주석은 주석 노드로 표현 DOM 트리 구조를 보여주는 사이트! http://software.hixie.ch/utilities/js/live-dom-viewer/ Live DOM Viewer Live DOM Viewer ... Script not loaded. This script puts a function w(s) into the global scope of the test page,..

5장 🍮함수🍮 함수 선언 function addNum(a,b){ return a+b; } 함수 선언과 호출 위치에 관계없이 모두 실행된다 익명 함수 var add=function(a,b){ return a+b; } var num1=parseInt(prompt('첫 번째 숫자를 입력하시오')); var num2=parseInt(prompt('두 번째 숫자를 입력하시오')); //parseInt는 문자열로 입력받은 것을 정수로 변환 var result=add(num1, num2); console.log(sum); 함수 자체가 식이기 때문에 익명 함수를 변수에 할당할 수 있다 즉시 실행 함수 var sum=(function(a,b){ return a+b; }(10,20)); /* 이렇게도 가능 var sum=..

4장 🐨 조건문 if(score>60){ alert("통과"); } else{ alert("실패"); } 🐨 조건 연산자 score>60 ? alert("통과") : alert("실패"); 🐨 falsy 값 0 ""(빈 문자열) NaN(숫자가 아님) unfined(값이 할당되지 않음) null(유효하지 않은 값) 🐨 switch문 *case 뒤에 문자열로 처리해야 함 (case문 끝날 때마다 break, 마지막에 default 꼭 써주기) switch(num){ case "1": document.write("1번을 선택하셨습니다"); break; case "2": document.write("2번을 선택하셨습니다"); break; case "3": document.write("3번을 선택하셨습니다"); ..

1장은 개념이라서 읽고 넘겼다! JavaScript는 끝에 꼭 ; 붙여야 함!!! 2장 일단 js 파일과 html 파일 연동시키는 방법! body 태그 내의 어디서나 여러 번 사용할 수 있지만 닫는 body 태그 바로 위에 사용하는 습관을 들이는 것이 좋다 live server를 실행시킨 후 크롬 브라우저에서 ctrl + shift + J를 누르면 콘솔 창이 뜨게 된다! 입력값 받는 함수 prompt() prompt("이름을 입력하세요.","고양이"); 입력창에 "이름을 입력하세요."라는 설명이 뜨고 기본값은 "고양이"로 지정된다. 알림 창으로 출력하는 함수 alert() alert("고양이는 귀여워"); 웹 브라우저 화면에 출력하는 함수 document.write() var name = prompt("..

당장 이번 주부터 javascript 스터디가 시작되기 때문에 방학 때 설렁설렁하던 html, css 공부를 이번 주 내에 힘들게 해야 한다ㅠㅠ 짤막한 vscode 설치 방법과 간단하게 파일 만드는 방법 설치방법 방학 때 생활코딩으로 웹 프로그래밍을 처음 접하게 되어서 'Atom'이라는 에디터만 사용할 수 있었는데 스터디를 할 때 visual code를 이용할 것 같기도 하고 주변에서도 웹 프로그래밍을 할 때 이 에디터를 자주 사용하길래 설치해보았다 우선 아래의 사이트에서 자신의 개발 환경에 맞는 visual code를 설치한다!! (주의해야 할 점이 딱히 없어서 계속 다음으로 넘기면 설치 완료!!) Visual Studio Code - Code Editing. Redefined Visual Studio..

또 놀다가 시작! 코드가 의미를 가질 수 있게 코드를 짜려면? 웹 프로그래밍 공부 html html 이론 html 실습 css css 이론 css 실습 html 이론 하루에 최소 2시간씩 꾸준히 하기 티스토리에 매번 업로드하기 2021/01/31 시작 아ㅏ아ㅏㅏㅏ아ㅏㅏ 'html 실습', 'css 이론', 'css 실습'과 각 파일들을 다 연결해주었다! 짜잔~! 오늘은 여기까지! 근데 고민이 생겼다 ;ㅅ; 난 이번에 개강하기 전에 프론트엔드 쪽만 배우려고 했는데(물론 백엔드 쪽도 알면 좋지만) 이 수업에는 백엔드 쪽도 포함돼 있어서 고민이 된다,,, 그래도 한 번 공부해보는 것이 도움이 될까,, 아니면 HTML이랑 CSS 기본을 배우고 나서 더 자세히 공부하는 게 나을까? 이건 더 고민해봐야겠다

어제 공부하다가 또 늦게까지 노래듣고 넷플릭스 보느라 아침에 잠이 들어서 오후 4시 30분에 일어났다ㅠㅠ 밥 먹고 씻고 공부시작! 오늘은 5시 45분에 공부 시작했다!! 루트 파일에 새로운 메모를 저장하고 아래와 같이 입력한다 (아직은 어떤 의미인지 몰라도 됨!) ~으로 콘텐츠를 강조 오늘부터 html 공부 열심히 해야지! 속성 - 태그 콘텐츠 나는 html을 생활코딩에서 배운다 속성 - 타겟 콘텐츠 *속성과 속성을 구분할 때는 띄어쓰기를 사용해야한다* _blank는 새로운 창에서 링크를 연다는 정보를 갖고 있다 _self는 현재 창에서 링크를 연다(기본값) 나는 html을 생활코딩에서 배운다 속성 - 리스트 ~ 순서있는 리스트 ~ 순서없는 리스트 ~ #순서가 있는 리스트의 시작을 알림(order lis..

원래 생활코딩의 HTML 수업을 들으려고 했는데 그전에 '웹 애플리케이션 만들기'라는 수업을 먼저 듣는 것이 도움이 된다고 해서 이 수업 먼저 듣기로 했다. (오늘부터 다시 열심히 공부 시작해야지ㅜ 다음 주는 또 열심히 놀 테니까ㅠ) 수업을 듣기 위해선 웹 브라우저와 웹 서버가 깔려있어야 하는데 웹 브라우저는 대부분 이미 깔려있기 때문에 'Apache'라는 웹 서버를 깔아 사용할 것이다. Apache는 웹 서버이기 때문에 설치를 하는 게 힘들기 때문에 'Bitnami'를 이용해 설치할 것이다. 설치가 끝나고 localhost/index.html을 웹 브라우저에 검색해보았을 때 아래와 같은 페이지로 이동하게 된다면 제대로 설치가 된 것이다! 이와 같은 경로로 들어가서 index.html이 바로 아까 봤던 ..