TIL 2023.06.14

오늘은 조리로 ai 페이지를 완성했다

 

템플릿을 받아와서 프런트 틀을 잡았는데

제공해준 select tag에 class 이름으로 자바스크립트를 짜 논 게 있어서

select tag의 값이 바뀔 때 마다 함수를 호출하게 하는 게 불가능 했다.

 

그래서 스타일은 포기하고 그냥 select tag 사용했다.

그러니 이쁘진 않지만 작동은 잘 되었다.

 

자바스크립트에서 딕셔너리를 만들려면

imageDict = {};
imageDict[1] = 'background-image: url(/images/625.jpg);';
imageDict[2] = 'background-image: url(/images/haeundae.jpg);';
imageDict[3] = 'background-image: url(/images/hanra.png);';
imageDict[4] = 'background-image: url(/images/panmunjeom.JPG);';
imageDict[5] = 'background-image: url(/images/seokguram.jpeg);';

이렇게 작성하면 된다.

 

fetch로 api 연결하는 부분도 작성했다.

로컬 서버와도 잘 연결된다.