WEB MASTER

[로그인 기능 만들기] 사용자의 생각을 받아내서 읽어오는 즉 html이나 css는 할수 없는 javascript만의 기능 javascript로 로그인 기능 만들기 prompt 기능 1111을 친다면 그외의 다른 비밀번호를 친다면 php로 로그인 기능 만들기 form 태그안에서 submit이라는 제출을 누르면 text password라는 값을 action= 에 전송한다. 8-2 페이지 중요한 점은 조건에 따라서 즉 패스워드 값에 따라서 이렇게나 저렇게 동작할수 있는 앱을 만들 수 있다라는 점 학습

[조건문] true라면 else 앞에 중괄호 값이 나오고 false라면 뒤에 값이 나온다. 그러나 조건문은 상황에따라 이렇게나 저렇게나 동작해야 하기때문에 result라는 변수를 만들어서 다양한 상황에 따라 조건할 수 있게 만들었다. php 같은 경우 코드작성은

[비교] 파이썬공부와 마찬가지로 비교기호는 블리언으로 표현된다. 여기서 php는 echo 대신 var_dump를 사용하는걸 볼수 있다. (일단 숙지정도.)

[변수] javascript에서는 변수를 name="이고잉"; php에서는 $를 붙인 $name="이고잉": 이다. 변수라 함은 변할 수 있는 값이다. 즉 수천수만라인의 글에서 변수를 지정해야만 필요시 손쉽게 변수만 변경할 수 있게 한다.

[디버그] 오동작을 찾아내는 방법. javascript는 웹화면에서 개발자도구 설정에 들어가면 어디에 오류가 생겼는지 알려준다. php같은 경우는 저 문서를 atom에 출력하면 가장 아래스크롤에서 최근에 오류를 볼 수 있다. 추가로 웹화면에 php오류를 그대로 표현하고 싶다면 지난시간에 작성한 설정방법으로 변경하면 이렇게 출력된다.

[삽입] php표기법- javascript표기법- php가 웹서버에게 처리과정과 함께 줬기에 이젠 웹서버가 웹브라우저에게 값만 출력(서버쪽 실행) javascript는 웹 브라우저가 직접 해석해서 처리한다.(클라이언트쪽 실행) [데이터타입과 연산자] javascript는 "10"은 문자로 간주하여 1010을 표기하지만 php에서의 +는 고정적인 덧셈연산자이기 때문에 사용자의 실수(?)라고 간주하여 계산한다. php에서의 덧셈기호는 . 을 사용한다. 연산자

그전 수업 요약 [복습과 수업 예고] PHP JS 프로그래밍 웹브라우져 - 웹서버 상호작용 웹브라우져에서 해석되는 동작하는 언어 HTML CSS JS 웹서버에서 동작하는 언어 PHP MySQL Database ----------------------------------------------------------------------------------------------------------------------------------- [php 환경설정 변경] 문법적인 에러나 동작의 에러가 생겼을 때 화면에 출력 1. atom이나 메모장으로 bitnami 파일 내 php.ini 열기 2. display_errors = Off 에서 On으로 변경 코드수정시 수정한 코드가 바로 변경사항에 바로 반영 1..

[실습1] 실습1에서의 목표 header,nav,article 에 style을 추가해줌으로써 라인을 잡아줌 추가로 nav ol은 nav 안에 있는 ol만 사용하겠다는 뜻 [실습2] 우리는 이러한 형태로 각각의 html(정보)에 css(디자인)을 만들고 있었다. 그러나, 하나의 css파일의 link를 만들어서 넣어주기만 하면 유지보수가 쉬워진다. --------------------------------------------------------------------------------------------------------------------------------- css파일을 따로 만들어준 모습 style.css (꼭 .css적어야한다. style은 본인마음) 서식을 다 지우고 link한줄로 c..

CSS(Cascading STYLE Sheet) HTML + CSS(독립된 언어) CSS가 고안된 이유는 HTML을 염두에 둠 [기본문법] 부턴 다시 html [선택자 심화학습] 1. h1,h2 둘다 적용한 부분 2. font-size:10px(글꼴 사이즈 단위 픽셀) 3. text-decoration:underline(javaScript에 밑줄) 4. header h1에만 border:1px solid red; 적용한 모습(감싸는 네모칸생성) 우리의 목적은 css의 활용보다는 큰 틀로써 이뤄지는 css의 표현을 채득하는 과정 [박스모델] 기본설정값을 복붙할수 있게 template.html파일을 만들었다. border: 1px red solid; (1픽셀의 빨간색 선태두리 박스생성) 순서는 바뀌어도 상관..

[개발도구] 버전관리시스템 Version Control System 어떤문제가 어디서 누구로 인하여 발생했는지 탐색 (svn mecurial ''GIT''..) [코드편집기] Editor 깃허브가 만든 ''아톰Editor'' 으로 소스코드 작성(메모장도 가능) 허나 더좋은 도구들을 사용하는 건 엔지니어에게 해도되고 안해도되고가 아닌 꼭 해야하는 부분 +emmet 확장기능 설치(코드를 작성하는 수고를 덜어주는 환상적인 도구) ATOM htdosc파일로 연결 태그들을 서로 보면서 짤수도 있고 중첩된 단어들을 ctrl을 사용하여 멀티셀렉션도 가능 (메모장에선 없는 강력한 기능이 있다.)