🔍
코드 번역기
코드를 붙여넣으면 한글로 쉽게 해석해주는 앱이에요.
버튼을 눌러서 파일을 받아보세요!
✅ 다운로드 시작됐어요!
📋 다운로드 후 사용 방법
1
📥 위 버튼을 눌러서 파일을 저장해요
2
📂 저장된 코드번역기.html 파일을 찾아요
3
🌐 파일을 더블클릭하면 브라우저에서 열려요
4
💻 코드를 붙여넣고 🚀 해석해줘! 버튼 클릭!
5
📶 인터넷 없이도 사용할 수 있어요 ✅
🔍
코드 번역기
코드 번역기
사용설명서
코드가 뭔지 몰라도 괜찮아요!
AI 닷💡 코드 번역기가 뭐예요?
코드 번역기는 어려운 코드를 쉬운 우리말로 바꿔주는 앱이에요.
영어로 된 코드를 보면 무슨 뜻인지 몰라서 무서울 수 있어요. 코드 번역기에 붙여넣으면
🔊 어떻게 읽는지, 🇰🇷 한글로 무슨 뜻인지,
📌 줄마다 무슨 일을 하는지 모두 알려줘요!
인터넷이 없어도 사용할 수 있어요. 태블릿, 컴퓨터 모두 OK!
📋 어떻게 사용하나요?
1
코드 번역기 파일 열기
선생님이 나눠준 코드번역기.html 파일을 찾아서 더블클릭해요. 크롬이나 엣지 브라우저로 열려요.
2
코드를 복사해요
해석하고 싶은 코드를 드래그해서 선택한 뒤, Ctrl+C (또는 길게 눌러서 복사)로 복사해요.
3
입력칸에 붙여넣기
코드 번역기의 입력칸을 클릭한 뒤 Ctrl+V (또는 길게 눌러서 붙여넣기)로 넣어요.
입력칸이 작아 보여도 괜찮아요. 길게 늘릴 수 있어요!
4
🚀 해석해줘! 버튼 누르기
주황색 🚀 해석해줘! 버튼을 누르면 아래에 결과가 나와요.
5
결과를 확인해요
0단계 → 1단계 → 2단계 → 3단계 순서로 천천히 읽어봐요. 단계별로 다른 방식으로 설명해줘요!
📊 단계별로 무엇을 알려주나요?
0단계 · 영어로 읽기
코드에 나오는 영어 단어를 어떻게 소리내어 읽는지 알려줘요.
한글 번역도 함께 나와요!
한글 번역도 함께 나와요!
button → 🔊 읽기: 버튼
→ 🇰🇷 한글: 버튼
if → 🔊 읽기: 이프
→ 🇰🇷 한글: 만약에
1단계 · 코드 단락별 설명
코드를 한 줄씩 잘라서 각 줄이 무슨 일을 하는지 쉬운 말로 설명해줘요.
<html lang="ko">
→ 웹페이지 전체가 시작된다는 표시예요.
lang="ko"는 이 페이지가 한국어라고
컴퓨터에게 알려줘요.
2단계 · 용어 해석
코드에 나온 영어 단어의 뜻을 모아서 자세하게 설명해줘요.
function
→ 반복해서 쓸 수 있는 명령어 묶음이에요.
이름을 붙여서 불러쓸 수 있어요.
3단계 · 기호 / 특수문자 해석
{ } ( ) ; = < > 같은 기호들이 무슨 역할을 하는지,
없으면 어떻게 되는지 알려줘요.
없으면 어떻게 되는지 알려줘요.
{ }
→ 명령어 묶음의 시작과 끝이에요.
없으면 어디서부터 어디까지가
한 묶음인지 몰라서 망가져요.
✏️ 연습해볼 코드예요!
아래 코드를 복사해서 코드 번역기에 붙여넣고 연습해 보세요!
⭐ 기초 연습
<html lang="ko">
<body>
<h1>안녕하세요!</h1>
</body>
</html>
HTML의 기본 뼈대예요. 제일 처음 배우는 코드예요 😊
🎮 버튼 연습
<button onclick="alert('안녕!')">눌러봐!</button>
버튼을 만들고 클릭하면 팝업이 뜨는 코드예요!
🎨 색깔 연습
<p style="color:red; font-size:24px;">
빨간 글자예요!
</p>
글자 색깔과 크기를 바꾸는 코드예요!
🔢 변수 연습
let score = 0;
if (score === 0) {
alert('아직 시작 안 했어요!');
}
점수를 저장하고 조건에 따라 다른 메시지를 보내는 코드예요!
❓ 자주 묻는 질문
Q. 인터넷이 없어도 사용할 수 있나요?
네! 코드 번역기는 인터넷이 전혀 없어도 작동해요. 모든 사전이 파일 안에 들어있어요. 와이파이 없는 곳에서도 OK! ✅
Q. 해석 결과가 "분석하고 있어요"라고 나와요.
코드 번역기가 아직 모르는 코드 줄은 저렇게 나와요. 괜찮아요! 알아낸 것들만 봐도 충분해요 😊
Q. 모든 코드를 한 번에 넣어도 되나요?
네, 긴 코드도 한 번에 넣을 수 있어요. 하지만 처음에는 짧은 코드부터 연습하면 더 잘 이해돼요!
Q. 결과가 안 보여요!
🚀 해석해줘! 버튼을 눌렀는지 확인해 보세요. 버튼을 누르면 아래로 스크롤해서 결과가 나타나요!
Q. 다른 코드를 또 해석하고 싶어요!
입력칸의 내용을 모두 지우고 새 코드를 붙여넣은 다음 버튼을 다시 누르면 돼요!
⚠️ 이것만 알아두세요!
코드 번역기는 해석만 해줘요. 코드를 실행하거나 고쳐주지는 않아요.
태블릿에서는 코드를 꾹 눌러서 복사 → 붙여넣기 하면 돼요.
모르는 단어가 나와도 괜찮아요! 코드를 많이 볼수록 점점 익숙해져요 😊