CoStudo 프로젝트 5주차 주간 회고록 🙂
2022.10.10(월)
TIL 🧐
- 프로젝트
- theme provider 역할 고민
- pip 함수 공부 - 진행 중..
- Typescript enum, const enum, as enum - 진행 중..
주절주절 😗
theme provider에 폰트
오늘 discussion에 theme provider에 폰트를 넣어도 될지 말지 토론 주제를 올렸다.
처음에는 font 관련된 속성을 모두 import 해오는거보다 css에서 사용하기 편하게 넣는게 어떠냐고 얘기했었는데 theme 이라고 하면 테마니까 다크모드나 라이트모드랑 관련된 모드가 들어가야하지 않냐고 파크가 말했는데 일리가 있는 말이긴한다. 테마라는 단어는 어떤 상황에 따라 달라지는거니까?
그래서 고민하다 생각해보니 폰트도 미디어에 따라 사이즈가 달라져야하니 pc모드냐 mobile모드냐에 따라 달라질 수 있다고 생각이 들었다. 그래서 찾아봤더니 MUI에 Theming에서 font를 그렇게 사용할 수 있다고 적혀있었다. 아직 모바일 디자인이 나오진 않았지만 모바일도 했으면 좋겠다고 했으니 추가하는게 좋을거 같다는 생각이 든다.
pipe 함수를 JS에서 ?!
오늘 validate 하는 로직을 pipe 함수로 구현하면 좋을거 같단 파크 말에 마침 Slider에 필요하던 참이라 내가 구현해보겠다고 했다. 글을 읽던 중 2020년 글에서 “현재 파이프 연산자는 TC39(ESCMScript 표준을 담당하는 위원회)에서 1단계: 제안(“stage 1” proposal) 상태에 있다.” 라는 문구를 보았다. 헐?? 그럼 이게 통과되면 pipe 함수를 JS에서 쓸 수 있는건가?! 싶어 찾아봤더니 아직 2단계이다.. 왤케 느려…. 내년에 쓸 수 있을지 의문이다.. 만들기 복잡해보이던데 빨리 나왔으면 좋겠다..ㅎㅎ
찾아보니 Babel 7.15 버전에서 pipe operator를 사용할 수 있게 수정됐다던데?! 바벨 사실 어려워서 내일 한번 시도해봐야겠다. ^_ㅠ
타입스크립트 공부 빨리 더 해야겠다..
pipe 공부하다가 babel 7.15 문서를 보게 됐고.. 거기서 또 typescript의 const enum이 추가됐다는 글을 보게 됐다.
const enum이 뭐지 하고 보다가.. 어려워서 한참 읽었다ㅠ_ㅠ 맨날 쓰던 타입만 쓰다보니 이런 기능이 있는지도 몰랐고 넘 어려웠다 @_@
리액트 스터디 이번 주에 끝나니까 타입스크립트 공부를 해야할거 같다.
아쉬워요 🙁
theme은 지난 주 Text 컴포넌트 때부터 고민하던건데 이제야 discussion에 올렸다.. 이유를 명확히 적어야할거 같아서 찾아보다가 그런거긴 하지만.. 그래도 반성한다ㅠㅠ
타입스크립트로 빠진거도 반성한다ㅠㅠ
잘했어요 🙂
드디어 슬라이드를 머지했다..!
2022.10.11(화)
TIL 🧐
- 프로젝트
- styled-typography 라이브러리 코드 살펴보기
주절주절 😗
오늘 원티드 프리온보딩 코스를 신청할까말까 하루종일 고민하다 공부를 별로 못했다..ㅠㅠ
커리큘럼은 좋은데 코쿼처럼 단기간에 배우는거라.. 포폴로 남는게 별로 없을거 같다. 심지어 코쿼는 3주짜리 플젝이였는데 거긴 3일짜리다.
취업연계가 되서 좋아보였지만 막 끌리는 회사가 없어 고민된다. 제이미가 챌린지로 강의 수강 중이라는데 강의는 참 좋다고 하니.. 내일 오전까지만 딱 고민해봐야지 ^_ㅠ
아쉬워요 🙁
discussion에 올릴건 다 올렸지만 typography를 결국 또 완성하지 못했다. 내일은 무조건!!
잘했어요 🙂
고민만 하느라 잘한게 없다 ㅠㅠ
2022.10.12(수)
TIL 🧐
- 프로젝트
주절주절 😗
타스 잘쓰고싶다..
오늘도 Text 컴포넌트를 완성못했다.. 타입을 죽 나열해서 쓰는거보다 좀 더 효율적으로 쓰고 싶어서 이것저것 공부하는 중이다..
css prop
파크가 제안해서 style 파일을 따로 분리하지 않고 css prop으로 return 문에서 바로 작성하고 있는데 css 안에서 prop이 안읽어진다..
컴포넌트 함수에 prop을 구조분해할당해서 color라고 가져와서 css 안에서 쓰면 color가 정의되지 않았다고 뜨고, css 안에서 theme이랑 같이 prop으로 받으면 undefined 라고 뜬다.. 그냥 분리하고 싶다.. 하ㅠㅠ
styled component가 아니면 as를 어캐 받지..
css prop으로 쓰다보니 Text 컴포넌트가 styled 컴포넌트가 아니다.
그래서 as가 될 수 있게 하는 방법들을 찾아서 적용했는데 Component가 정의되지 않았다고 뜬다.. 하
아쉬워요 🙁
오늘 not defined 지옥이였다. 오랜만에 일찍 졸렸는데 PR을 보내기로 해서 버티고 했는데 결국 못했다..ㅠㅠㅠㅠㅠㅠ
잘했어요 🙂
해결하려고 노력했다..
2022.10.13(목)
TIL 🧐
- 프로젝트
주절주절 😗
PR로 공부
오늘 파크와 제이미 PR을 했는데 보면서 firebase와 에디터 라이브러리를 간접체험하게 됐다.
낯설어서 좀 머리쓰면서 읽었지만 신기하고 배울수 있어서 좋았다.
에디터 라이브러리를 보면서 느낀건데 form 관련 태그들은 역시나 어려운거 같다.
아쉬워요 🙁
PR만 하면 시간이 빨리간다..ㅎㅎ
잘했어요 🙂
Text 컴포넌트 결국 완성..
PR에 고민한거 주절주절 적다가 좀 줄였는데 아직도 길다.
코드는 간단한데 고민 과정이 너무 길었다. PR 쓴거보면서도 고민을 얼마나 한건가 싶다..ㅋ
