[[TableOfContents]] == 개요 == ~~고양이요~~ 웹 개발 입문자용 스터디 * 웹 개발의 기초인 '''HTML&CSS'''부터 시작합니다. * 각 주제에 깊이 공부하는 것이 아닌 프론트엔드와 백엔드의 원리를 배워 '''웹에 대한 큰 그림'''을 그리는 것에 초점이 맞춰져 있습니다. * 더 깊이 배우고 싶으신 분은 다른 스터디에 참여하시거나 따로 스터디를 만드시는 것을 권장드립니다. * [https://opentutorials.org/course/1 생활코딩]을 바탕으로 스터디를 진행합니다. * '''강의+실습 위주'''로 진행합니다. 각 코스가 끝났을 때 '''간단한 개인 프로젝트'''를 진행합니다. * '''필요에 의한 학습'''을 지향합니다. * 모든 발표 자료는 [https://github.com/IamGroooooot/ButHtmlIsProgrammingLang GitHub]에 올라옵니다. == 진행 == attachment:curriculum_final3.png?width=800 === 강의 === '''1. HTML''' * 강의 : 생활코딩 WEB1 - [https://opentutorials.org/course/3084 HTML&Internet] * 진도표 : 코딩야학 WEB1 - HTML & Internet [https://yah.ac/yahac3 진도표] '''2. CSS''' * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3086 CSS] * 진도표 : 코딩야학 WEB2 - CSS [https://yah.ac/web2css 진도표] '''3. JS''' * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3085 JavaScript] * 진도표 : 코딩야학 WEB2 - JavaScript [https://yah.ac/web2javascript 진도표] * 강의 : 생활코딩 [https://www.youtube.com/watch?v=DHIlPmJUDzk&list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3 JavaScript 객체지향 프로그래밍] * 강의 : 노마드 코더 [https://academy.nomadcoders.co/courses/enrolled/435558 초보자를 위한 바닐라 JavaScript] * 강의 : 노마드 코더 [https://www.youtube.com/playlist?list=PL7jH19IHhOLMmmjrwCi7-dMFVdoU0hhgF 33 Concepts of Javascipt] '''4. React''' * 강의 : 노마드코더 [https://www.inflearn.com/course/reactjs-web/ 리액트 처음이시라구요? React JS로 웹 서비스 만들기!] * 강의 : 생활코딩 [https://www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React] '''5. JQuery''' * 강의 : 생활코딩 [https://opentutorials.org/course/53 JQuery] '''6. Node.js''' * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3332 Node.js] '''7. Express''' * 강의 : 생활코딩 WEB2 - Node.js - [https://opentutorials.org/course/3370 Express] === 스터디 === '''1. 매주 일주일 스터디 분량을 정해 한 사람씩 PPT 혹은 자료를 만들어와 발표''' * 간단히 키워드 위주로 발표 예정 * 최대 15분동안 발표 * 이 시간에 궁금한 것들을 자유롭게 질문 '''2. 발표자가 일주일 스터디 주제에 해당하는 것에 대한 실습거리를 가지고 와서 실습''' * 여태까지 배운 것 + 일주일 동안 공부한 내용으로 할 수 있는 실습으로 제한 * 배운 것을 응용하는 것에 초점을 맞춤 '''3. 각 코스가 끝나면 간단한 프로젝트를 진행''' * 큰 프로젝트가 아닌 지금까지 배웠던 것을 써먹기 위한 간단한 프로젝트 * 프로젝트 방식은 아직 미정 == 자료 == * [https://courses.wesbos.com/account/access/5c852d8f85f96c03c1e38a89 Javascript30] - 30여개의 JS프로젝트 * [https://www.w3schools.com/html/html_examples.asp W3S] - HTML, CSS, JS, 서버, XML 튜토리얼 제공 * [https://github.com/yjs03057/33-js-concepts 33 JavaScript Concepts KR] - 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 == 참가자 == * [고주형] * [박소현] * [이호민] * [조예진] * [최진혁] > 최대 6명까지 스터디를 진행합니다. > 궁금한 사항이 있으시거나 참가를 희망하시는 분은 '''[박소현]'''에게 연락 부탁드립니다! == 기록 == || 날짜 || 발표자 || 진행 || 자료 || 과제 || || 2019.03.22 || [고주형] || HTML 전체 / Git과 GitHub || [https://github.com/IamGroooooot/ButHtmlIsProgrammingLang/blob/master/html_Juhyeong.pptx PPT] || ─ || || 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 || ─ || 나귀에서 마무리 복습 || ─ || 회고 작성 || == 회고 == || 이름 || 회고 || || [고주형] ||Web에 대한 기본적인 구조를 파악하고 Html Css JavaScript Gatsby등 여러가지에 대해 감을 잡을 수 있어서 유익했어요 || || [박소현] ||Web에 대해서 전체적인 흐름을 볼 수 있어서 좋았습니다! 적어도 이제는 tistory에 있는 html과 css코드를 보고 이해할 수 있게 되었어요. 근데 react나 jquery를 나가지 못해서 아쉽네요. 2학기 때 할 수 있다면 다시 웹 스터디를 열어서 그 이후를 나가고 싶어요! 그리고 스터디를 진행해보니까 의외로 진도 나가기가 버거웠습니다. 다음에는 조금씩 나가는 게 좋을 것 같아요. || || [이호민] ||Web의 기초에 대해서 배우고 싶어서 신청하게 되었는데 HTML과 CSS, js에 대해서 배울수 있게 되어서 좋았습니다. 그리고 Gatsby를 이용하여 간단한 페이지 제작도 재미있었습니다. react까지는 나기지 못했지만 여름방학동안 Web에 대해서 스스로 공부할 기반을 다질 수 있게 된 것 같아서 유익했습니다. || || [최진혁] || || == 댓글 == * 저도 타도 되나요 - [조예진] * 저도 타도 되나요 - [김정민] * 저도 타도 되나요 - [이태균] * [조예진], [김정민], [이태균] 넹 근데 완전 입문자용이에요. 참가자 확정을 위해서 참가자 목록에 올려주세요! - [박소현] * 시간 명시 해주세요! * 이번주내로 정하겠습니다! - [박소현] * 프로그래밍언어는 아닙니다(단호) - [이민욱] * 그치만..! - [박소현]