안녕하세요
안녕하세요! 프론트엔드 찍먹 스터디 멘토 박유빈입니다
어느덧 프론트엔드 찍먹 스터디도 5주차에 접어들었네요!
이번 주에는 익숙하게 사용하던 서비스의 화면을 지금까지 배운 프론트엔드 개념으로 함께 뜯어봅니다.
5주차 - Frontend 뜯어보기
지난 시간에는 Event와 State를 통해 사용자의 행동에 따라 화면이 달라지는 과정을 살펴봤어요.
그렇다면 좋아요 버튼 하나에서 시선을 넓혀, 버튼이 있는 화면 전체를 바라보면 어떨까요?
이번 주에는 YouTube에서 다음에 볼 영상을 고르는 흐름을 따라가 봅니다. 화면의 각 영역이 어떤 역할을 하는지, 영상 카드마다 어떤 정보가 달라지는지, 카드를 누르면 무엇이 바뀌는지 함께 살펴볼 예정이에요.
그 과정에서 Component, Props, Event, State처럼 지금까지 맛본 개념들을 실제 화면과 연결해봅니다. 사용자가 더 편하게 이용하려면 어떤 부분을 바꾸면 좋을지도 이유를 붙여 생각해보고요.
이번 주에는 “이 화면은 사용자가 하려는 일을 어떻게 도와줄까?”에 집중해 주세요.
화면을 나누는 일, 정보를 담는 일, 반응을 만드는 일 중 나는 어떤 일이 재미있는지도 찾아보시면 좋겠습니다.
별도의 코딩 실습 없이, 화면을 함께 관찰하며 편하게 들으시면 됩니다!
0주차 안내
본 강의에서는 설치나 환경 설정에 많은 시간을 사용하기보다, 직접 프론트엔드를 경험하는 데 집중하려고 합니다.
그래서 개발 환경 설정과 앞으로 사용할 도구에 대한 내용은 따로 준비해두었습니다.
아직 0주차를 확인하지 않으셨다면 강의 전에 먼저 확인해주세요!
강의 자료
[추후 공개]
과제 안내
과제는 강의가 끝난 뒤 별도 공지로 안내하겠습니다!
그럼 11월 8일 일요일 18:00에 만나요!