그치만 HTML은 프로그래밍언어라구욧!

1. 개요

2. 진행

2.1. 강의
2.2. 스터디

3. 자료

1. 개요 ¶

~~고양이요~~

웹 개발 입문자용 스터디

웹 개발의 기초인 HTML&CSS부터 시작합니다.
각 주제에 깊이 공부하는 것이 아닌 프론트엔드와 백엔드의 원리를 배워 웹에 대한 큰 그림을 그리는 것에 초점이 맞춰져 있습니다.
더 깊이 배우고 싶으신 분은 다른 스터디에 참여하시거나 따로 스터디를 만드시는 것을 권장드립니다.
생활코딩(https://opentutorials.org/course/1)을 바탕으로 스터디를 진행합니다.
강의+실습 위주로 진행합니다. 각 코스가 끝났을 때 간단한 개인 프로젝트를 진행합니다.
필요에 의한 학습을 지향합니다.
모든 발표 자료는 GitHub(https://github.com/IamGroooooot/ButHtmlIsProgrammingLang)에 올라옵니다.

2. 진행 ¶

[PNG image (120.77 KB)]

2.1. 강의 ¶

1. HTML

강의 : 생활코딩 WEB1 - HTML&Internet(https://opentutorials.org/course/3084)
- 진도표 : 코딩야학 WEB1 - HTML & Internet 진도표(https://yah.ac/yahac3)

2. CSS

강의 : 생활코딩 WEB2 - CSS(https://opentutorials.org/course/3086)
- 진도표 : 코딩야학 WEB2 - CSS 진도표(https://yah.ac/web2css)

3. JS

강의 : 생활코딩 WEB2 - JavaScript(https://opentutorials.org/course/3085)
- 진도표 : 코딩야학 WEB2 - JavaScript 진도표(https://yah.ac/web2javascript)
강의 : 생활코딩 JavaScript 객체지향 프로그래밍(https://www.youtube.com/watch?v=DHIlPmJUDzk&list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3)
강의 : 노마드 코더 초보자를 위한 바닐라 JavaScript(https://academy.nomadcoders.co/courses/enrolled/435558)
강의 : 노마드 코더 33 Concepts of Javascipt(https://www.youtube.com/playlist?list=PL7jH19IHhOLMmmjrwCi7-dMFVdoU0hhgF)

4. React

강의 : 노마드코더 리액트 처음이시라구요? React JS로 웹 서비스 만들기!(https://www.inflearn.com/course/reactjs-web/)
강의 : 생활코딩 React(https://www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi)

5. JQuery

강의 : 생활코딩 JQuery(https://opentutorials.org/course/53)

6. Node.js

강의 : 생활코딩 WEB2 - Node.js(https://opentutorials.org/course/3332)

7. Express

강의 : 생활코딩 WEB2 - Node.js - Express(https://opentutorials.org/course/3370)

2.2. 스터디 ¶

1. 매주 일주일 스터디 분량을 정해 한 사람씩 PPT 혹은 자료를 만들어와 발표

간단히 키워드 위주로 발표 예정
최대 15분동안 발표
이 시간에 궁금한 것들을 자유롭게 질문

2. 발표자가 일주일 스터디 주제에 해당하는 것에 대한 실습거리를 가지고 와서 실습

여태까지 배운 것 + 일주일 동안 공부한 내용으로 할 수 있는 실습으로 제한
배운 것을 응용하는 것에 초점을 맞춤

3. 각 코스가 끝나면 간단한 프로젝트를 진행

큰 프로젝트가 아닌 지금까지 배웠던 것을 써먹기 위한 간단한 프로젝트
프로젝트 방식은 아직 미정

3. 자료 ¶

Javascript30(https://courses.wesbos.com/account/access/5c852d8f85f96c03c1e38a89) - 30여개의 JS프로젝트
W3S(https://www.w3schools.com/html/html_examples.asp) - HTML, CSS, JS, 서버, XML 튜토리얼 제공
33 JavaScript Concepts KR(https://github.com/yjs03057/33-js-concepts) - 모든 자바스크립트 개발자가 알아야 하는 33가지 개념

4. 참가자 ¶

최대 6명까지 스터디를 진행합니다.

궁금한 사항이 있으시거나 참가를 희망하시는 분은 박소현에게 연락 부탁드립니다!

5. 기록 ¶

날짜	발표자	진행	자료	과제
2019.03.22	고주형	HTML 전체 / Git과 GitHub	PPT(https://github.com/IamGroooooot/ButHtmlIsProgrammingLang/blob/master/html_Juhyeong.pptx)	─
2019.04.01	박소현	CSS 전체 / Udacity - HTML Exercises	문서(https://github.com/CoodingPenguin/web-open-tutorials/blob/master/web2-css/README.md)	구글 홈페이지 클론
2019.04.08	─	저번 주 과제 발표	─	못한 과제 완성해오기
2019.05.06	이호민	JavaScript 전체	─	To-do list 만들어오기
2019.05.13	─	To-do list 만들기	─	─
2019.05.20	─	축제 휴강	─	─
2019.05.27	─	나귀에서 마무리 복습	─	회고 작성

6. 회고 ¶

이름	회고
고주형	Web에 대한 기본적인 구조를 파악하고 Html Css JavaScript Gatsby등 여러가지에 대해 감을 잡을 수 있어서 유익했어요
박소현	Web에 대해서 전체적인 흐름을 볼 수 있어서 좋았습니다! 적어도 이제는 tistory에 있는 html과 css코드를 보고 이해할 수 있게 되었어요. 근데 react나 jquery를 나가지 못해서 아쉽네요. 2학기 때 할 수 있다면 다시 웹 스터디를 열어서 그 이후를 나가고 싶어요! 그리고 스터디를 진행해보니까 의외로 진도 나가기가 버거웠습니다. 다음에는 조금씩 나가는 게 좋을 것 같아요.
이호민	Web의 기초에 대해서 배우고 싶어서 신청하게 되었는데 HTML과 CSS, js에 대해서 배울수 있게 되어서 좋았습니다. 그리고 Gatsby를 이용하여 간단한 페이지 제작도 재미있었습니다. react까지는 나기지 못했지만 여름방학동안 Web에 대해서 스스로 공부할 기반을 다질 수 있게 된 것 같아서 유익했습니다.
최진혁	Web의 기본 구조와 작동 방식을 배우고, Web 내에서 HTML, CSS, JavaScript가 각각 어떠한 역할을 하는지를 배울 수 있었습니다. Web의 소스코드를 보고 이해하거나 직접 간단한 웹페이지를 만들 수 있게 되었습니다. Web에 대해서는 전부터 계속 배워보고 싶었는데 이번 스터디를 통해 이를 이룰 수 있어 좋았습니다.

7. 댓글 ¶

저도 타도 되나요 - 조예진
저도 타도 되나요 - 김정민
저도 타도 되나요 - 이태균
- 조예진, 김정민, 이태균 넹 근데 완전 입문자용이에요. 참가자 확정을 위해서 참가자 목록에 올려주세요! - 박소현
시간 명시 해주세요!
- 이번주내로 정하겠습니다! - 박소현
프로그래밍언어는 아닙니다(단호) - 이민욱
- 그치만..! - 박소현

Contents