이현석
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석님의 아티클
이현석
현재까지 진행된 화면이에요.
아직 배포는 안해서 저만 볼 수 있어요.
뭔가 부족한 느낌이지만
디자이너 없이 이정도면 잘하고 이따!
오늘은 한땀한땀 tailwindCSS 매뉴얼 보면서 만들었는데
우측 버튼은 챗GPT한테 시켰어요.
한 방에 제가 원하는대로 딱 잘 만들어주더군요. ㅎㅎ
종종 써먹어야겠어요.
오늘 작업 과정을 영상으로 보고 싶은 분은 요기로
그럼 오늘도 즐거운 치킨생활 하세요!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
그는 첫 라이브에서 묵언 수행을 하였다고 한다.
ㅋㅋㅋ
불행인지 다행인지 시청자가 없었네요.
한 분이 40초 정도 왔다 가신 거 같은데
왔다 가신것도 전혀 몰랐어요. 허허.
앞으로도 쭈욱 시청자는 없을거 같지만
마션에서 맷데이먼이 Vlog 남기듯 남겨보렵니다.
여튼 셀프 흑역사 박제
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
tldraw. 트위터에 엄청난 사례들이 돌아다니는 UI 생성 AI 도구에요.
예를 들어 이런 트윗인데요.
https://x.com/GrowthAI_/status/1739338379324522777?s=20
저도 잔뜩 기대하고
미루던 오픈AI에 카드 등록까지 해서 시도해봤습니다.
그러나...
직접 그려주면 나을까 싶어 해봤는데
이것도 신통치 않네요.
아주 살짝 바꿨음에도 불구하고
이런 UI는 학습 데이터에 없었나봐요.
AI가 엄청난걸 해줄것 같지만
그 근간은 기존의 것들을 학습한 것이란걸
다시 한 번 느끼네요.
쩝.
아쉬웠습니다!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
어느덧 치킨랭크를 시작하지 3주가 되었네요.
다음주부터는 치킨랭크를 만드는 과정을 라이브로 공유하려고 합니다.
원래는 이번주부터 유튜브로 공유하면서 작업하려고 했었는데 못했어요.
이렇게 공개적으로 선언을 하면 더 잘 지키는 스타일이기 때문에
이번에도 그 힘을 한 번 활용해보려고 합니다.
아침 6시라 이른 시간이지만 놀러오세요~
오늘도 즐거운 치킨 생활 하세요~
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
'사용자는 치킨에 투표할 수 있다'에 이어
두 번째로 만든 기능이자 테스트는 '투표하면 100점이 증가된다'에요.
왜 100점이냐?
하루에 1점씩 깍을거거든요.
100일이 지나면 거의 없던 일이 되는거에요.
최신의 투표에 더 점수를 주고
관심에서 멀어질수록 자연스레 점수가 낮아지게 하고 싶었어요.
투표는 언제든 다시 할 수 있고
다시 하면 100점으로 리셋되요.
투표하고 잊고 지내다가
어느날 치킨을 사먹었는데
이야 여전히 맛이있구나. 감동이구나.
그러면 한 번 씩 다시 와서
투표를 해주는 모습을 상상해요.
빠르면 이번 주에 여러분이 투표할 수 있을 것 같다고 얘기했었는데
이 속도로 과연 가능할까 싶어요 ㅎㅎ
크리스마스 연휴에 달리자!는 생각이었는데
연휴는 생각보다 짧고 시간은 호다닥 달아나 버렸어요.
여튼 오늘도 즐거운 치킨생활 합시다~
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
하지만 아직 투표를 하실 순 없어요.
UI는 아직 안 만들었거든요. 하하
치킨 데이터도 아직 안 넣었고..
당장 UI를 만들고 싶지만
오늘은 여기까지.
그럼 다들 메리 크리스마스 되시고
즐거운 치킨 생활!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
PHP 생태계의 떠오르는 테스팅 프레임워크 Pest 입문
오늘부터 투표 기능을 만들기 시작했어요.
시작은 테스트 코드 부터~
보통은 컨트롤러에서 cmd+shift+t 눌러서 만들거나
기존의 테스트를 복붙해서 만드는데
오늘은 왠지 커맨드로 만들고 싶었어요.
라라벨 새 버전 안 쓴지가 너무 오래됐나봐요 ㅠ
어쨋든..
어떤 유형의 테스트를 만들거냐 묻는데
Pest가 보였어요.
Pest는 3년 전에 나온 테스팅 프레임워크인데
점점 인기가 높아져왔어요.
이젠 대세 느낌이랄까?
PHPUnit 기반에 편의 기능을 더한거라 안 쓸 이유가 없다!
하지만 그간 써 볼 기회가 없었는데(게을러서..)
잘 됐다 싶어 Pest를 써보기로 했습니다.
설치하고 매뉴얼 조금 읽다보니
어느새 30분이 훅 지나버렸네요.
투표 기능 본격 구현은 내일부터 하는걸로 하하
바로 써도 우당탕탕 쓸 수 있을 거 같긴한데
한 시간 반 짜리 강의를 보고 쓰면 왠지 더 잘 쓸거 같은 느낌
우당탕탕 빨리 만들고 싶은 마음과
잘 만들고 싶은 마음이 싸우는군요.
크리스마스 이브네요.
다들 즐거운 이브 되시고
오늘도 즐거운 치킨 생활 하세요~
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
어제는 브랜드를 입력하는 기능을 추가했고
오늘은 치킨 메뉴를 입력하는 기능을 추가하려고 했어요.
하나의 브랜드는 여러 치킨 메뉴를 가지고 있기 때문에
치킨 메뉴를 입력할 때 어떤 브랜드의 치킨인지 입력해야 하는데
이것과 관련해서 Nova가 어떤 기능을 제공해주지 않을까 기대하고 있었어요.
그래서 매뉴얼을 뒤져봤는데
역시 관련 모델을 설정하는 것 처럼 보이는 메뉴가 있더군요.
그런데 코드 샘플이 너무 간단하게 적혀있어서
HasMany::make('Chicken');
을 어디에 넣어야 할지 모르겠는거에요.
그래서 영상을 하나 찾아봤더니 오늘 사이드 모닝 시간이 다 끝나버렸어요 허허
짧은 영상인데 Nova가 뭘 해주는지 아주 임팩트 있게 설명합니다.
덕분에 HasMany::make('Chicken') 를 어디에 넣을지도 알게 되고 Nova의 전반적인 기능을 익히는데 있어 시간을 엄청 아낀 느낌이네요.
그래서 오늘의 성과는 짜잔.
이지만 오늘은 휴가인 관계로 이따가 또 올지도 몰라요~ ㅎㅎ
오늘도 즐거운 치킨 생활하세요!
PS. 근데 디스콰이엇에는 인라인 코드 말고 코드를 입력하는 방법은 없나요? ㅠ 아쉬운데..
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
오늘은 DB 설계(라봐야 테이블 몇 개 안되지만)하고
모델들을 만들었어요.
만사 귀찮고 시간 아까우니 옵션 -a 를 붙여서
마이그레이션, 시더, 팩토리, 폴리시, 컨트롤러, 폼리퀘스트까지 다 만들었어요.
그리고 Nova로 어드민에 브랜드 관리 기능까지!
돈 값을 하는군요 ㅎㅎ
오늘도 즐거운 치킨생활 하세요!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
어제 말씀드린 노바를 구입하고 설치했습니다.
디자인 템플릿만 해도 괜찮은 건 $50씩 하는데
관리 기능까지 다 포함해서 $99면 괜찮은거 같아요.
역시 돈이 체고시다!
(최신 버전 쓰려면 매년 갱신해야하는게 함정..)
이제 사용법을 익혀보겠습니다.
근데 매뉴얼이 너어무 길다...
오늘도 즐거운 치킨 생활 하세요~
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
치킨 랭크는 라라벨로 만들고 있어요.
라라벨은 공짜지만 팀에서 유료로 admin 기능을 팔고 있어요.
바로 Nova 라는 제품입니다.
전부터 써보고 싶었는데 기회가 마땅치 않았어요.
가격도 99달러.
취미 프로젝트 치고 좀 부담스럽긴 하지만
혼자 하는데 언제 한땀 한땀 어드민 기능을 만들고 있어요.
원래 으른들의 취미 생활엔 돈이 많이 들잖아요. 음?
아 근데 회원 가입 할랬더니 이미 쓰는 이메일이다.
그래서 비번 찾으려고 했더니 없는 이메일이다.
... 뭐야
하 세계적인 소프트웨어 회사도 요런 버그가 있네요.
암튼 그래서 문의를 넣어두었습니다.
오늘 멋지게 어드민을 붙이고 싶었지만
내일로 미뤄야 할 것 같아요.
오늘도 즐거운 치킨 생활 하세요!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
프로젝트 시작 2주차의 첫날
회원 가입 및 로그인 기능을 추가했어요.
이메일 또는 구글 계정으로 가입할 수 있어요.
현재는 이메일 외엔 아무것도 묻지 않아요.
앞으로는 더 유용한 정보를 제공하기 위해 원하는 분에 한해 지역, 성별, 나이 정도는 추가로 여쭤볼까해요.
아직은 회원 가입해도 하실 수 있는게 없어요.
가입하지 말고 기다려주세요.
이제 내일부터 투표 기능 만들게요!
PS. 사실은 회원 가입/로그인 말고도 자잘한 진전이 있었어요.
다국어 처리(기본 기능 한글화)
레이아웃 적용
파비콘 추가
에러 트래커 설치
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
닭 캐릭터를 귀여워해주시는 분들이 생각보다 많네요. 감사합니다 ㅎㅎ
캐릭터 이미지는 챗GPT를 이용해서 만들었어요.
한 방에 만든건 아니고 여러번 수정을 요청했는데 프롬프트와 결과물을 공유해볼게요.
시작부터 직설적으로
웹사이트에 쓸거라 배경이 투명하거나 하얀 색이길 바랬어요.
아니... 이 친구야 반반 치킨을 만들면 어떡해.
그리고 3D는 조금 부담스러웠어요.
흰색 배경 처리는 안해줬지만 단순해지니 더 귀여워져 좋았어요.
그래서 한 번 더
오오 거의 다됐다.
마무리로 칭찬 한 번 해주고 엄지척 하는 포즈로 바꿔달라고 요구했어요.
왜 때문에 이상한 영어로 썼는지 모르겠는데
아무튼 찰떡 같이 알아듣고 해줬어요.
그리고 칭찬해줘서 그런가 드디어 배경도 흰색으로 바꿔줬네요.
이렇게 다섯 번의 핑퐁을 통해 캐릭터 이미지가 만들어졌습니다.
앞으로도 많은 사랑 부탁드려요.
PS. 계속 캐릭터 캐릭터 하다보니 이름이 하나 있어도 좋겠다 싶네요.
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
사이드 프로젝트 4일차.
치킨 랭크를 만들기로 생각한 이유를 적고 랜딩페이지에 추가했습니다.
후라이드와 양념만이 존재하던 세상이 있었어요.
하지만 이제 세상이 달라졌어요.
간장, 마늘, 고추장, 와사비, 커리, 누룽지, 김부각 등등
하루가 멀다 하고 새로운 치킨이 등장하고 있어요.
한편, 치킨 가격은 계속해서 오르고 있어요.
처음 시켜 본 치킨이 맛이 없다면
즐거워야 할 저녁 식사도 망치고 지갑도 아프죠.
그렇다고 언제까지 먹던 치킨만 계속 먹을 순 없어요.
고추마요 치킨, 호랑이 치킨, 맵슐랭, 빠삭커리네 치킨을
처음 먹었을 때의 감동을 잊을수가 없어요.
우리가 힘을 함치면 더 안전하고 맛있는 치킨 생활이 가능할거라 믿어요.
최애 치킨이 있나요? 투표해주세요.
새로 도전해 본 치킨이 맛있었나요? 투표해주세요.
우리 함께 치킨 랭킹을 만들어요.
PS. 아침 6시부터 30분간 각자 사이드 프로젝트를 진행하는 사이드 모닝 0630 시즌 1 계속 모집 중입니다. 문의주세요 :)
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
사이드 프로젝트 진행은 새벽에 했지만 새벽 배포부터 하루 종일 바빴던 날이라 이제야 후기를 올립니다.
오늘은 두 가지 진전이 있었습니다.
첫째로 구글 애널리틱스를 넣었어요. 아직 방문자가 없어서 무슨 의미냐 싶지만 그래도 궁금하잖아요 ㅎㅎ
그리고 랜딩 페이지에 캐릭터 이미지를 넣어봤어요! ㅋ
방법을 찾아서 한 번 보여드릴 수 있도록 하겠습니다.
그럼 내일 또 조금 더 진전되서 오겠습니다.
좋은 밤 되세요!
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
사이드 프로젝트 2일차가 되었습니다.
도메인 구입하고 라라벨로 간단히 랜딩페이지(라곤 하지만 이름만 있는) 만들어서 서버에 올리고 연결했어요.
당연히 주인이 있을 줄 알았던 chickenrank.com 도메인이 비어있었다니. 치킨의 랭킹은 아무도 궁금해하지 않는 것인지 살짝 불안한 마음이 드는군요 ㅎㅎ
치킨을 사랑하는 여러분들의 많은 관심 부탁드립니다~ :)
치킨랭크
당신의 최애 치킨은 무엇인가요?
이현석
첫날 제일 먼저 할 일로 디스콰이엇에 프로젝트를 등록하려고 했는데 프로젝트를 등록하려면 제품 URL이 필요했네요 ㅎㅎ
오늘은 일단 아마존 라이트세일에 서버 띄우고 URL 연결까지 진행. 제품 등록은 내일이나 가능하겠어요.
오늘부터 온라인으로 모여서 각자 사이드 프로젝트하실 분들을 모아서 같이 하고 싶었는데 아쉽게도 한 분도 모집을 하지 못했어요 ㅎ
혹시 관심있는 분들 계시면 함께 해요.