728x90 반응형 생활코딩/WEB5 4) WEB - Ajax(2) : 페이지 구현 [fragment identifier를 이용한 초기 페이지 기능 구현] -- ajax를 사용했을 때 직면할 수 있는 여러가지 부작용들을 완화해나가는 방법을 살펴보기 1. 링크인데 밑줄이 없고 순수한 상태로 활성화 되게 하고 싶어할듯. 2. 우리가 알고있는 웹페이지는 주소가 페이지 별로 달라져 주소를 공유할 수 있는 측면이 있었으나, ajax는 그러한 한계점이 있다. [해시] -- 페이지 안에서 어떤 특정한 부분으로 접근할 때 ' 세번째 문단의 사용자에게 url을 통해서 접근할 수 있도록 하고 싶을때, hash기능을 사용할 수 있다.(bookmark 기능) 이러한 특성을 이용해서 url에 색상을 입힐 수도 있고 hash값이 무엇이냐에 따라서 ajax로 다른 페이지를 로드해서 시작되는 페이지를 셋팅할 수 있.. 2020. 7. 5. 4) WEB - Ajax(1) [Ajax(Asynchronous Javascript And Xml)] 자바스크립트가 도입되면서 웹은 빠른 속도로 정적인 것에서 동적인 것으로 문서에서 Application으로 변화하기 시작 웹페이지 정보를 부분적으로 변화시킴 클라이언트를 사용하는 사용자에게는 좋은 경험을 서버를 사용하는 생산자에게는 지출을 줄여줌 [목적] 네트워크(크롬 개발자도구) : (크롬브라우저)오른쪽 클릭 => 검사 => 크롬 개발자도구 => 네트워크 탭 : 웹브라우저가 웹서버와 어떤 정보를 주고받는지 모니터링 하는 도구 ajax란 - 부분적으로 웹페이지를 갱신할 수 있도록 도와주는 기술 ajax를 배워야 하는 이유 1) 페이지를 전환할 때마다 모든 파일을 다운로드 받는것과 클릭해서 내용이 변경할 때 부분적으로 내용을 변경하는 것.. 2020. 7. 1. 3) WEB - Javascript HTML, CSS - 정적 JavaScript - 동적 - 사용자와 상호작용하는 언어이다. - javascript가 HTML을 제어하는 언어다. 이러한 특성이 웹페이지를 동적으로 만들어준다. elements : 태그 -- style 속성값으로는 무조건 CSS가 온다. [중요한 이야기] - javscript는 HTML 위에서 시작하는 언어 - document.write("") : HTML 화면에 글씨 출력 - javascript를 사용하기 위해서는 태그를 쓴다. event(사건) onclick이라는 속성은 javascript가 와야 한다라는 것을 전제로 하고 있따. javascript는 웹브라우저가 값을 기억하고 있다가 클릭을 했을 때 동작할 거 라는 의미를 담고있다. 검색이 가장 중요하다. (javasc.. 2020. 6. 22. 2) WEB - CSS CSS HTML을 이용해서 전자문서를 만들 수 있었고, 해당 정보를 인터넷을 통해서 사람들이 볼 수 있도록 했다. 하지만 처음에는 HTML을 이용해서 문서를 만들수 있었지만 여러가지 불평들이 나옴. 나중엔 해당 문서를 웹페이지를 아름답게 표현하고 싶어함. --> 웹 페이지를 아름답게 만들자! 1) CSS의 등장, 이점 등장배경 1. HTML은 너무나 중요하기 떄문에 HTML이 정보에 전념하게 하기위해서 HTML에게서 디자인적 요소를 뻇어옴 2. CSS를 통해 웹페이지를 디자인 하는 것이 HTML을 통해 디자인하는 것보다 효율적 이점 -- CSS의 사용으로 중복 제거 -- 웹페이지를 유지보수를 편리하게 하고, 가독성 증가 -- 효율적 -- 태그는 이제 쓰지 않으니 머릿속에서 지워버리자!! h1태그는 WEB.. 2020. 6. 16. 1) WEB - HTML 무엇인가를 만들기 전에 무엇을 만들것인가를 미리 상상하고, 계획해보는 과정이 필요하다 (기획) 집중해서 봐야할 부분은 어떤쪽이 사람이 하는일이고, 어떤쪽이 기계가 하는일인가를 분리해서 생각해 보는 것이다. (어떤 것이 결과인지 추론해보기) 코딩/언어작성 : 사람이 하는일, 원인 - 부호 또는 신호라는 의미의 코드 / code - 원천이라는 뜻의 소스 / source - 약속이라는 의미에서 언어 / 컴퓨터 언어 표출/화면 : 기계가하는일, 결과 - 웹에서는 결과를 웹페이지라고 한다. - 웹페이지가 모여있으면 웹사이트 ==> 기능이 좀 많으면 웹어플리케이션 즉, 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심이다. 웹페이지를 만드는 코드 => HTML : HyperText Markup Lan.. 2020. 6. 16. 이전 1 다음 728x90 반응형
