WEB MASTER

[디버그] 오동작을 찾아내는 방법. 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을 사용하여 멀티셀렉션도 가능 (메모장에선 없는 강력한 기능이 있다.)

[웹 애플리케이션 만드는 순서] 구상 > 기획 > 디자인 > 테스트 앞선 순서는 절대적이지 않다. 기능 하나를 추가하는데 신중을 다해야 한다. 지수폭팔이니까 즉 start small.. 작게시작하자 결론: 작게 시작해서 신중하게 옵션 추가하기 [기획] UI( USER INTERFACE) 사용자가 시스템을 제어하는 조작장치 modeling 사용자 입장에서 동작하는 기능을 가상으로 만들어보기 (커뮤니케이션에 있어서 유용한 단계) 모델링도구 1. 손그림 (Pencil open 소스사이트) balsamiq (사람이 손으로 그린것처럼 표현해주는 유료사이트) 파워포인트를 이용하는 경우도 많다. [인터넷과 웹의 역사] 인터넷이 도시라면 웹은 그 안에 집 텀버너스리 - 웹 창시자 ---------------------..

[모델링을 html로 만들기] javaScript 크기조절은 (h1,h2,h3 ..) 앞서 배운 list와 orderlist의 태그로 변경 unorderlist로 소제목 내용들 가볍게 작성 표현 현재는 css디자인보단 태그자체에 집중 [의미론적인 웹] #웹사이트 전체를 설명하는 메인을 의미 #웹사이트를 탐색하는데 쓰이는 정보를 의미 #문서의 본문에 해당 사람 뿐만 아니라 컴퓨터에게도 의미가 잘 전달되도록 이러한 의미론적인 태그를 사용하는 걸 익혀야 한다. [사이트 완성] index.html 기본 대문페이지라는 암묵적 약속 메인 index.html page_html = javascript page_vc = 변수와 상수 page_op = 연산자 ---------------------- 언제든 메인으로 돌아오..