안녕하세여~ 4~6기를 숨죽여(?) 지내다 7기 파트너를 하게 된 유니입니다! 😝
이번에는 항상 고생하고 운영하느라 바쁘시지만 미모를 잃지않는 “윤누리”님을 위해서 상세페이지를 좀 쉽게 만들어보기로 했습니다! 그 과정은 순탄치 않았으나..
[어느날 누리님이 파트너방에 올린글]
제가 알기로도 그런 작성이 가능한 노코드 툴을 알고 있지 못했습니다!🤔
하지만 프레이머로 작업해서 html변환하면 되지 않을까? 그래서 시도해보았습니다.
[순서]
1.이벤터스 호스트로 가입
2.게시물작성 > 프레이머/ 수정
3.결과물 > https://7-760.framer.ai/
4. Framer to html :
5. 이벤터스 게시글 등록
이벤터스 가입
드디어 들어나는 정체.. 아.. 너무 구버전 에디터네요…
게시물작성 > 프레이머로
AI기능으로 스터디 신청페이지 만들어달라고 함
똥을치우고.. 이젠노가다
프레이머로 작업완성 (
깨고 뿌시고.. )
원글 : https://www.gpters.org/c/notice/gpters-ai-7
이벤터스글: https://event-us.kr/gpters/event/71587
완성글 : https://7-760.framer.ai/
# 사이즈확인 못해서 1200 > 820사이즈 수정… 😭
근데 프레이머에서 html를 내보낼수 없었어요… ㅜㅜ
Framer : html to figma를 이용해서 이동하였으나 html 로만들기는 실패
css, html폴더를 별도로 만들어서 ada 로 작업해보았으나 실패
사기결과 : https://event-us.kr/younni/event/72634
[결론]
🤪막간테스트
소스보기 html 코드를 에디터에 넣어보았다~ 오~ 그럴싸하게 나오는데? 결과는..
대실패…😬😬
🤪막간테스트
먼저 송은정님의 OO여사님의 녹취록분석에 ADA를 쓰 는걸보고 따라해보고 싶어서 지피터스 7기모집 게시물을 html로 다운 > 형식구분하는 기호를 찾기어려운데?? 음.. 일단 고> html to md > 아니… 더알아보기 힘들잖아!😬..
(지피티는 모른다고 하지, 눈에서는 땀이 나는기분..패스패스..복븉!!)
🤪막간테스트
구글드라이브 이미지호스팅으로사용하기
유니: 가능? > 지피티:ㅇㅇ 가능 > 유니: ok고!
1차
<img src="https://drive.google.com/uc?id=1StFBnZSxh00J3M7frag1w_uCbjtTAFJc" alt="테스트">
2차
<style>
resized-image {
width: 200px;
height: auto;
}
</style>
<img src="https://drive.google.com/uc?id=1StFBnZSxh00J3M7frag1w_uCbjtTAFJc" alt="규카츠" class="resized-image">
OK 끝!
결론
결론은 윤누리님을 도와드리기위한 상세페이지 작업은 실패했습니다. 아마 아직 내가 좋은 노코드툴을 모르거나, 발견하지 못한 것 같다는 생각이 들었습니다.
그리고 , ADA를 활용해서 html 과 CSS를 합쳐서 코드를 만드는 방법으로 고민해봐야겠습니다.
실패는 했지만 아이디어를 주신 유민수님, 이상연대표님, 프레이머뿌시는 법을 알려주신 삼태현님 감사드리며, 긴글 읽어주셔서 감사합니다.
# 노코드 B방 화이팅 #성공해서돌아오겠습니다.😭