TIL

박영웅 강사님의 첫수업.

조언

과제를 수행하는 것이 중요하고, html, css, javascript는 꾸준히 공부하는 것이 중요하다.

첫번째 과제는 클론 코딩 첫 과제인 만큼 어떤 식으로 해야하는 것이 좋을 지 조언함

애플 같은 화려한 사이트 보다는 레이아웃이 많은 사이트를 선택하는 것이 좋다.

node.js 는 컴퓨팅 환경을 제어하는 것.

내가 배우는 것 은 JavaScript 문법이지만 런타임은 2가지이다.

  • 브라우저
  • node.js

브라우저에서 작동하는 내용을 node.js에서도 작동할 수있게 내용을 작성하는것이 목표!

사이트의 레이아웃을 클론코딩하는 연습을 통해서 html과 css 실력을 늘려라.


클론 코딩과제 계획

나는 https://www.flaticon.com/ 메인화면을 클론 코딩을 진행하기로 함


질문으로 들어온 image Sprite 개념

여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 이미지

  • 페이지에 이미지가 사용될 경우 해당 이미지를 다운받기 위해 웹 브라우저는 서버에 이미지를 요청한다

  • 이미지가 많을 경우 웹 브라우저는 서버에 해당 이미지의 수만큼 요청해야만 하므로 웹 페이지의 로딩 시간이 오래 걸리게 된다

  • 이미지 스프라이트(image sprite)를 사용하면 이미지를 다운받기 위한 서버 요청을 단 몇 번으로 줄일 수 있게 되고 그만큼 로딩 시간을 절약해주는 것이다.

출처 http://www.tcpschool.com/css/css_basic_imageSprites

profile
개발자 꿈나무

0개의 댓글