사이트 내 페이지에 처음 진입 시 화이트아웃
다크모드를 적용하고 볼 때, 이 문제 때문에 눈갱이 심했다.
나의 시도들
- Layout Template에서 배경색 검게 되었는지 확인
- 페이지 이동 시 기본 배경 색을 프레이머에서 설정할 수 있는지 서치
- 처음 진입하는 이미지 많은 페이지에서만 발생하는 문제길래, 진입 페이지가 무거워서 그런가 싶어 사진 해상도 설정을 낮춤
튜터님 피드백
해결이 안 되어 오늘 튜터님을 찾아뵘! 원래 과제 제출 전 여쭈어봤는데 다른 튜터님이 배정되어서 오늘에서야 방문했다.
튜터님도 나와 비슷하게 트래킹을 하셨는데 해결이 안 되어서 프레이머 측에 메일이라도 보내보겠다고 찾아보겠다 하심! (천사신가요...?)
사용성에 문제가 생길 수 있는 이슈라 설정을 할 수 있을 것 같기도 하다고 추측하셨음...
탭 이동 시
이건 원래 gif를 올려야 하는데 과제 때문에 정신 없어서 gif는 나중에 올릴래...
탭 이동 시 자꾸 직전에 해당되었던 컴포넌트에 테두리가 생겨보였다 (아래는 정상적인 화면)
브라우저 자체 문제인가 싶어서 봤는데 묘하게 내가 설정한 색상같아서 머리 아팠는데,,,
튜터님이 웹 인스펙터로 확인해보시고 아닌 거 확인해주셨고,
튜터님의 새로운 예측은 애니메이션 문제였다!
아니나다를까 컴포넌트 배리언트를 애니메이션 먹여서 바꿔서 생긴 문제였음
Instant로 바꾸니까 사라짐.
근데 움직임이 아쉬워서 좀 찾다가 Bounce를 0으로 조정하니까 해결되었음
다만, 아래 border가 자연스럽게 이동하는게 아니라 슬금슬금 올라오는 걸로 보여서...
튜터님께 border-bottom 으로 이걸 하지말고 별도의 사각형을 만들어서 해도 되겠냐고 여쭤보니까
개발적으로는 내가 한것처럼 border-bottom을 먹이는게 맞다고 해주셨다.
그래도 작동만 하면 되는거니까 시도는 해보라고 해주심.
튜터님의 숨막히는 칭찬... 데헷
서면 피드백을 담당해주신 튜터님과 다른 튜터님이셔서 이 튜터님께 피드백을 들을 일이 없었는데,
내가 의문이 해결되고 감사인사를 드리면서 파하려고 하니까
진짜 잘하셨다고, 지금까지 중에 이렇게 한 사람 처음 본다고 특급 칭찬을 해주셨다
퍼블리셔나 웹디자인 쪽 해본적있냐고 질문해주셔서,
대학때 학과 전시사이트 한번 만들어보고, 학원 한달 다녔다, 일한적은 없다
혼자 XD 좀 썼던 정도라고 말씀드렸는데 계속 엄청 잘했다고 칭찬해주심
2020 ATC 웹디자인, 간단한 후기
[2020.12.16]드디어 ATC2020이 웹으로 릴리즈됐다. 웹사이트를 보고 있자니 맨 처음 이 테마색 5개를 받았을 때가 생각났다. 웹디자인 짬이라곤 학원 10번 간 것밖에 없었던 내가 학과 전시회 사이트를
urdle.tistory.com
프레이머보다도 바이브코딩 해보라고, Cursor 활용 해보시면 진짜 잘하실거 같다고 말씀해주셔서 민망해서 ㅎㅎㅎ 감사합니다 했는데
"아 진짜 진지하게 드리는 말씀이에요"라고 해주셨따..
Cursor한번 찾아봐야지...