20240205 TIL #31

1. TIL

 [1] 개인 프로젝트 

  (1) 프로젝트 명 : IU Metaverse

    1) 원래 그룹 아티스프 팬레터함을 만드는 과제였는데, 선택은 자유롭게 하라고 해서 IU fan page를 만들기로 결정함

    2) 대신 가수 IU, 드라마 속 캐릭터 4명을 하나로 묶어 메타버스 형식으로 구성함

      - IU, 장만월 (호텔 델루나), 이지안 (나의 아저씨), 신디 (프로듀사), 해수 (달의 연인 - 보보경심려)

  (2) 필수 구현 사항 중 구현하지 못 한 것

    1) fakeData.json으로부터 data 받아오기

    2) redux로 리펙토링

  (3) 피드백 받은 내용

    1) context의 편리성을 아직 잘 모르겠다고 작성

      - context API의 역할은 props drilling을 하기 싫어서 쓰는 것

      - 2 ~ 3 depth의 prop까지는 크게 장점을 느끼지 못할 수도 있음.

    2) directory 구조

      - 디렉토리 구조를 계층적으로, 역할에 맞게 잘 구성했음.

      - component는 .jsx, UI가 없는 로직 모듈은 .js로

      - jsx, js 파일 표기법 잘 따라서 만들었음.

    3) local storage의 사용

      - 새로고침 이후에도 데이터를 유지하기 위한 목적으로 적합하게 잘 사용했음. 

    4) semantic tag의 사용

      - html tag 구조를 좀 더 시멘틱하고 목적에 맞게 개선시키면 좋을 듯

      - 크게 header, main, footer로 잡아두고 main 태그 안에 각각의 section을 배치하는 방향으로

    5) ul tag, li tag

      - ul tag의 자식으로는 li tag를 쓰는 것이 일반적인데, 이를 따르지 않았음.

    6) redux로 리펙토링하지 않았는데, redux까지 구현해보기