1%씩 100번 바꾸기

1. HTML Layout 2. ID, Class ID 고유한 속성으로 한 HTML 문서에 하나만 사용 가능합니다. 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다. Class 하나의 HTML문서 안에 중복해서 사용 가능합니다. 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수가 있습니다. 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class의 사용이 필수적입니다. 3. CSS CSS의 구성 span { color : red; } span : selector(선택자) color : property red : value style을 HTML페이지에 적용하는 3가지 방법 1. inline HTML태그 안에다가 적용합니다. 다른 CSS..

1. 브라우저의 기본구성 1. 사용자 인터페이스 : 브라우저 컴포런트라고도 부르며 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분을 말한다. 2. 브라우저 엔진 : 핵심 엔진이며, 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다. 쿠키를 저장할때 이 계층에서 저장을 한다. 3. 렌더링 엔진 : 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시한다. 4. 통신 : HTTP 요청과 같은 네트워크 호출에 사용됨. 서버와 통신하기 위한 인터페이스이다. 5. UI 백엔드 : input 같은 기본적인 장치를 만든다. (textarea같은) 6. 자바스크립트 해석기 : 자바스크립트 코드를 해석하고 실행. 7. ..

0. 준비사항 : GitHub는 당연히 미리 만들어둬야한다... 툴바 window의 Show View에서 Git repository를 선택해서 창 위에 올린다. ​ 이클립스에 있는 project를 깃허브에 올리는 작업은 다음과 같다. ​ 1. 원하는 project를 선택하여 share Project한다 2. 깃허브에 업로드 시킨다. 필자는 업로드 경로를 따로 지정해주었다. 3. GitHub에 프로젝트가 올라가는지 확인해본다 commit과 push를 안해도되는건 아니다... 꼭 commit과 push를 해야 GitHub에 올라간다 ​ 밑에는 정상적으로 올라갔는지 확인하는 사진 ​ 깃허브에 있는 repository를 이클립스에 연동하는 작업은 다음과 같다. ​ 1. 설치되어있는 깃허브를 불러오기 때문에 Cl..

1. WAS의 등장배경 클라이언트와 데이터베이스 사이에서 직접 통신을 할경우의 단점 1. 비즈니스 로직이 바뀔때마다 클라이언트 배포를 다시 해야함 2. 비즈니스 로직이 많아질수록 클라이언트가 무거워짐 이렇게 하여 등장하게 된것이 미들웨어인데 비즈니스 로직을 중앙화하여, 클라이언트 관리를 더 편하게 함 2. WAS 웹이 널리 퍼지게 되면서 사용자들의 요구사항이 늘어나 동적인 기능을 요구하게됨 일종의 미들웨어로 웹 클라이언트의 요청 중 웹 애플리케이션이 동작하도록 지원하는 목적 기본적인 기능 1. 프로그램 실행환경과 DB 접속 기능을 제공한다. 2. 여러개의 트랜잭션(논리적인 작업단위)을 관리한다. 3. 업무를 처리하는 비즈니스 로직을 수행한다. 4. 기본적인 웹서버 기능을 수행한다. 웹서버와의 차이점 WA..

1. 웹서버 웹 서비스를 하는 소프트웨어 or 소프트웨어가 동작하는 컴퓨터 가장 중요한 기능은 클라이언트가 요청하는 HTML 문서나 각종 Resource를 전달하는 것 2. 통신방식 서버와 클라이언트가 통신할때는 HTTP를 사용한다. HTTP는 프로토콜(통신규약)이다. 웹 브라우저가 웹 서버에서 서비스를 요청할때 웹 서버에서는 서비스를 제공한다. EX) 1. 웹 브라우저 크롬으로 네이버에 접속을 할때 www.naver.com이라는 웹 서버에서는 기본 HTML문서를 제공 2. 크롬에서는 화면에 출력하기 위한 데이터를 해석하면서 필요한 CSS, javascript등 리소스를 동시에 요청 3. 네이버에서는 리소스를 제공 4. 브라우저는 리소스를 받아서 동시에 출력(렌더링)한다.