공부/Frontend17 [COOKiT] Roboflow를 이용한 신선도 분석 현대인은 바쁜 일상 속에서 요리를 쉽고 효율적으로 하고자 하는 니즈가 높아지고 있다. 하지만 냉장고 속 식재료의 신선도나 유통기한을 일일이 확인하고, 남은 재료를 조합해 요리하는 일은 여전히 번거롭고 어렵게 느껴질 수 있다. 특히 요리 초보자에게는 재료 관리의 어려움이 요리에 대한 진입 장벽으로 작용하기도 한다. COOKiT은 이러한 문제를 해결하기 위해 탄생한 AI 기반 스마트 요리 지원 서비스이다. 사용자가 보유한 식재료를 효율적으로 관리하고, 이를 기반으로 자동으로 레시피를 추천해주는 기능을 제공함으로써, 누구나 쉽고 즐겁게 요리할 수 있는 환경을 만든다. 그 중에서 이미지를 입력하면 모델이 식재료의 신선도를 측정해서 결과값을 보여주는 모델이 필요하여, 다양한 모델 분석을 하였다. 그 중에서 R.. 2025. 5. 19. 자바스크립트로 리퀘스트 보내기 AJAX (Asynchronous JavaScript And XML비동기 자바스크립트와 XML- AJAX는 웹 페이지를 동적으로 업데이트할 수 있게 해주는 기술.전체 페이지를 다시 로드하지 않고도, 웹 페이지의 일부를 업데이트할 수 있음.- 비동기적 방식으로 서버와 통신하여, 사용자 인터페이스가 끊김 없이 동작하도록 함. XMLHttpRequest(브라우저에서 서버와 데이터를 교환하는데 사용되는 객체) -> fetch , axios 로 AJAX 구현 fetch ()웹 브라우저에서 네트워크 요청을 처리. Fetch API는 비동기적으로 리소스를 가져오고, HTTP 요청을 보낼 수 있음.const res = await fetch('http://learn.sdfsldkjfsl.ojp); - fetch(): 네.. 2024. 5. 29. 비동기 자바스크립트 비동기 프로그램다른 작업을 처리하고 다시 돌아와서 마무리JS -> 비동기 프로그래밍이 많이 쓰임, 리퀘스트를 보내고 사용자와 상호작용해야하기 때문에 필요 비동기 프로그래밍을 하려면 꼭 알아야 하는 것 - 콜백 (CallBack) -프로미스 (Promise) 파라미터(Parameter) vs 아규먼트(Argument)function add(x, y) { //x, y 가 Parameter return x + y;}add(1, 2); // 1,2 가 Argument 콜백(CallBack) 콜백 ; 어떤 함수의 아규먼트로 전달되는 함수 비동기 함수 (Asynchronous Function) ; 중간에 다른 작업을 처리하다가 다시 돌아와서 마무리 하는 함수 setTimeout(callback, d.. 2024. 5. 29. 프로그래밍 핵심 개념 in JavaScript Boolean AND 연산을 할 때 왼쪽이 false일 경우 오른쪽은 볼 필요도 없이 결과는 false입니다OR 연산의 경우에는 AND 연산과 반대로 왼쪽이 true라면, 오른쪽은 볼 필요도 없이 true가 됩니다. 연산자 우선순위 null vs undefinednull은 의도적으로 "없음"을 명시하기 위해 사용됩니다.undefined는 변수가 선언되었지만 아직 값이 할당되지 않았거나, 함수가 값을 반환하지 않았을 때 자동으로 할당됩니다.null의 타입은 "object"입니다.undefined의 타입은 "undefined"입니다.null은 값을 명시적으로 초기화할 때 사용합니다.undefined는 일반적으로 변수나 속성이 선언되었지만 값이 할당되지 않았을 때 발생합니다.복합 할당 연산자 ; 할당 연산자.. 2024. 5. 24. 자바스크립트 객체 지향 기본기 객체 생성하는 방법 1. Object literal 과 Factory function ; 객체를 생성하는 Factory function을 만들고, 그 안에서 Object literal로 객체를 생성하여 리턴하는 방법 function createUser(email, birthdate) { const user = { email, birthdate, buy(item) { console.log(`${this.email} buys ${item.name}`); }, }; return user;}const user1 = createUser('chris123@google.com', '19920321');const user2 = createUser('jerry99@google.com'.. 2024. 5. 24. 모던 자바스크립트 자바스크립트의 동작원리자바스크립트의 데이터 타입에는 number, string, boolean, null, undefined, object, symbol, bigint 총 8가지* Symbol : 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용- 다른 어떤 값과 비교해도 true 가 될 수 없는 고유한 변수 *BigInt : 아주 큰 정수를 표현하기 위해 등장하나 데이터 타입*typeOf 를 사용하면 모든 타입과 1:1 매칭되 않음.- null -> object- 함수 -> function (object가 아님) 불린이 아닌 값이 조건문에 들어갔을 때 어떤 값으로 평가되는지 AND OR 연산AND 연산자는 연산자 왼쪽이 true일 때 오른쪽 값을 반환하고, 연산자 왼쪽이 false일 때는 왼쪽 .. 2024. 5. 24. 이전 1 2 3 다음
