이지웹 스쿨
EasyWeb School
새 웹페이지를 만들거나, 전에 만든 프로젝트 폴더를 열어 이어서 작업하세요. Create a new web page or open an existing project folder to continue working.
브라우저와 데스크톱 앱의 지원 기능을 확인하고 있습니다. Checking browser and desktop app features...
웹페이지는 글(HTML), 꾸미기(CSS), 기능(JS), 이미지 등 여러 조각을 한 곳에 모은 프로젝트 폴더 단위로 만듭니다. 그 중 중심이 되는 index.html을 실행(미리보기)하는 순간, 내가 정성껏 만든 모든 조각들이 한데 결합되어 살아 움직이는 완성된 웹페이지를 직접 체험하고 테스트할 수 있습니다!
Web pages are made in a project folder that keeps code (HTML, CSS, JS) and images together. The moment you run (preview) index.html, all these pieces assemble into a fully functioning webpage that you can experience and test!
컴퓨터에서는 작업 폴더를 바로 선택하여 자동 저장할 수 있지만, 모바일/태블릿 웹 브라우저는 보안 규칙 때문에 저장 내용이 지워질 수 있습니다. 그래서 이지웹 스쿨에서는 여러 파일을 하나로 담는 ZIP 파일(압축파일)을 세이브 파일처럼 사용하여 여러분이 만든 프로젝트를 안전하게 보관하고 이어할 수 있도록 돕습니다. While you can auto-save directly to a folder on a computer, mobile/tablet web browsers may clear temporary files due to security rules. EasyWeb School uses **ZIP files** as a save file format so you can safely pack, back up, and resume your projects anywhere.
프로젝트 이름과 필요한 빈 파일을 고르면 새 웹 프로젝트를 시작할 수 있습니다. Start a new web project by choosing a project name and selecting blank files.
웹에서는 저장할 위치를 한 번 선택합니다. On web, you select the save location once.
이미 작업한 폴더를 골라 파일을 확인하고, 하던 작업을 이어갑니다. (모바일/태블릿 기기에서는 ZIP 파일 가져오기를 통해 그동안 보관해 온 ZIP 압축파일을 불러와 연속 작업을 수행할 수 있습니다.) Select a folder you already worked on to continue. (On mobile/tablet devices, use Import ZIP File to load your backed-up ZIP archive and continue your work.)
프로젝트 폴더와 세 파일의 역할을 먼저 살펴보거나, 예시 웹페이지에서 화면과 코드를 바로 연결해 볼 수 있습니다. Take a look at the project folder and the roles of the three files, or jump straight into examples to see code and page rendering.
USB 기기 연결처럼 브라우저 보안에 영향을 받는 기능은 데스크톱 앱에서 프로젝트 폴더를 localhost로 열어 확인하세요. For features affected by browser security constraints (like connecting USB devices), open project folders via localhost in the desktop app.