오늘은 어제 캐러셀에서 보이지 않았던 도트와 에로우의 위치를 잡는 작업부터 시작했다. 분명히 개발자 도구에서 바꿨을 때는 위치 값을 바꾼 것이 적용이 되는데 희한하게 css를 만지면 페이지에 값이 적용이 안됬는데 다른 분의 도움 덕분에 해결했다.(감사합니다) 해결법은 생각보다 간단했는데 css파일에서 바꾸지 않고 해당 캐러셀이 있는 컴포넌트에서 css 값을 한번 더 덧씌우니 값이 잘 적용됬다. 아마 css 우선순위 때문인 것 같다고 하셨는데 이것도 나중에 공부해야겠다. 그러고 나서 에로우 위치도 z-index를 주어서 해결했다.
그 이후로는 로그인 회원가입에 뷰와 기능들을 만들기 시작했다. 회원가입 기능을 구현하다가 버튼 때문에 애를 먹었는데 styled-component로 import 해온 다음에 인라인으로 disabled를 주니 적용이 안되었다. 여러가지 방법으로 다시 적용을 해봤는데도 안되서 이리저리 헤매다가 결국에는 이가 없으면 잇몸이라는 생각으로 버튼을 그냥 하나 더 만들어서 삼항 연산자를 돌려 버렸다. 이렇게 하면 안될 거 같은데 다음에 매니저님꼐 여쭤봐야 겠다. 그렇게 뷰를 작성한 다음에 로그인 기능을 완성하니 벌써 시간이 많이 지났다. 내일은 회원가입 기능을 완성할 생각이다.
프론트엔드 개발자