☁ 구름(goorm) 풀스택 개발자 성장 과정 2차 스터디 5조 구름기사단의 구름PBL 과제: 넷플릭스 클론코딩입니다.
각 조원의 과제 결과물은 해당 조원 GitHub ID와 동일한 브랜치에서 확인 가능합니다.
구름PBL이란? 전통적인 수동적 수업 방식을 벗이나 학습자가 학습의 주체가 되어 능동적인 학습 활동을 할 수 있도록 설계된 수업을 말하는 것으로 기존의 Problem Based Learning에 Project Based Learning, (Sequential) Progress Based Learning의 의미를 포함하고 있습니다.
- 과제 주제: 넷플릭스 클론코딩
- 과제 기간: 2023.08.14 ~ 2023.08.27(총 14일)
- 개발 기간: 2023.08.14 ~ 2023.08.25(총 12일)
- 과제 목표
- 역할 바꿔서 평소 주로 공부하지 않았던 영역 경험해보기: FE → BE, BE → FE
- FE → BE: java를 사용해 넷플릭스 기능 중 한 가지 구현 후 콘솔창에 출력하기
- BE → FE: html, css, js를 사용해 index 페이지 구현하기
| 프로필 | 역할 | 작업 영역 | |
|---|---|---|---|
 |
문소희(@soheetech) BE → FE |
조장 | html, css, js를 사용해 index 페이지 구현하기 |
 |
박지국(@parkjikuk) FE → BE |
조원 | java를 사용해 넷플릭스 기능 중 한 가지 구현 후 콘솔창에 출력하기 |
 |
이동규(@LEE-Donggyu) BE → FE |
조원 | html, css, js를 사용해 index 페이지 구현하기 |
 |
전민종(@yss1902) BE → FE |
조원 | html, css, js를 사용해 index 페이지 구현하기 |
 |
한세라(@hansera) FE → BE |
조원 | java를 사용해 넷플릭스 기능 중 한 가지 구현 후 콘솔창에 출력하기 |
-
박지국(@parkjikuk)
-
한세라(@hansera)
- 좋았어요(Keep)
문소희: js를 사용할 수 있어 좋았다.박지국: 클래스, 상속, 다형성 등 객체 지향 프로그래밍에 대해서 이해할 수 있던 시간이였다.이동규: 다양한 css배치를 통해 css에 대한 관심이 더 생겼다.전민종: 익숙하지 않은 HTML, CSS를 조금 더 다룰 수 있었다. 실제 홈페이지를 대상으로 퍼블리싱을 진행한 점이 좋았다.한세라: 자바 기초를 알 수 있어서 좋았어요.
- 발생문제(Problem)
문소희: faq dropdown 기능을 js로 구현하는 과정에서 질문을 클릭했을 때 기존에 열려있던 질문이 닫히도록 구현하지 못했다.박지국: 인텔리제이나 이클립스 사용법에 익숙하지 않아서 깃 계정 연동같은 문제로 조금 해맸다.이동규: 바탕 이미지의 명암이 제대로 들어가지 못 했다. 동영상 위에 이미지가 들어가는 경우 배치하는 작업이 어려웠다.전민종: 이메일 입력 인풋창을 투명으로 설정하는 transparent의 설정이 제대로 되지 않았다.한세라: 코드 짜는 것에 어려움이 있었다.
- 해결방법(Try)
문소희: js 공부 부족의 문제로 구현 자체는 jquery로 구현하는 방법과 크게 다르지 않을 것 같다. js 공부에 시간을 좀 더 투자해야겠다.박지국: 깃 허브 토큰을 생성해 문제를 해결했다.이동규: 크롬의 개발자 도구를 통해 해결하고자 했다. 팀장님께 질문하고 해결방법을 들었으며 해결했다.전민종: 임시방편으로!important를 사용하였다. 부모, 자식 관계에서 문제가 생긴 것으로 확인되어서 그 부분을 처리하였다.한세라: 검색해서 해결했다.