냉장고 비우기 프로젝트

오픈 API 서버에서 CORS 헤더 설정 없이 응답을 보내주기 때문에, 본 서비스를 클라이언트 코드로만 구성하고자 임시방편으로 cors-anywhere.herokuapp.com을 통해 우회하였습니다. 서비스의 주요 기능이 정상적으로 동작하기 위해서는 해당 사이트에 접속하여 일시적인 접근 권한을 요청해야 합니다.

프로젝트 내용

정의

• 가득 찬 냉장고의 식재료를 사용해서 만들어 낼 수 있는 요리의 이름들을 보여주는 서비스

기술 스택

• HTML5
• CSS (Media query 적용)
• JavaScript
• jQuery
• Bootstrap

배운 것들

• 비동기와 동기적 코드가 상황에 맞게 활용될 수 있도록 생각하면서 구현하는 과정을 경험함.
• API 호출 과정이 주요한 병목으로 작용할 수 있다는 것을 알게 되었고, 비동기 API 요청들을 xhrList 배열로 관리함으로써 리소스의 낭비를 방지하는 코드를 작성함.

추가 기능

십자말풀이 게임 화면

• UX가 서비스의 주요 기능(요리 검색)에 매몰되는 것을 방지하기 위해, 홈 화면에서 진입할 수 있는 십자말풀이 게임 화면을 추가함.
• 게임을 구현한 코드 보러가기

요리의 관련 정보 (예정)

• 요리의 사진과 자세한 조리 과정 등의 상세 정보를 별도의 브라우저 탭으로 보여줄 수도 있음.