본문 바로가기

반응형

(3)
[생활코딩] WEB2 CSS- 미디어쿼리 반응형 웹 반응형 디자인 Responsive Web! 수많은 형태의 화면에서 동작해야하는데, 그래서 여러가지 화면에 대응되는 웹페이지를 만들기 위해 고려해야한다. 다양한 환경에서 적응할 수 있는 이 기술들을 발전시킨 끝에, '반응형 디자인'이라는 최신 흐름까지 나타나게 된 것이다! 화면의 크기에 따라서 웹 페이지의 각 요소들이 반응해서 동작하게 되는 것이 바로 반응형 디자인이다. 이 반응형 디자인을 순수한 웹, CSS에서 구현하는, '미디어 쿼리'를 배워보겠다. 일단 이렇게 기본 세팅을 해놓고, 화면의 크기가 800px을 기점으로 반응형으로 변하게 해보는 것이다. @media() 라는 미디어 쿼리라는 표시를 해주고, ( ) 안에 '~일때'라는 값을 지정해준다. "화면의 width가 800px 이상일 때 ..
[생활코딩] WEB1_22강, 부록 (HTML_동영상 삽입, 댓글 기능, 채팅 기능 추가하기) 이제 WEB1을 중심으로, 필요한 것에 따라 WEB2의 다양한 과정들을 이수하면 된다! 이에 앞서서, WEB1 부록 영상들을 간단히 메모하고 넘어가겠다. 1) 동영상 삽입하기 유튜브에서 '공유하기'를 누르면, 다음의 모습이 뜬다. 이때 저 '퍼가기'를 누르면, 다음의 소스코드를 얻을 수 있다. 우리는 이 동영상을 삽입하는 태그라는 것을 유추할 수 있다. html에 를 걸어, 그 안에 iframe 코드를 복사해 붙여넣기 하면, 동영상을 띄울 수 있다! 2. 댓글 기능 개발 직접하기 전에, 직접 구현하지 않고도 남이 만든 댓글 기능을 우리 웹사이트에 포함시킬 수 있다! Disqus를 이용하는 것이다. https://disqus.com/ https://disqus.com/ disqus.com 회원가입을 하고,..
[생활코딩] WEB1-HTML&Internet 16강,17강, 18강 (웹과 인터넷, 웹서버, 웹호스팅) WEB1-16.원시웹 WEB의 본질? 정보 기술에 대한 관점 포인트를 넓혀보자! 인터넷과 WEB과 같은 혁명적인 무언가를 만들기 위해서는, 이것들의 탄생과 소멸에 대해 알아야 한다! Internet vs WEB? 인터넷이 도시라면, 웹은 건물 하나 인터넷이 운영체제라면, 웹은 그 운영체제 위에 있는 프로그램 하나라고 할 수 있다. 웹의 메소포타이마에 왔다. 인터넷이 등장한 1960년 이래로, 엘리트들만의 시스템이었던 인터넷이, 1990년 web을 만나면서 드디어 대중화의 길을 겪게 된다. 인터넷이 갖고 있는 잠재력을 제대로 사용한 시스템이 많지 않았는데, WEB이 등장하면서 인터넷의 잠자고 있던 가능성을 제대로 깨우는 정보 시스템이 등장한 것이다. 이렇게 웹과 인터넷은 함께 결합해서 폭발적인 성장을 하게..

728x90
반응형