게시글 작성할 때 기분, 장소, 분위기, 그림체를 선택하여 DALL·E 2 - OpenAI에게 그림을 그리도록 한다.
그 그림과 일기를 써서 업로드 하는 그림일기 사이트를 만드는 것이 이번 프로젝트!
다음 코드는 그렇게 작성자가 고른 것을 DALL-E에게 list 형태로 넘겨주려고 작업한 것이다.
불운하게도 이 코드는 실제 프로젝트에서 쓰이지 못해서 기록으로 남긴다..
diary_posting.js
...
let list = []; // list 전역변수 선언
async function moodChoice(event) {
document.getElementById('mood').innerText =
event.target.value;
const mood = document.getElementById('mood').innerText
const index = list.indexOf(mood); //중복제거
if (index > -1) {
list.splice(index, 1);
}
list.push(mood)
console.log(mood)
console.log(list)
return list;
}
async function placeChoice(event) {
document.getElementById('place').innerText =
event.target.value;
const place = document.getElementById('place').innerText
// list = [place];
const index = list.indexOf(place);
if (index > -1) {
list.splice(index, 1);
}
list.push(place)
console.log(place)
console.log(list)
return list;
}
async function atmosphereChoice(event) {
document.getElementById('atmosphere').innerText =
event.target.value;
const atmosphere = document.getElementById('atmosphere').innerText
// list = [atmosphere];
const index = list.indexOf(atmosphere);
if (index > -1) {
list.splice(index, 1);
}
list.push(atmosphere)
console.log(atmosphere)
console.log(list)
return list;
}
async function imgstyleChoice(event) {
document.getElementById('imgstyle').innerText =
event.target.value;
const imgstyle = document.getElementById('imgstyle').innerText
// list = [imgstyle];
const index = list.indexOf(imgstyle);
if (index > -1) {
list.splice(index, 1);
}
list.push(imgstyle)
console.log(imgstyle)
console.log(list)
return list;
}