본문 바로가기
반응형

[클라이언트]196

[JavaScript] JavaScript 복습시작. JavaScript ▪︎ HTML은 정적이기 때문에 사용자와 상호작용할수 있는, 동적인 웹사이트를 만들기 위해 도입된 언어이다. 정적인 HTML에 javacript를 삽입하여 웹페이지를 동적으로 구성할 수 있다. ▪︎ 기본적으로 javacript는 HTML 위에서 동작하는 언어로, HTML안의 태그 안의 영역에 javacript 언어를 작성한다. ▪︎ php는 서버에서 실행되는 언어, javascript는 클라이언트에서 실행되는 언어로 차이점이 있다. ▪︎ XSS / CSRF 등의 해킹기법을 사용할 때 이용되기도 한다. (쿠키값 확인/변조 등) + 항상 HTML 안에서만 동작 가능한 언어인 것은 아님. + 크롬의 개발자도구 콘솔 기능을 사용하면, 현재 웹 페이지를 기반으로 자바스크립트를 작동할 수 있음... 2020. 9. 23.
[CSS] 반응형 웹 디자인 ▶︎ 반응형 웹 (Responsive Web) 웹 브라우저 화면의 크기변경에 따라 웹 페이지의 각 요소들이 반응해서 동작하게끔 구현한 것. 구현하기 위해서는 Media Query 라는 기능을 이용함. ▪︎ 간단한 예시 style 태그 안에 @media 를 입력한 뒤 괄호 안에 조건을 넣어준다. @media(min-width:300px) 는 min-width, 최소 너비가 300px일때, 즉 화면 너비가 300px보다 클 때를 의미한다. @media(max-width:300px) 는 max-width, 최대 너비가 300px일때, 즉 화면 너비가 300px보다 작을 때를 의미한다. 2020. 9. 22.
[CSS] 웹 페이지 디자인 언어 HTML과 별개의 다른 언어입니다. 사용 방법은 크게 두가지 1. Style 태그 이용. (단일~전체 지정) 인라인 어셈 느낌으로, head 태그 안에서 태그 안에 CSS 코드 작성. ▶︎ 구현 방식 selector { property:value;} selector -> 선택자. 이 웹페이지에 존재하는 ‘무엇’을 지정해줌 (여러개를 콤마로 구분하여 넣어줄 수 있음) property: value -> 지정해줄 속성과 값 selector 위치에 작성한 문자는 기본적으로 태그명으로 인식되고, 선택자는 해당 태그명을 갖는 모든 태그를 선택하는 입장입니다. 이렇게 특정 태그 전체가 아닌, 원하는 부분들만 그룹핑하여 지정하고 싶을 경우에는 class 라는 속성을 사용하면 됩니다. 그룹핑하고 싶은 데이터가 있는 태그.. 2020. 9. 22.
[HTML] HTML 주요 태그 인내심을 갖고 웹을 다시 처음부터 공부한다. 복무 기간동안 웹을 건드리질 않았기에.. ▶︎ 인터넷과 웹의 역사 1960년에 미국에서 인터넷 발명. 1990년에 스위스 유럽입자연구소에서 웹 발명. (info.cern.ch가 최초의 웹사이트) ▶︎ 웹페이지를 만드는 코드 : HTML (HyperText MarkUp Language) 매우 쉽다. ▶︎ HTML 주요 태그 : bold : underline : heading(제목) : 줄바꿈 : paragraph. 단락. 문단. : 이미지 : 리스트, : 마찬가진데 넘버링해줌. (unordered list. ordered list) : 리스트 항목 ul 태그와 li 태그는 함께 붙어다니게 코딩해줘야 한다. : 웹페이지의 제목. 검색엔진의 서칭결과 기준의 비중이 .. 2020. 9. 21.
반응형

티스토리툴바