Quiz - Progressive Enhancement/Graceful Degradation, 선호 개발환경, 관심사

1. 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까?

• 점진적 향상법과 우아한 성능 저하법은 접근성을 위해 웹을 디자인하는 방식을 말합니다.
  • 점진적 향상법은 레이어를 하나씩 쌓아 올리면서 단순한 것부터 복잡한 것까지 동작하도록 발전시키는 방법입니다. 낮은 수준의 디바이스, 브라우저를 가진 클라이언트를 위한 애플리케이션을 지원하는 동시에 더 향상된 버전의 브라우저를 가진 클라이언트에게 기능를 강화한 애플리케이션을 지원하는 방법입니다.
    • 계층적으로 발전시키기 때문에 추가된 기능을 지원할 때 최소한 이전 계층들에 대해서 신뢰할 수 있다는 장법을 가집니다.
    • 기존의 구형 디바이스와 브라우저에 대한 문제를 방지할 수 있습니다.
    • 그러나 복잡한 인터페이스를 구현해야 하는 경우 상응하는 복잡한 기술을 사용해야 하기 때문에 점진적 향상법으로 구축하기 어려울 수 있습니다.
  • 우아한 성능 저하법은 최신 기술을 사용하여 최신 버전의 브라우저, 디바이스에 맞도록 기능을 구현한 후에 오래된 버전의 브라우저, 디바이스에서도 비슷하게 작동하도록 구현하는 방법입니다.
    • 오래된 버전의 기기와 브라우저에서도 새로운 기능이 있는 웹페이지를 제공하기 때문에 사용자는 기기와 브라우저에 상관없이 비슷하게 컨텐츠를 제공받을 수 있다는 장점이 있습니다.
    • 그러나 이미지, 비디오, 라이브 채팅 등 다양한 기능들이 많이 포함되어 있는 경우에는 브라우저마다 큰 차이를 발생할 수 있기 때문에 우아한 성능 저하법을 사용하기에 적합하지 않습니다.

2. 선호하는 개발 환경에 대해 자유롭게 이야기해 주세요.

• 저는 React와 TypeScript를 같이 사용하는 것을 선호합니다.
  • React를 선호하는 이유는 컴포넌트 단위로 상태를 관리할 수 있고, 컴포넌트를 재사용할 수 있기 때문입니다.
  • TypeScript를 선호하는 이유는 런타임 이전에 타입 오류를 잡아주기 때문에 오류를 줄일 수 있고, 타입 시스템이 제공하는 언어 서비스로 자동 완성 기능이나 타입 미리보기를 통해 편하게 개발할 수 있기 때문입니다.
• 개발 도구로는 VSCode와 Git을 선호합니다.
  • VSCode를 선호하는 이유는 제공하는 Extension이 많고, 커뮤니티가 커서 오류 발생시 해결 사례를 빨리 찾을 수 있기 때문입니다.
  • Git을 선호하는 이유는 이전 기록을 확인하고 되돌릴 수 있으며, 협업할 때 내 코드와 다른 사람의 코드를 합치는 것이 쉽고 충돌할 경우 어떤 부분에서 충돌이 났는지 알 수 있기 때문입니다.

3. 코딩을 할 때 당신을 들뜨게 하거나 흥미를 끄는 것들은 무엇인가요?

• 현재 사용하는 기술과 관련된 새로운 지식을 알게 될 때 흥미가 생겨서 조사하고 알아봅니다.
  • 예를 들어, React 18 버전에 새롭게 등장한 서버 컴포넌트가 궁금해서 공식문서에 관련글을 읽고 소개 영상을 시청했습니다.
• 또한 오류가 났을 때 오류의 원인을 파악하고 해결하는데 성취감을 느낍니다.
  • 예를 들어, 현재 진행중인 프로젝트에서 새로고침 시 유저 데이터가 날아가는 오류가 발생했었습니다.
  • 디버깅한 결과 새로고침 시 Access Token을 저장해둔 상태가 초기화되었기 때문에 발생한 오류였습니다.
  • useEffect 훅 안에서 Access Token의 상태를 확인하여 Access Token이 없을 경우 Access Token를 재발급하는 훅을 구현하여 에러를 해결했습니다.
  • 그리고 유저 데이터에 대한 GET 요청을 여러 번 호출하게 하지 않기 위해, 이번에 새롭게 알게 된 AtomWithStorage를 통해 유저 데이터를 SessionStorage에 저장하여 결과 새로고침을 해도 유저 데이터가 날아가지 않도록 했습니다.

참고

• 점진적 향상과 우아한 성능 저하