본문 바로가기

JavaScript8

[#2 Teachable Machine 적용] 인공지능을 적용해 웹 서비스 구현 과정 이번 해커톤에서 가장 공들인 Teachable Machine을 이용한 웹 서비스 구현 작업에 대해 이야기 해보려한다. 해커톤에서는 웹 개발 그리고 인공지능 외부 API 개발로 나누어 역할분담하여 작업하는 방식으로 진행했다. 그리고 나중에 웹으로 모든 서비스를 합치는 과정에서 팀원 모두가 각각의 서비스를 모두 살펴보고 수정해보는 과정으로 개발 로직을 이해하고 인공지능 그리고 외부 API가 어떻게 웹 서비스로 합쳐질 수 있고, 적용할 수 있는지 이해 할 수 있도록 했다. 어쩌다보니 Teachable Machine의 training 작업과 이 모델을 이용한 세종 챌린지 웹 서비스를 주로 담당해 이번 해커톤에 임했게 되었다. 오픈 소스인 Teachable Machine을 사용해 본 적은 있어도 직접 웹 서비스에.. 2021. 12. 31.
[JavaScript] Array 개념 총정리! ( With. Ellie ) Array🎉 1. Declaration new 사용 or [] 사용 const arr1 = new Array(); const arr2 = [1, 2]; 2. Index position const fruits = ['🍎', '🍌']; console.log(fruits); //배열 정보 출력 console.log(fruits.length); // 배열 크기 출력 console.log(fruits[0]); //0번재 값 출력 console.log(fruits[1]); // 1번재 값 출력 console.log(fruits[2]); //2번째 값 출력 console.log(fruits[fruits.length - 1]); //마지막 위치의 값 출력 (fruits.length === 2) console.clear.. 2021. 8. 1.
[JavaScript] 편리한 Object의 세계! (With. Ellie) 1. Objects one of the JavaScript's data types. a collection of related data and/or functionality. Nearly all objects in JavaScript are instances of Object object = { key : value }; 변수안에 인자를 지정함으로써 좀 더 관리, 활용하기 편리하게 도와준다. const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); // 인자에 접근시 점(.) 사용! cons.. 2021. 7. 27.
[JavaScript] Class vs Object, 객체지향 언어 클래스 정리 (With. Ellie) class : template ,틀 object : instance of a class JavaScript classes - introduced in ES6 - syntactical sugar over prototype-based inheritance //편리하다 1. Class declarations class Person { // constructor constructor(name, age) { // fields this.name = name; this.age = age; } // methods speak() { console.log(`${this.name}: hello!`); } } const rotoma = new Person('rotoma', 20); console.log(rotoma.name).. 2021. 7. 27.
[JavaScript] Arrow Fuction이란? 함수의 선언과 표현 (With. Ellie) Function - fundamental building block in the program - subprogram can be used multiple times - performs a task or calculates a value 1. Function declaration function name(param1, param2) { body... return; } one function === one thing naming: doSomething, command, verb 함수 이름은 동사형태로 만들면, 분명하게 목적을 알 수 있어서 좋다. 함수 기능을 세분화해, 나눠서 구현하자! e.g. createCardAndPoint -> createCard, createPoint function is obje.. 2021. 7. 27.
[JavaScript] 연산, 반복문 operator, if, for loop (With. Ellie) 1) String concatenation -> 문자열 + 문자열 console.log('my'+ 'cat'); console.log('1'+2); console.log(`string literals: 1 + 2 = ${1+2}`); string literals의 좋은점! 줄바꿈을 하거나 특수기호를 넣어도 그대로 문자열로 변환된다. 2) Numeric operators console.log(1 + 1); // add console.log(1 - 1); // substract console.log(1 / 1); // divide console.log(1 * 1); // multiply console.log(1 % 1); // remainder console.log(1 ** 1); // exponentiat.. 2021. 7. 23.