실전 프로젝트에서는 원래 배운 내용들을 깃허브에 올리는 방식이 아닌 하루하루 진행 상황과 느낀점들을 기록하기 위해서 벨로그에 TIL을 작성하기로 했다.
1. 진행상황
뷰 만들기
디자이너님이 만들어 주신 와이어프레임을 보고 뷰를 만드는 중이다. 시작페이지와 로그인, 회원가입, 에러페이지, 마이페이지 등등 뷰를 만들고 기능구현을 하기로 했다. 내일까지 뷰를 다 짜고 바로 기능구현에 들어가는 것이 목표다.
2. 발생했던 문제들
input focus 없애기
input에 focus가 되면은 outline이 생기는데 이것을 없애고 싶었다. 구글링을 해서 input:focus{outline:none;}을 하면 된다는 것을 알았지만, styled-components에서는 달랐다. input 안에서 아래와 같이 작성하라고 알려주셨다.
&:focus {
outline: none;
}부모의 색깔로 맞추기
transparent로 부모의 색깔을 그대로 가져올 수 있다.
2. 느낀점
뷰를 빨리 짜고 TypeScript, Recoiil, React-query로 기능구현을 해봐야겠다. 오늘도 팀원분과 이야기하면서 느꼈지만, 하다가 시간이 부족할거 같으면 JS랑 redux-toolkit으로 되돌아가기로 했다. 제발 큰 막힘없이 TypeScript, Recoiil, React-query로 기능이 구현됐으면 좋겠다.
:)