Giter Club home page Giter Club logo

html-css-study's Introduction

HTML-CSS-Study


HTML과 CSS를 공부해야 하는 이유

  • 프론트엔드 개발은 HTML, CSS부터 시작한다
  • 모든 웹개발의 Base of Base
  • 당연히 반응형은 기본중 기본
  • 결국 종합적으로 탄탄한 퍼블리싱 실력을 갖추기 위함
    • 물론 퍼블리셔가 따로 있는 경우도 있지만, 프론트엔드 개발자라면 어느정도는 디자이너가 중 시안을 그대로 구현할 수 있는 실력을 가져야 할 의무가 있다고 생각함

스터디 설명

  • 웹페이지 제작의 기본인 HTML, CSS를 공부하기 위함
  • 초급, 중급, 고급으로 나뉘며 단계별로 또 그 사이에 과제가 첨부됨
    • 과제는 최대한 혼자 해결해볼 수 있어야 할 것
    • 해결이 불가능한 경우엔, 해결하려 노력한 흔적이라도 남길 것(스스로 정당할 정도)
  • 과제 구현 방법
    • 처음부터 마구잡이식 div등의 코드 남발은 지양
    • 먼저 그림부터 그려본다
    • 그린 그림을 가장 효율적으로 만들 수 있는 방법을 생각하고 정리한다
    • 구현한다
    • 구현 후 실패하거나 모자라다고 생각한 부분을 다시 공부한다
    • 다시 공부한 부분에 대해 새 레퍼런스를 보고 직접 구현해본다
    • Notion에 정리

공부한 내용

[HTML/CSS] (https://proud-almanac-29b.notion.site/HTML-CSS-48e5364207fc436d9cc9152c4e927024)

필요한 사전지식

  • 없음
  • 혼자서 직접 해내겠다는 마음가짐

스터디 완료 이후

  • 구글 무료 디자인 시안을 통해 반응형 웹 디자인 연습

    • 모바일 시안만 가지고 데스크탑 시안 만들기(반응형)

    • 데스크탑 시안만 가지고, 모바일 시안 만들기(반응형)

    • 반응형 웹을 더 완벽히 구현할 수 있는 역량 갖추기

      (스터디 완료 후 달에 2개정도 4,5,6월만! 그 이후는 X)

  • JavaScript 스터디 진행

시연 영상

Video Label

Video Label

Video Label

Video Label

html-css-study's People

Contributors

klomachenko avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.