코드 없이 AI로 웹사이트 하나가 뚝딱

코드 없이 AI로 웹사이트를 만들기 위해서는 먼저 웹플로우 가입 후 대시보드로 이동한다.
새 워크스페이스를 생성하고 원하는 디자인으로 기획하면 된다. 빠른 시간 내에 만들고 처음 제작하는 만큼 연습이 필요하기 때문에 강좌에서 제공된 플랫폼으로 사용하였다.

홈페이지 내용을 채우려고 한글을 입력하면 오타가 생기고 느려지는 경향이 있다. 분명 적었는데 나중에 보면 지워져있다. 꼼꼼히 검토하는 것을 지향한다!

버튼을 누르면 원하는 페이지로 이동하게 만들 수 있으며, SNS 링크 연결도 된다.
마우스 커서를 대면 색상이 변경되도록 디자인 가능하다.

⬇️

⬇️

홈페이지를 채울 내용은 ChatGPT를 사용하면 제작 시간을 단축시킬 수 있다.

내용에 알맞는 사진을 선정하기 위해 마이크로소프트 빙 사용하기!
원하는 사진을 검색하면 키워드에 맞게 AI가 생성해준다.

그렇게 완성한 웹사이트!
선호의 처음 만든 웹사이트 바로가기

• 학습 소감
  먼저 웹플로우(Webflow)를 처음 이용하였는데 홈페이지를 만들 때 코드 없이 디자인하고 여러 기능을 넣을 수 있는 부분이 코딩을 어려워하는 사람에게 적합할 것 같다는 생각이 들었다. 컴퓨터 활용이 능숙하다면 빠르게 제작할 수 있을 것 같다. 편집이 직관적이고 효율적인 점은 웹플로우의 큰 장점이라고 볼 수 있겠다.
  ChatGPT를 가입해서 웹사이트에 넣을 내용에 대해 답변을 받아 제작하게 됐는데 이 또한 편리함을 느낄 수 있었다. 인공지능 AI로 아이디어나 요약 등 다양한 방면에서 이용되는 것 같다. 마지막으로 마이크로소프트 빙은 키워드를 검색하면 알맞는 그림을 띄워주는데 벚꽃 맞는 판다를 검색하니 귀여운 판다 캐릭터를 연출해줬다. 관심이 있고 처음 입문한다면 재밌게 배워볼 수 있을 것이다.