Service
home
WOW Onboarding
home

기초 프론트엔드 스터디 소개

 스터디 소개

스터디 주제
프론트엔드를 한 번도 접해보지 않았던 분들을 위해 준비했어요.
전반부에는 HTML, CSS, JS 를 다루고
후반부에는 프론트엔드의 메인 기술인 React를 다루면서 프론트엔드를 맛보고 앞으로 시작할 수 있도록 기초를 만들어요.
프론트엔드의 장점은 직접 눈에 보인다는 점이에요. 결과물을 직접 보고 성취감을 얻을 수 있도록 아주 조그마한 토이 프로젝트를 기반으로 진행해요.
기초 프론트엔드 스터디의 학습 목표
- 총 8시간의 강의로는 모든걸 알려드릴 수 없어요. 웹 개발의 세계관을 알려드리고 탐험할 수 있게 만들어드리고 싶어요.
- HTML, CSS, JS가 무엇인지 알고 다뤄보는 경험을 할거에요.
- 서버가 보내준 데이터를 받아보면서 웹개발에 대한 입문을 할거에요.
- 프론트엔드의 메인 기술인 React의 탄생 배경과 사용 방법을 알아보고 간단한 프로젝트를 만들어요.
멘토 소개
건축학과를 다니고 있는 김동현입니다.
흥미만으로 코딩을 시작했던 비전공자입니다.
독학으로 시작해서 국비지원을 들어가서 여러 분야를 공부하고 부트캠프도 거쳤어요.
2024-1학기부터 GDSC 코어 멤버로 활동하고 있고 지금은 DevRel 팀장으로 있어요.
독학으로 시작했을 때 알려주면 좋았겠다 싶은 내용을 프론트 스터디에 담았어요.
2024.03 ~ 현재. GDSC Hongik DevRel 팀 코어멤버 (이젠 팀장이에요!)
2023.03 ~ 11. SW 마에스트로 14기 (정말 많은 인사이트를 배웠어요.)
2022.03 ~ 09. 국비지원 수료 (프론트 / 백엔드 / AI / 데이터분석 잡다하게 가르치는…)
2021.09 ~ 03. 휴학 시작 (본격적인 코딩 공부를 시작했어요!)

 스터디 일정

전체 일정
총 8주간 매주 화요일 18시에 오프라인으로 진행됩니다.
(추석 주간에는 스터디가 없습니다.)
시험 기간
10월 13일부터 10월 26일까지 (2주간) 중간고사 준비 기간으로 쉬어갑니다.

기초 프론트엔드 스터디 커리큘럼

커리큘럼 표
기초 프론트엔드 스터디 커리큘럼
Search
주차
난이도
키워드
미리보기
초급
HTML
WEB
Browser
웹과 HTML의 탄생을 알아보고 자주 쓰는 단어들의 의미를 유추해볼거에요. 나만의 페이지를 만들어보며 Tag가 무엇인지 알아볼거에요.
초급
HTML
CSS
Browser
나만의 페이지에 색, 배치를 넣어보며 CSS가 무엇인지 알아볼거에요. id, class로 특별한 Tag를 만들어볼거에요.
초급
HTML
JavaScript
Browser
DOM
프로그래밍 언어인 JS를 사용해서 화면에 변화를 줘볼거에요. JS의 존재 이유와 DOM에 대해서 알아볼거에요.
중급
JavaScript
API
Functional
서버가 보내준 데이터를 받아서 화면에 뿌려보면서 클라이언트와 서버, 프론트와 백엔드에 대해서 알아볼거에요. JS에서 자주 사용하는 문법(map 함수 위주로)에 대해서 알아볼거에요.
오프라인 밋업행사가 진행되요!
중급
NodeJS
React
Component
JSX
NodeJS에 대해서 간략하게 설명하고 React의 탄생 배경, 존재 이유를 알아볼거에요. React 컴포넌트를 만들어볼거에요.
중급
React
State
Props
Props와 State에 대해서 알아보면서 더 컴포넌트 지향적인 설계를 만들어볼거에요. useState라는 훅도 사용해볼거에요.
중급
React
API
Hook
4주차에 사용해본 API를 React에서 사용해볼거에요. useEffect라는 훅을 알려드리면서 useState같은 React 훅의 탄생 배경 / 컴포넌트 생애주기도 짧게 알려드릴게요.
고급
Frontend
Farewell
8주간 무엇을 했고 프론트엔드 개발을 하려면, 또는 백엔드로 넘어가려면 다음 단계에 무엇이 있는지 세계관을 알려드리고 마무리할거에요. farewell.

스터디 진행 방식

출석
매주 진행되는 스터디의 대면강의를 수강하는 것이 출석의 조건입니다.
출석체크는 GDSC Hongik 와우디벨로퍼스가 기획, 개발한 와우클래스로 진행돼요!
공결 처리 : 학교의 공식적인 수업시간과 겹치거나, 학과의 공식 행사에 참여할 경우에만 공결 처리됩니다. 카카오톡 채널로 문의해주세요. (학기당 1회만 공결 인정)
스터디 주간 회고 WIL (Weekly-I-Learned) 작성
매주 배운 것들을 기록하고 공유하는 시간을 가집니다.
과제가 없는 주차라도, WIL은 기본적으로 꼭 작성 후 제출하셔야 합니다.
WIL은 마크다운 형식(md)으로 작성되어야 하며, 아래 형식은 정상적인 미션 WIL 제출로 인정되지 않습니다.
WIL 글자 수 300자 미만
블로그 링크
코어 멤버가 모든 제출기록을 꼼꼼히 확인하므로, 부정제출 및 치팅은 지양해주세요!
자신이 이번 주차에 배운 내용을 깃허브 해당 주차 wil.md에 업로드하여 WIL 작성을 한번에 확인할 수 있도록 합니다.
주차별 미션
강의 종료 이후 매주 미션이 부과됩니다.
주차별 미션의 경우 구현해야 하는 과제 명세와 함께 예제 코드, 참고 레퍼런스가 첨부될 수 있습니다.
주차별 미션에는 기본 요건과 선택 요건이 존재하며, 선택 요건은 자유롭게 수행하면 됩니다.
지각 제출의 경우 받지 않으며, 다음 주차 미션과 함께 제출합니다.
숙제 공지는 디스코드로 나갈 예정이므로, 꼼꼼히 확인해주세요!
과제 제출 방식
이번 학기부터 도입된 와우클래스를 통해서 과제 제출을 진행합니다.
자세한 사항은 아래 가이드라인을 확인해주세요!
과제 치팅 및 불성실 관련 수료 공지
과제 치팅의 경우, 제출한 WIL에 학습 내용과 무관하거나 과할 정도로 성의없이 작성한 내용을 제출한 경우에 해당하며, 불성실 제출의 경우 WIL에 학습 내용을 작성했으나 총 자수가 300자 이하인 경우에 해당합니다. 사안의 심각성에 따라 다음과 같은 패널티가 부과될 수 있습니다.
1) 수료증 미발급 2) 다음 학기 스터디 참여 제한

스터디 규칙

과제 인정 기준
해당 주차의 기한 내에 미션을 제출해야 n주차 과제 제출로 인정됩니다.
해당 주차의 미션은 다음과 같습니다.
= WIL 제출 (기본적인 과제) + 스터디 n주차 미션(멘토 과제) 두 가지 모두 제출해주셔야 하며, WIL은 위에 언급된 규칙을 꼭 지켜주셔야 합니다.
녹화 강의 제공 기준
불가피한 사정으로 출석하지 못했을 때 녹화 강의 링크를 제공해드려요.
녹화 강의는 카카오톡 채널로 요청해주시면 됩니다.
유의 사항
1.
최대 3회까지 제공할 수 있음
2.
영상은 다음 주차 전날 23:59까지 공개를 제한함
질의응답
과제나 스터디에 대해 궁금한 점은 #기초-프론트엔드-스터디에 질문해주세요!
빠른 질문답변을 위해 질문 가이드라인을 작성하였으니 꼭! 읽어주세요.
스터디 수료 기준
스터디 수료의 조건은 출석률 70% 이상입니다.
수료자에게는 공식 수료증이 발급되며, 다음 학기 회비를 할인해 드립니다.
우수 참여자
우수 참여자 선정 기준은 아래와 같습니다.
1.
스터디 출석을 성실하게 했는가?
2.
과제 제출을 성실하게 했는가?
3.
과제 작성이 우수한가?
커뮤니티 및 스터디 활성화에 기여하였는가?
(새로 알게 된 내용을 스터디 채널에 공유하거나, 스터디원들에게 도움이 될만한 질문을 올리는 등의 활동이 스터디 활성화에 해당합니다.)
Q. 커뮤니티 활성도는 우수 참여자 선정에 어떻게 적용되나요?
A. 위 3가지 기준에 따른 점수가 같다면 커뮤니티 활성도가 높은 사람이 우수 스터디원이 됩니다.
우수 참여자의 경우 전체 참여자의 일정 비율만큼 총 2회 (4회차, 8회차) 선발하며, 다음과 같은 혜택을 제공합니다.
소정의 기프티콘 증정
프로젝트 트랙 참여 혜택 (4회차 기준)