Git

FoS-Focus-on-Study/Focus_on_Study

WorkSpace

https://www.notion.so/FoS-WORKSPACE-826ba1d8165a453897d4e40ca174a63d

Info

• FoS === Focus on Study
• 일단 결론적으로 마무리짓지 못한 프로젝트.
• 혼자서 공부하는 것을 도와주는 웹페이지. 개인 To Do List를 작성하고 타이머를 지정해 공부한 시간, 쉬는 시간 등을 측정할 수 있으며 통계를 낼 수 있다.
• 다른 사람들과도 함께 공부할 수 있다. webRTC를 이용해 서로 라이브방송을 진행하며 서로 공부하는 모습을 지켜보며 동기부여를 할 수 있다.

My job

• 전체적인 HTML 및 CSS 만지기(색 및 꾸밈효과)
• 간단한 동작(tap-menu, toggle 등)을 js로 구현
• 배경 및 버튼 등 디자인적 요소 손으로 그리고 포토샵작업

Images

• 메인(로그인), 회원가입
• 공부 페이지

What I learned

• CSS로 내가 원하는 모양을 만드는 방법 (flexbox 등 이용)
• 다양한 HTML 태그 (nav, section 등)와 속성(dataset 등)
• js로 유동적인 웹 만들기