mell-eun71

* Flex : 유동적인 레이아웃을 손쉽게 만들기 위한 속성. 정렬태그 대신 사용 가능하다. 요소의 크기가 불분명하거나 동적인 경우에도 사용 가능. 1) justify-content : 요소를 가로선상에서 정렬해줌 (수직) 속성 기능 flex-start 요소를 컨테이너의 왼쪽에 정렬해줌 flex-end 요소를 컨테이너의 오른쪽에 정렬해줌 center 요소를 컨테이너의 중앙에 정렬해줌 space-around 요소들 사이에 동일한 간격을 줌 space-between 요소들 주변에 동일한 간격을 줌 2) align-items : 요소를 가로선상에서 정렬해줌 (수직) 속성 기능 flex-start 요소를 컨테이너의 왼쪽에 정렬해줌 flex-end 요소를 컨테이너의 오른쪽에 정렬해줌 center 요소를 컨테이너의..

와이어 프레임과 스토리보드란? 와이어 프레임 (wireframe) - 설계도- 웹, 앱 플로젝트를 진행할때 필요한 설계도 - 디자인 들어가기전 선(Wire)을 이용해 윤곽(Frame)을 잡는 것/ 정리하여 한눈에 표현해주는 툴 - 의사소통을 위해 관계자들과 레이아웃을 협의 하거나 서비스의 간략한 흐름을 공유 하기 위해 사용하며 UL,UX 설계에 집중되어있다. - 툴 : 손그림 , 파워포인트, 키노트, 스테치 , 일러스트, 포토샵 등 스토리보드(storyboard) - 개발의 설계도-구조도/ 작업의 지침서 - 구성의 전체적인 흐름과 더불어 텍스트와 모든 구성들이 어떻게 조합되어 보여지게 될것인지의 세부적이고 구체적인 사항들이 모두 담기게 됩니다. - 스토리보드는 정확하고 상세하여야 하며, 제대로 된 스토리..

자바스크립트란? - 웹을 풍부하게 만들어주는 작고 가벼운 언어이다. - 웹페이지와 상호작용을 하도록 만들어진 스크립트 언어이다. - 작고 빠르기 때문에 웹문서를 동적으로 꾸밀 때 가장 널리 쓰인다. - 웹에 특화된 기술이기 때문에 운영체제나 플랫폼에 상관없이 잘 작동되고 확장성도 높다. 장점 - 빠른 개발이 가능하며, 배우기가 쉽다. (왜냐하면 자바스크립트는 인터프리터 언어여서, 모든 인터프리터 언어의 장점인 배우기 쉽다는 점이 자바스크립트에도 그대로 적용되기 때문이다. 그리고 컴파일 언어처럼 중간 단계인 컴파일(Compile), 링크(Link)과정이 필요가 없기 때문에 즉시 실행(Execute)이 가능하다. ) [프로그래밍 언어는 각자의 언어에 맞게 실행된다. 이 때, 프로그래밍 언어를 기계가 이해할 ..

● URL 인터넷을 서핑할 때 주로 입력하는 '주소'는 도메인(naver.com)이나 IP 주소(예:222.122.195.6)인데, 이는 어디까지나 해당 인터넷 서비스를 제공하고 있는 컴퓨터(예: 서버)의 위치를 나타내는 것이며, 해당 서비스를 제공하는 컴퓨터의 특정 정보 자원을 지칭하는 것이 아니기 때문이다. URL은 인터넷 도메인 이름이나 IP 주소는 물론, 이메일, 파일 전송과 같이 컴퓨터 네트워크 정보 자원을 이용하는 모든 형태에 적용된다. ● 도메인 요약 숫자로 이루어진 인터넷상의 컴퓨터 주소를 알기 쉬운 영문으로 표현한 것을 말한다. 시스템, 조직, 조직의 종류, 국가 이름 순으로 구분된다. 인터넷상의 컴퓨터 주소를 알기 쉬운 영문으로 표현한 것으로 도메인은 네트워크를 관리하기 위한 영역이다...

● 크로스 브라우징 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 (동등성) 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말한다. 또한, 지원할 수 없는 다른 웹 브라우저를 위한 장치를 구현하여 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것이다. ● 벤더 프리픽스 세계적인 웹 브라우저 (익스플로러, 크롬, 파이어폭스, 사파리, 오페라) 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미한다. 즉, 아직 CSS 권고안에 포함되지 못한 기능이나, ..

프론트 엔드(Front-End) - 우리가 모니터를 통해 보고 있는 화면을 구성하는 것 (레이아웃, 텍스트, 컬러, 그림 등)들 - 백엔드 개발자가 만든 집의 내부 디자인 담당 프론트엔드를 개발하기 위해 요구되는 기술 - HTML : 웹페이지의 뼈대(전체적인 틀)를 구성 - CSS : HTML로 작업된 웹페이지에 디자인적인 부분(컬러나 폰트 등)을 담당 - JavaScript : 정적인 웹페이지를 동적으로 만들어줌 프론트엔드 구성 - UX Designer : 사용자에게 최상의 편리함을 제공하기 위한 사이트의 구성 및 기능 담당 - Web Deginer : UX Designer가 구성한 것을 토대로 디자인을 입히는 역할 - Front-End developer : 위의 디자인을 웹 어플리케이션으로 구현 프론..

웹은 인터넷과 같은의미로 사용되지만 실은 다른개념이다. - 인터넷(Internet): 컴퓨터로 연결하여 TCI/IP라는 통신프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크 - 월드 와이드 웹(World Wide Web): 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보공간. 간단히 줄여서 웹(Web)이라 한다. 웹은 클라이언트가 웹사이트의 주소와 페이지를 요청했을때 웹페이지의 URL 을 기반으로 연관서비스를 제공하는 서버를 찾고, 서버는 요청에 따른 따른 웹페이지의 HTML을 응답하면서 HTTP를 토대로 전송해준다. 결국 웹은 전자메일이나 파일전송과 같은 인터넷상에 동작하는 하나의 서비스일 뿐인것이다.

* 웹 브라우저란 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어. 웹페이지를 가져올 뿐만 아니라 웹 서버에 정보를 송신하기도 함. (대부분의 웹 서버가 사용하는 HTTP로 통신한다.) - 웹 페이지의 파일포맷은 보통 HTML이 쓰이며 대부분의 브라우저는 HTML 외에도 JPEG, PNG, GIF 이미지 포맷들을 지원하며, 그밖에도 플러그인을 통해 확장할 수 있다. - 웹 브라우저의 기능 > 주 역할 : 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것. > 검색 기능 - 페이지 보기/이동, 편집 등이 가능함 > 전자우편 기능 - 전자우편 작성, 송/수신 , 우편함 관리 또는 설정 가능 > 뉴스 기능 - 뉴스서버로부터 전송 받은 기사..