개발바닥에서 살아남기

HTTP/REST API 구조 클라이언트 웹 브라우저라는 기계에 수행되는 프로그램 서버 웹 서버라는 기계에서 수행되는 프로그램 HTTP 웹 클라이언트와 웹 서버간의 통신 규약 HTTP 프로토콜이란? HTTP(Hypertext Transfer Protocol)는 웹을 개발하는 사람이라면 누구나 다 알아야 하는 통신 프로토콜 프로토콜이란 상호 간에 정의한 규칙을 의미하며 특정 기기 간에 데이터를 주고받기 위해 통신 - 웹 개발은 통신 프로그램을 작성하는 것 - 일종의 네트워크 프로그램 HTTP 프로토콜 특징 HTTP 프로토콜은 상태가 없는(stateless) 프로토콜입니다. 세션의 개념 - 여기서 '상태가 없다'라는 말은 각 세션마다 발생된 데이터가 연결되지 않는다는 의미 - Context가 유지되지 않는다..

CSS Framework W3.CSS는 기본적으로 데스크톱, 태블릿, 모바일 디자인을 지원하는 최신 CSS 프레임워크입니다. W3.CSS는 jQuery 또는 기타 JavaScript 라이브러리와 독립적으로 설계되었습니다. W3.CSS W3Schools에서 만든 W3.CSS. 기본적으로 반응형 모바일 퍼스트 디자인을 지원합니다, 순수 CSS 프레임워크입니다. 즉, 자바스크립트가 아닌 HTML과 CSS만 사용합니다. (-) 자바스크립트를 사용하지 않기 때문에 W3.CSS로 대화형 웹사이트를 제작하기 어려울 수 있습니다. (+) 자바스크립트는 SEO의 적이기 때문에, 웹사이트의 검색 엔진 최적화(Search Engine Optimization)도 향상됩니다. Bootstrap 트위터에서 만들었습니다. HTML..

The Browser Object Model(BOM) The Browser Object Model(BOM) 브라우저 객체 모델(BOM)을 사용하면 자바스크립트가 브라우저와 "대화"할 수 있습니다. 즉, 브라우져 자체를 의미하여 브라우져의 정보를 얻을 수 있고 정보를 변경할 수도 있다. 일종의 브라우저에 대한 Builtin Function을 제공 The Window Object window 개체는 브라우저의 창을 나타냅니다. 전역 변수와 브라우져에 관련된 다양한 기능을 제공 모든 전역 자바스크립트 객체는 자동으로 window 객체의 멤버가 됩니다. - 글로발 객체, 함수, 변수 등의 멤버가 됩니다. - 전역 함수는 window 객체의 메서드입니다. - 그러니까 객체의 내부가 아닌 전역 범위에서의 this는..

CSS 는 넓고 얕게 공부 JS는 깊게 공부 box-sizing 중요 Layout - float and clear float : 이미지를 피해서 글을 배치 .clearfix::after { content: ""; clear: both; display: table; } 항상 copy해서 사용하면 된다. The position Property 위치는 시스템의 배치 관리자에 의하여 자동 배치되는 것이 기본이고 이를 조정할 수 있다. The position Property static relative : 붙이는 위치에서 살짝 옮겨준다. fixed : 전체 화면에서 붙이는것 absolute : 자신의 부모를 기준으로 붙이는 것 sticky : 스크롤에 상관없이 붙이는 것 position : static; posi..

Lists 기본 형태 An Unordered HTML List Coffee Tea Milk An Ordered HTML List Coffee Tea Milk Unordered HTML List Coffee Tea Milk Coffee Tea Milk An Unordered HTML List Coffee Tea Milk An Ordered HTML List Coffee Tea Milk ul : unorderd list ol : ordered list li : list item 화면 설계할 경우, 테이블 보다는 리스트 사용을 권장! Coffee - black hot drink Milk - white cold drink 쓸 일 거의 없다. list-style-type value disc circle squar..

iframes Target for a Link W3Schools.com IFrame src Property Click the button to change the value of the src attribute in the iframe. Try it iframe의 한계 : HTML Iframes You can also use the CSS height and width properties to specify the size of the iframe: 유튜브는 신뢰할 수 있지만 이상한 사이트를 iframe에 넣으면 해킹 당할 가능성이 있다. Links, Colors and Bookmarks HTML은 하이퍼텍스트를 지원한다. Visit W3Schools.com! target 속성은 연결된 문서를 열 위치를..

교재 사이트 HTML Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 실행 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_img_src HISTORY 2000 : W3C Recommendation: XHTML 1.0 HTML을 만드는 도구가 XML XML을 가지고 깔끔하게 만들자...