Function Converter는 함수를 위한 이름을 제공하고, 이름에 따라 함수를 만들어주는 인공지능 코딩 서비스입니다.
함수에 적합한 함수 명을 찾지 못했을 때,
함수 명에 적합한 함수를 만들고 싶을 때.
더 이상 고민하지 말고 Function Converter를 찾아주세요!
Func2Name은 함수를 입력하면 함수명을 추천해주는 기능입니다.
작명이 필요한 함수를 입력하고 기다리면 ChatGPT가 추천하는 함수명을 확인할 수 있습니다.
Name2Func은 이미 함수명을 지어놨지만 해당 함수에 필요한 코드가 없는 경우 사용할 수 있는 기능입니다. 입력한 함수명과 사용하는 프레임워크, 그리고 기타 고려할 사항들을 입력하면, Function Converter가 당신에게 필요한 기능을 가진 함수를 생성해줍니다.
- 입력한 함수에 맞는 함수 명 추천
- 입력한 함수 명에 맞는 함수 생성
- 로그인/회원가입, 마이페이지 등 회원 기능
![Func2Name_example](https://private-user-images.githubusercontent.com/101052631/329825510-c3b8400f-ad53-4e54-9487-c46b1a34a88b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MzY2NDksIm5iZiI6MTczOTkzNjM0OSwicGF0aCI6Ii8xMDEwNTI2MzEvMzI5ODI1NTEwLWMzYjg0MDBmLWFkNTMtNGU1NC05NDg3LWM0NmIxYTM0YTg4Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOVQwMzM5MDlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMTJiZjQxYzU2MjdlNDJmNWM3YjIxNTJmMTMyMTVjNTJhMDExNDY0NDEzZTYwOGRiYWI4MDFkNGYxZGJhYjkwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.cxjlHb4w6rOVMnmFO5LOJ7GnWVYHzKWgrzYjzVu3aiY)
유저가 /login에 들어왔을 때 보여줄 React Component를 작성
이를 Func2Name의 함수 부분에 넣고, Convert 버튼을 누르게 되면 해당 코드와 관련있는 함수 명을 추천
![Name2FuncExample](https://private-user-images.githubusercontent.com/101052631/329825489-7db27b96-a09f-434c-b718-110acd33cca9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MzY2NDksIm5iZiI6MTczOTkzNjM0OSwicGF0aCI6Ii8xMDEwNTI2MzEvMzI5ODI1NDg5LTdkYjI3Yjk2LWEwOWYtNDM0Yy1iNzE4LTExMGFjZDMzY2NhOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxOVQwMzM5MDlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04OWYwYzRjOGJjMjE4YzQ3NTVlNGEwYjBmODI4ZjI0NmNjZDdlMzcwODM2ZWJiMGZmZWFkMGViYjc0MTVlZGE3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.nZKP-GPEm7ZIKO8-S-gZ9mv4hEloAmUSk_zRZoDGAis)
Function Name으로 "ConvertBtn", Framework으로 "React.js", 기타 고려사항을 넣어서 필요한 컴포넌트를 제작해달라고 요청했을 시, 해당 코드 명에 맞는 컴포넌트를 제작해서 반환
김동연 |
---|
![]() @0yeonnnn0 |
-
http://functionconverter.duckdns.org/
위 URL에서 Function Converter를 실행하실 수 있습니다!
- React.js
- Tailwind CSS
- Node.js
- express.js
- Firebase Auth
- OpenAI ChatGPT
- AWS EC2
- 소스 코드를 클론합니다.
git clone https://github.com/0yeonnnn0/24-1-webclient.git
- 프로젝트 디렉토리로 이동합니다.
cd [24-1-webclient]
- 의존성을 설치합니다.
npm i
- 애플리케이션을 실행하고 해당 포트로 이동합니다.(localhost:8080)
npm run start:server