프로젝트: Effitizer 

프로젝트들이 어느 정도 진행되어서 삽질(?)한 과정을 기록으로 남긴다.

카카오 소셜 로그인의 code(인가코드)를 백엔드가 테스트에서 필요로 해서 POST 요청 코드를 작성했다. 그런데 계속 Prefilght 관련 에러('Preflight로 redirect된 화면에선 ~를 인식할 수 없음')가 떠서 한동안 자료를 찾아보다가 오늘

SCSS에서 위와 같이 클릭했을 때 추가 클래스를 주어 안 보이던 요소가 스르륵 나타나게 하는 효과를 구현 중이었다.

Around Study 프로젝트에서 애먹던 것을 Effitizer 프로젝트를 하며 해결하게 되었다. 고민은 많이 했는데 정작 해결은 코드 한 줄로 했다.

Effitizer 프로젝트 메인 화면의 카테고리 필터 구현에 성공했다. 경우의 수가 많지 않아서 금방 만들 수 있을 줄 알았는데 코드 에디터에서 바로 하려니 생각보다 잘 안 돼서 종이에 써 가면서 했다.

이 에러는 CORS를 겪을 때마다 거의 항상 만나는 에러다.처음에는 'requested'라는 단어를 보고 '수동태인데? 근데 요청쪽이야 응답쪽이야?' 하고 긴가민가했다. 구글에 조사해도 뾰족한 답이 안 나온다고 생각했는데 오늘

어제 슬랙에 남겨진 QA 주소로 refreshToken이 쿠키에 넘어오는지 확인해달라는 요청이 있어서 해당 주소로 로그인을 시도해봤는데 드디어 넘어온다 ㅠㅠ이 한 줄을 받기 위해 그동안 얼마나 고생했는지...

메인 페이지 상단의 배너 슬라이드를 구현하였다.

탭을 누를 때마다 아래 보여지는 컨텐츠가 달라지고 탭의 스타일도 바뀌는 마이페이지의 탭을 구현했다.

Effitizer 사이트의 반응형 화면을 영상으로 찍어보았다.

홈 화면 리스트에서 더보기 화살표를 클릭할 때 더 좋은 유저 경험(UX)을 위해 화살표가 회전하는 애니메이션이 있으면 어떨까 하는 생각이 들었다. Next.js + SCSS 환경 + classnames로 클래스를 여러 개 주고 transition + transform

Effitizer 프로젝트의 메인 페이지에는 '지금 구독하기' 버튼이 있다. 원래는 로그인이 되어 있지 않을 때 이 버튼을 누르면 구독 페이지가 아닌 로그인 페이지로 바로 이동했었다. 하지만 아무런 안내 없이 이렇게 리다이렉트 되면 사용자가 불편하다고 느낄 수 있을