안녕하세요
안녕하세요! 프론트엔드 찍먹 스터디 멘토 박유빈입니다
이번주 스터디에서는 지난주에 찍먹해본 React를 조금 더 살펴보면서, 화면을 여러 조각으로 나누어 만드는 방법을 직접 경험해봅니다.
3주차 — Component 나눠 담기
1주차에는 JavaScript로 웹페이지를 직접 바꿔보면서 웹이 어떻게 움직이는지 가볍게 살펴봤었어요.
2주차에는 React와 JSX를 처음 만나보고, React에서는 화면을 어떻게 바라보고 표현하는지 직접 만들어보며 경험해봤습니다.
그런데 지난주에 만든 화면이 점점 커진다면, 모든 내용을 하나의 코드에 전부 담아야 할까요?
이번 주에는 하나의 화면을 여러 역할로 나누어 바라보고, 각각을 Component로 만들어봅니다.
그리고 비슷한 모양의 UI를 매번 새로 만드는 대신, 하나의 Component를 여러 번 활용해서 화면을 만드는 방법도 함께 경험해볼 예정이에요.
이번 주도 Component의 모든 문법을 외우기보다는, “화면을 어떻게 나누어 생각할 수 있을까?”에 집중해 주세요!
실습 준비
이번 주에도 본격적으로 VS Code에서 React 코드를 작성해봅니다.
0주차에서 설치한 Node.js와 VS Code를 사용하고,
강의 중 준비된 week3 프로젝트를 이용해 Component를 직접 만들고 화면을 나누어보는 실습을 진행할 예정입니다.
0주차를 먼저 확인해주세요!
본 강의에서는 설치나 환경 설정에 많은 시간을 사용하기보다, 직접 프론트엔드를 경험하는 데 집중하려고 합니다.
그래서 개발 환경 설정과 앞으로 사용할 도구에 대한 내용은 따로 준비해두었습니다.
아직 0주차를 확인하지 않으셨다면 강의 전에 먼저 확인해주세요!
강의 자료
추후 공지
과제 안내
3주차에도 강의가 끝난 뒤 간단한 과제가 올라갑니다!
과제에 대한 내용과 제출 방법은 3주차 강의 마지막에 안내드릴게요.
그럼 이따 18:00에 만나요! 