GithubHelp home page GithubHelp logo

krkd.eco.coding's Introduction

krkd.eco.coding

크리킨디-컴퓨터사이언스

9/8, 16시 부터 ~ 19시 까지

첫날은 컴퓨터 과학에 전체적인 흐름을 살펴보고 버전관리를 통해 정보를 어떻게 구조화하고 여러사람들이 어떻게 협업하는지에 대하여 연습할 예정입니다. 그리고 학생들이 가져온 간단한 웹사이트 기획을 서로 공유하는 시간을 가져 참여자들의 자신만의 문제를 도출하는데 도움을 줄 예정입니다. 마지막으로 생활코딩 웨WEB1의 중요한 내용을 복기하고 궁금했던 내용에 대하요 질의 하는 시간을 가질 예정입니다.

1교시 : 클래스 안내, 역사와 철학의 시간

  • 시청각(이미테이션 게임)
  • 컴퓨터 과학의 전체적인 모습을 파악
  • 코딩의 힘에 대하여 생각해보기
  • 0과1의 의미가 무엇인지
  • (0과 1로 정보를 각자 자신만의 정보를 담기)
  • 기계와 우리와 인간의 대화 (프로그래밍 언어 / 컴파일러)
  • (기계어 – 어셈블리어 – 저급언어 - 고급언어 – 인간의 언어에 대하여 생각
  • 식사하는 철학자 (운영체제)
  • 우리들의 약속 (통신과 프로토콜)
  • 점과 점들의 만남들(컴퓨터 과학이 쓰이는 부분)

2교시 : 연습시간

  • 각자 작성한 웹사이트 기획서 공유하기
  • 하나의 문서를 동시에 여러명이 편집해보기
  • 버전관리과 왜 필요하고 효용
  • Git 의 기본 기능 배우기
  • Git 과 Github를 통해 문서를 공유해보기
  • 마크다운 배우기
  • Github에 HTML 페이지 퍼브리싱 하기

9/15, 16시 부터 19시 까지

0과 1의 의미를 생각해보면서 현대의 컴퓨터가 발전하게 되는 역사와 그 성과를 이룬 인물을 살펴보면서 컴퓨터 구현의 원천 생각을 살펴본다. 컴퓨터과학을 보는 새로운 눈을 갖기. HTML과 핵심을 살펴보고 CSS의 구조와 선택자를 이해하고 연습해보고 Git를 이용하여 헙업하는 법을 체험해본다.

1교시 : 역사와 철학의 시간

  • 0과 1의 의미(논리회로/컴퓨터구조)
  • 0과 1에서 출발해서 컴퓨터가 탄생하기 까지

2교시 : 연습시간

  • 기본 HTML과 CSS 강의 살펴보기
  • CSS 구조와 동작 원리 파악
  • CSS 선택자를 활용하여 정보를 꾸미기
  • 선택자 게임 – 연습해보기 ( https://flukeout.github.io/ )
  • Git branch 배우기
  • GitHub pull request 하기(협업하기)

9/22 16 시 부터 19시 까지

컴퓨터의 탄생과정을 복기해보고 토론해보면서 컴퓨터의 핵심원리를 생각해보는 시간을 가질 것 입니다. CSS 선택자 게임을 통해 CSS 선택자를 이해하고 웹페이지를 레이아웃을 하기 위한 이해하고 있어야 하는 인라인과 블럭레벨, 박스모델을 이해하고 연습한다.

1교시 : 역사와 철학의 시간

  • 0과 1의 의미(논리회로/컴퓨터구조)의 철학에 대하여 복기/토론
  • 기계와 우리의 대화(프로그래밍/컴파일러)
  • 프로그램밍의 핵심개념 (변수, 제어문, 함수, 프로그램밍패러다임)

2교시 : 연습시간

  • CSS 선택자 복기
  • CSS 선택자 게임해보기
  • CSS 인라인 VS 블럭레벨 이해하기
  • CSS 박스모델 이해하기
  • 레이아웃 도전해보기
  • Github pull / request 하기

9/29 16 시 부터 19시 까지

프로그래밍이 무엇인지 복기하고 토론하므로서 프로그램밍의 핵심원리를 생각해보고 식사하는 철학자를 통해서 운영체제가 무엇인지 생각해보고 역사를 살펴본다. 추상화가 무언인고 엔지니어 분야에서 어떻게 활용하는지 살펴본다. CSS 레이아웃의 연장에서 그리드 기능과 마진겹칩 문제를 해결하는 연습을 한다. 자신이 만든 아이덴티티를 담아서 도메인을 구매하고 github page 를 연습한다.

1교시 : 역사와 철학의 시간

  • 0과 1의 의미(논리회로/컴퓨터구조)의 철학에 대하여 복기/토론
  • 기계와 우리의 대화(프로그래밍/컴파일러)에 대하여 복기/토론
  • 컴퓨터 프로그래밍이 무엇인지 대하여 토론
  • 식사하는 철학자(운영체제)
  • 추상화 계층구조란 무엇인가

2교시 : 연습시간

  • 동료들이 레이아웃하는 방식에 대하여 코드 리뷰
  • 도메인 구매하기
  • Github Page 도메인 연결하기
  • CSS 마진겹칩 현상 연습하기
  • CSS 그리드 기능
  • 프로그래밍적인 문제를 질문하는 법 연습하기

10/13 16 시 부터 19시 까지

10월 첫주는 깃허브를 통하여 온라인으로 통하여 프로젝트를 진행하고 통신과 프로토콜의 역사를 살펴보고 인터넷의 역사와 웹에 대하여 이해하고 토론한다. 기본적인 CSS 기능을 이용하여 반응형디자인을 연습하고 CSS의 실용적인 접근을 해본다.

1교시 : 역사와 철학의 시간

  • 우리들의 약속 (통신과 프로토콜)
  • 통신과 프로토콜의 인터넷의 역사와 웹에 대하여 이해하고 토론
  • 프로토콜 정의 해보기

2교시 : 연습시간

  • Github를 통하여 동료의 코드 리뷰하고 코멘트 주는 연습
  • DNS 원리 이해하고 DNS 설정하기
  • CSS 포지션, 다단해 구현 연습하기
  • CSS 반응형디자인 미디어쿼리 연습하기
  • CSS 코드의 재사용 연습하기
  • CSS 고급 – UI 라이브러리 사용하기 ( Semantic UI )

10/27 16 시 부터 19시 까지

마지막시간은 컴퓨터과학의 활용에 대하여 토론하는 시간을 갖고 각 분야에서 어떻게 융합이 되지는에 대하여 토론한다. 그리고 학생들이 설정한 프로젝트의 결과물을 공유하고 문제해결을 하는 과정을 공유하는 시간을 가질 예정이다.

1교시 : 역사와 철학의 시간

  • 점과 점들의 만남들
  • 컴퓨터 과학이 쓰이는 분야들에 대하여 토론

2교시 : 연습시간

  • 완성한 웹사이트와 기획 의도 공유
  • 스스로 문제 해결한 사례들에 대하여 토론

krkd.eco.coding's People

Contributors

happydeveloper 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.