듀의 자료저장소

웹사이트에 이미지를 넣을 때는 GIF와 JPEG, PNG파일이 가능하다. 1. GIF는 최대색상수가 256가지 (파일 크기가 대체로 작은 편이다) 2. JPEG 저장을 반복하다 보면, 화질이 떨어질 수 있다 3. PNG 투명한 배경을 만들 수 있다. [alt] : 이미지를 표시할 수 없을 때, 대체 텍스트가 나온다. 화면낭독기(기계에서 시각장애인들을 위해) 가 대체 텍스트를 읽어준다. → 이 기능이 빠지면, 웹 접근성 표준에 통과할 수 없다. **이미지 삽입시 alt 속성으로 대체텍스트를 반드시 넣어야 한다.

카테고리 없음 2021. 6. 3. 18:25

[반응형 웹] 사용자 디바이스에 맞춰서 대응하는 하나의 웹 문서이다. (html 문서, 하나를 사용) 브라우저의 크기에 실시간으로 반응하여, 크기에 따라 레이아웃이 자동으로 변하는 웹이다. - 도메인도 하나를 사용, m.naver.com을 모바일에 원래 쓰는데, 반응형 웹으로 제작하면 도메인도 그냥 하나만 쓴다. 해상도에 따라서, 자동으로 움직인다. [반응형 웹이 등장한 이유] 모바일 only시대가 되면서, 웹 기획은 모바일이 핵심이 되었다. 새로운 기기의 해상도를 지원해야 하는데, 다양한 제조사의 디바이스에 맞춰서 동일한 정보를 최적화한 화면으로 보이기 위해 생겨났다. → 하나의 html문서로, 다양한 디바이스에서 최적화된 화면을 보여주는 장점이 있다.

IT 공부/기획공부, 트렌드 분석 2021. 6. 3. 17:32

출처: 《Do it! HTML5+CSS3 웹 표준의 정석 - 개정판》 07 - 폼과 input 태그 저자 직강 을 만들 때, 형태를 만드는 것은 html태그를 이용한다. 정보를 저장, 검색, 수정하는 일은 서버 프로그래밍을 써야 한다. →웹서버에서 오는 반응은 ASP나 PHP 이용. 브라우저창에 원하는 정보를 입력하는 것까지는 HTML로 구현. 그 정보를 서버로 넘겨주는 것은 이제 서버 프로그래밍의 영역이다. method와 action 속성이 핵심이다. [method] ① get: 서버 쪽으로 넘길 수 있는 글자 수에 제한 있음. 주소표시줄에 유저가 입력한 내용이 그대로 드러난다. →유저가 입력할 검색어가 길지 않음 →주소표시줄에 정보가 노출되어도 문제 없음. ② post: 아이디와 비번을 입력했을 때 ..

IT 공부/프론트엔드(Front-end) 2021. 6. 2. 21:12

1990년 웹의 아버지라 불리는 '팀 버너스리'가 웹브라우저를 HTML문서로 연결했다. web 1.0 시대에는 디렉토리 검색이 처음으로 나왔다. 사용자가 체계적인 카테고리를 통해, 자료 검색하는 구조인데 대표적인 사이트가 바로 야후! 이때 웹마스터라는 직업이 있었다. web 2.0 시대에는 사용자가 직접 데이터를 생산하고 참여가 가능해졌다. 메일이나 이런 것들로 자유롭게 주고받기가 가능! 이때까지만 해도 pc가 중심이 되었다. web 3.0 시대부터는 데이터를 수집하고 쌓아놓고 모으는 게 가능해졌다. 콘텐츠와 데이터 생산량이 늘어나니까, 이걸 분석하는 시스템이 생겨났다. 유저에게 맞춤형 (큐레이션해주는) 서비스를 제공하는 지능형 웹이 발달했다. → web 2.0~3.0 : 웹이 활성화 되는 시기 web ..

IT 공부/기획공부, 트렌드 분석 2021. 5. 30. 13:00

웹(web)의 개념: 텍스트와 이미지, 영상, 소리등을 포함한 멀티미디어 정보를 하이퍼텍스트 방식으로 연결해서 제공한다. HTML 언어로 작성된 문서를 HTTP라는 프로토콜을 사용해, 누구나 검색하고 접근 가능하다. [웹의 구성 요소] 1. 월드 와이드 웹(www): 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 2. 인터넷이 필요하다. http 프로토콜을 이용해, 정보를 주고받는 컴퓨터 네트워크 3. 네트워크 연결가능 컴퓨터와 컴퓨터를 연결해주는 네트워크 개념. 네이버(naver)와 서버(server)를 연결해준다. 4. HTTP 웹 서버와 클라이언트(내 PC) 간에 통신을 하기 위한 통신 규약 예전에는 http를 쓰지 않으면 접속이 안되는 시절도 있었다. 프로토콜이 있어야..

IT 공부/기획공부, 트렌드 분석 2021. 5. 30. 11:19

오늘은 서비스기획자의 핵심 역량은 무엇인지, 기획에 어떤 분야들이 세부적으로 있는지 강의를 들었다. 1. 왜 (Why) 기획자는 항상 호기심을 가져야 한다. 왜 이것을 해오라하는지, 스스로 항상 의문을 품어야 한다. 그래야만 디자인이 잘못됐는지, 개발이 틀어졌는지 문제를 찾을 수 있기 때문이다. 질문하고, 궁금해하는 태도를 두려워하지말고 많이 해야 한다. 2. 목표(Goal) 문제점이 발생했고, 그것을 해결하기 위한 것이 기획이다. 기획자는 목표에 대해서 흔들림이 없이 목표를 향해서 나아가야 한다. 그래서 goal이 명확해야하고, 본질을 잊지 않은 상태에서 프로젝트를 수행해야 한다. 3. 무엇(What) 무엇이 변화되어야 이 문제가 해결되는지 곰곰히 생각해봐야한다. 4. 컨셉(Concept) 기획자의 참..

IT 공부/기획공부, 트렌드 분석 2021. 5. 28. 19:28

패스트캠퍼스에 서비스기획 완주반 60일 과정이 생겨서 들어보기로 했다. 강사님의 경력이 흥미로워서 먼저 기획이란 무엇인가에 대해 정의하기 전에, 서비스기획자의 진로 겸 정리해보려고 한다. 콘텐츠 기획(1년 6개월) → 웹 디자인 및 웹 기획 학원 수강 후, 잡지사에서 웹 기획 ↓ 대기업에서 서비스 기획/ 제휴 마케팅 (6년) ↓ 프리랜서 활동 후 웹에이전시로 넘어와, 서비스 기획과 마케팅. (수많은 프로젝트 실행) ↓ 회사운영 + 대학교/패캠/기업대상 웹/서비스/플랫폼/ 프로젝트 기획에 관한 강의 취준생 뿐만 아니라 주니어 기획자, 마케터, 개발자, 디자이너들이 역량을 업그레이드 하기 위해 수강을 한다고 한다. 기획이란 무엇인가? 강의에서 이 책을 추천해주셨다. [기획의 3요소] -planning(기획)..

IT 공부/기획공부, 트렌드 분석 2021. 5. 25. 12:28

1. type="number" 2. type="range" 3. type="radio", "checkbox" 4. type="color" 5. type="date","month","week"

카테고리 없음 2021. 5. 19. 07:00