🚀 세상 쉬운 웹 코딩 에디터, 'K-PEN' 개발기!

안녕하세요! 오늘은 제가 최근에 AI와 협력해 만들어본 웹 애플리케이션,
'K-PEN'을 소개해드리려고 해요. 
https://cray7.mycafe24.com/k-pen

이름에서 눈치채셨겠지만... 네, 맞습니다.
유명한 'CodePen'에서 영감을 받아(사실은 대놓고 오마주해서 😉)
"한국판 펜(K-Pen)"이라는 거창한 이름으로 시작한 프로젝트입니다!

HTML, CSS, REACT를 웹에서 바로 작성하고 결과물을 실시간으로 확인하는 웹 IDE(통합 개발 환경)를 직접 구현해보고 싶었거든요.
특히 영어울렁증으로 코딩은 접근 조차 못하는 분들은 좀 더 가까와질 수 있지 않을까 생각이 되더라구요.

🎨 주요 기능

1. VS Code가 내 웹 브라우저에?

코딩할 때 에디터가 안 예쁘면 할 맛 안 나잖아요? 
그래서 MS의 VS Code와 유사한 다크 테마와 문법 강조 기능을 웹에서 그대로 쓸 수 있어요.
타이핑할 때 그 쫀득한 맛... 살아있습니다!

2. React도 바로 실행된다고?

요즘 대세는 React죠! 사실 저도 PHP + jQuery는 고인물이라 자처하지만
리액트는 그리 많은 경험은 없습니다. 이 김에 React 내공도 쌓아보려 하는데요.

초심자 분들이 `npm install` 이라는 설치 장벽에 막혀 코딩의 재미도 못보고 포기하는게 마음이 아파서
React 코드만 짜면 알아서 보여주도록 만들었습니다.

3. 구글 로그인

로그인하지 않아도 연습은 얼마든지 가능하지만,
저장해서 친구에게 자랑하려면 로그인이 필요해요.
복잡한 가입 절차? 필요없어요. 구글 로그인으로 1초 만에!
이제 PC방이나 친구 집이나 어디서든 내 코드를 꺼내볼 수 있어요!

어디 한번?!

앞으로 사용법을 실제 예시와 함께 공유드려보도록 할께요.
K-PEN과 함께 하는 한국인이 세상 쉬운 코딩 배우기! 도전해 보시렵니까?