오토위니 4

Tanstack Query와 Optimistic Update로 Autowini 좋아요 기능 구현하기

Optimistic Update란 무엇일까?Optimistic Update는 한국말로는 낙관적 업데이트라고 말합니다. 성공적인 상태 업데이트가 이뤄질 거라는 가정 하에 서버 응답 이전에 UI를 미리 업데이트하는 방법입니다. 사용자 요청을 서버가 성공적으로 처리할 거라고 미리 예상하고, UI를 즉각적으로 변경해서 사용자에게 서버 응답 속도와 관계없이 즉각적인 피드백을 제공해서 사용자들이 시스템을 빠르게 쓸 수 있다는 점입니다. 특히 네트워크 상태가 좋지 않거나 응답 시간이 길어도 사용자 경험에는 영향을 덜 미치게 됩니다. 다만, 서버에서 오류가 발생하면 잠시동안 화면에 잘못된 정보가 표시될 수 있습니다. 따라서 이 경우를 대비한 오류 핸들링(롤백) 로직을 같이 설계해야 하는 주의점이 있습니다. Autowi..

지식 정리 📝 2024.12.22

Safari에서 깨지는 CSS 해결

정말 중요한 기획의 퍼블리싱을 맡게 되었습니다. 전 페이지의 퍼블리싱을 끝내고 다음 주 월요일이 배포인데 문제가 생겼습니다. 바로 Chrome에서는 정상 작동하는 CSS가, Safari에서는 정상 작동하지 않는 아주 절망적인 상황이 벌어졌습니다. 먼저 시간이 없기 때문에 문제 해결을 위해 이전에 작성해 두었던 코드를 분석해 본 결과 .commonBookingStep1PopUpRequestTimeWrapper { font-size: 0.8rem; padding: 1.5rem 1rem; display: flex; flex-direction: column; gap: 1rem; color: #000; > :nth-child(1) { span { color: #d10023; } } > :nth-child(2) {..

지식 정리 📝 2024.02.22

오토위니 1차 인터뷰

먼저 면접 기회를 제공해 주신 오토위니에 대단히 감사합니다. 다음으로 오늘 면접 내용에 대해서 간단하게 적어볼까 합니다. 오늘 면접은 2시 대면 면접이었고 20분 전에 회사에 도착한 것 같습니다. 2시에 면접을 시작하였고 면접관 세분이 들어오셨는데 먼저 처음에 인사를 할 때부터 분위기가 되게 좋았던 것 같습니다. 그 후에 사전에 없던 라이브 코딩을 진행하게 되었는데요. 첫 번째 문제는 라이브 코딩으로 API통신을 통해서 값을 형태에 맞게 예외처리를 통해서 출력하는 내용이었습니다. 두 번째 문제는 주어진 코드를 보고 어떤 점이 문제인지 확인하고 해결하는 문제였습니다. 난이도는 NHN 면접과 크게 다를 바 없는 것 같습니다. 그 후로 간단한 자기소개, 개발을 하며 어려웠던 점, 개발 방식, 어느 때에 개발을..

카테고리 없음 2023.06.21