기간: 23/06/27~ 23/06/30 우테코 레벨3와 함께 팀을 처음 보게 되었다. 설렘반, 두려움반으로 만났는데 우리 팀 너무너무 좋은 것 같아서 행-복😎 팀원과 함께 하는 기간을 잊지 않기 위해 매주 금요일마다 회고를 하려 한다. 팀 매칭 레벨3의 팀은 팀별 서비스를 기획한 기획자 외 모든 팀원이 랜덤으로 배정된다. 레벨2 마지막에 크루 전원이 기획서를 제출하는데 그중 투표로 선정된 인원이 기획자가 된다. 팀& 팀원 우리 팀의 주제는 “대학생을 위한 팀플용 플랫폼”이 다. 사실 대학교 프로젝트로 “대학생을 위한 팀원 모집 플랫폼”을 진행했어서 비슷한 주제인가 했는데 완전 다른 주제였다! 이건 필립이 레벨2의 기획서 발표때 발표한 기획서이다. 우리 서비스의 핵심은 하나의 플랫폼에서 파일 드라이브, ..
우아한 테크 코스 미션중 스토리북 배포해서 상호작용 확인하는 미션이 있었는데 아무리 해도 netlify에서 배포 오류가 뜨는 것이에요. 결국ㅋㅋ.. 결론만 말하자면 window여서 억까당한거였답니다.. 덕분에 내가 얻은것? 4시간동안 헛짓하기 + 크로마틱으로 배포한다고 설치하다가 yarn npm 꼬이기 (이게 뭔 소리냐면 저도 몰라요. 환경문제인지 모르고 이것저것 건들다가 yarn으로 설치했는데 이 이후로 해당 프로젝트에서는 npm으로 뭐 설치하면 오류뜨더라구요) 암튼 미래의 내가 또 헛수고 할까봐 글씁니당ㅅㄱ~ 1. netlify 로 배포하기(mac, window) netlify 는 간단하게 말해서 서버를 빌리는 거에요. localHost에서 개발하다가 나중에 git page로 배포하는게 대부분인데 g..
useEffect useEffect를 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있다. componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것 useEffect는 기본적으로 첫번째 렌더링과 이후의 모든 업데이트에서 수행된다. React는 effect가 수행되는 시점에 이미 DOM이 업데이트되었음을 보장한다. side effects => 데이터 가져오기 , 구독 설정하기, 수동으로 react 컴포넌트의 DOM을 수정하는 것 등등 class componentDidMount() { document.title = `You clicked ${this.state.count} times`; } componentDidUpdate() { ..
그래서 각기 다른 길이를 가지고 있는 컴포넌트에게 어떻게 스타일을 입혀주지? ThemeProvider 사용법 말고 컴포넌트 분리자체가 궁금하면 1번 글 보러가세요 일단 어떻게든 분리는 했는데... 그래서 어떻게 style을 넣어줄지 고민이 되었어요. 그러던 중 ThemeProvider을 알게 되었음. ThemeProvider 장점 1. 매번 노가다 안해도 괜찮음 2. 스타일 선언 순서에 대한 일관성 확보 가능 3. 컴포넌트 자체를 재사용하기 편함 이정도가 내가 생각한 ThemeProvider의 장점이에요. 더 있을 수도 있는데 아직 그거까지는 모르겠답니다. 나중에 알게되고 + 안귀찮으면 업데이트 할게용> void; id?: string; value?: string; minLength?: number; m..
우리는 리액트 입문 10일차이지만 이 미션을 완성해야만 해..! 처음 레벨2의 payments 미션을 만났을 때 솔직히 막막했다. 시간은 없고 미션은 끝내야하고,, 나는 리액트의 가장 큰 장점 중 하나를 컴포넌트의 재사용이라고 생각했다. 하지만 컴포넌트를 어디까지 나눌 것인가에 대한 이야기를 시작하자 답답해졌다. 가장 작은 단위로 쪼개서 필요에 따라 재사용 하고 싶은데 그럴 능력도 시간도 우리에겐 없었다. 그래서 일단 컴포넌트를 크게크게 자르기로 결정! 카드번호, 만료일, 소유자 이름, 보안 코드, 카드 비밀번호 이렇게 한 묶음이다. payments에서 가장 재사용이 활발한 친구는 input 요소이다. 내 로직에서 끝까지 가장 날 괴롭힌 컴포넌트인 카드 번호 인풋의 코드를 예시로 들겠다. 이런 애들이 각..
레벨 로그는 여기서 확인 가능 레벨1) 레벨 인터뷰 : 레벨로그 우아한 테크 코스에서는 각 레벨이 끝나면 레벨에서 학습한 내용을 인터뷰 형식으로 진행하는 레벨 인터뷰를 진행한다. 각 레벨에서 학습한 내용에 대한 자신의 현재 상태를 파악하고, 자신이 study-rulu.tistory.com 피드백은 나를 인터뷰한 인터뷰이 3명+ 옵저버 2명 + 담당 코치 1명 이렇게 총 6명이 해준다. 내가 속한 인터뷰조는 크론조 였다. 크론이 담당 코치여서 크론조 이다.ㅎㅎ 크루들은 내 학습 측면과 말하기 측면에 초점을 맞춰 피드백을 작성해 주었고 크론은 내 답변에 초점을 맞춰 작성해 주었다. 객관적으로 나의 말하기 습관을 볼 수 있다는 점에서 인상깊은 활동이었다. 이번 레벨 학습 측면에서 좋은 점과 부족한 점은? 인터..
