2023 영암축전 POOL:US
1.학교 축제사이트 만들기 실전편
2023 학교 축제 사이트 만들기 ! 멋사 운영진들이랑 처음으로 제대로 된 프로젝트 해봤다 총학생회 사람들이랑 협업하면서 생각보다 스케일이 커진,,,? 느낌 JS도 잘 다루지 못하는데 React 공부를 틈틈히 하고 있었어서 이번 프로젝트는 리액트로 하기로 했다. 리액트
2.POOL:US ) 타임테이블(filter, map)
json 형태로 축제 일정을 저장해놓고, filter로 조건에 맞는 일정을 분류한 뒤 map함수를 이용해 렌더링filter : 이터레이터(반복 가능한 객체)의 요소들 중에서 조건에 만족하는 요소들로 구성된 새로운 이터레이터를 반환하는 함수.map : 이터레이터의 각 요
3.POOL:US ) 타임테이블(useState)
타임테이블에서 useState 훅을 사용했다.useState는 리액트에서 상태를 관리하기 위해 제공되는 훅(Hook)이다.UI를 동적으로 업데이트하는데 사용하는 JS 라이브러리임!useState 함수는 배열을 반환하는데, 첫번째 요소는 현재 상태의 값이고, 두번째 요소
4.POOL:US ) 만든이들 (Component, Props)
리액트는 레고를 만들듯이 하나의 블럭들을 끼워맞추는 형태다. 긴 코드들을 작은 조각으로 분리하여 사용할 수 있다는 것이다. 리액트에서는 이를 컴포넌트화 한다고 표현한다. 컴포넌트와 프로퍼티를 유용하게 사용한 페이지가 '만든이들'페이지라고 생각한다. 이 페이지 안의
5.POOL:US ) 아티스트 라인업(useEffect)
아티스트 라인업 부분도 간단하게 버튼을 이용해 Day1, Day2로 상태를 바꾸고 상태에 따라 화면에 렌더링되는 부분을 다르게 구현했다. 문제 문제는 스크롤로 화면의 하단까지 내린 후 day버튼을 바꾸었을 때 최상단으로 올라가지 않고 화면 하단에 위치한채로 화면이
6.POOL:US ) 부스 검색 기능(논리 연산자 &&)
가든 아일랜드 부스 페이지는 1. 부스 메인 2. 부스 리스트 컴포넌트로 나누었다. 컴포넌트화해서 전체 가든 아일랜드 페이지는 이렇게 간략하게 표현된다. 이게 진짜 가독성이 좋은 것 같다. 리액트 최고 > 기능은 전체 부스 렌더링 검색어 입력시 검색어에 해당하는 부