본문 바로가기
  • Welcome!
JavaScript For Creo

현재 모델의 파일 이름을 가져오는 코드 #1

by ToolBOX01 2025. 2. 2.
반응형

index.html

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Get Current Model</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }

        .container {
            border: 1px solid #ccc;
            padding: 20px;
            width: 600px;
        }

        .input-container {
            margin-top: 10px;
        }

        button {
            padding: 6px 25px;
            font-size: 16px;
            margin-top: 10px;
        }

        input[type="text"] {
            width: 400px;
            padding: 10px;
            font-size: 14px;
            box-sizing: border-box;
        }
    </style>
    <script>
        function getCurrentModel() {
            // 예제 데이터 (실제 모델 이름을 가져오는 기능은 추가 개발 필요)
            document.getElementById("modelName").value = "SampleModel_123";
        }
    </script>
</head>

<body>
    <div class="container">
        <h3>Get Current Model</h3>
        <div class="input-container">
            <label for="modelName">Model Name:</label>
            <input type="text" id="modelName" readonly>
        </div>
        <button onclick="getCurrentModel()">Get Current Model</button> <button onclick="clearModelName()">Clear Model Name</button>
    </div>

    <script>
        function clearModelName() {
            document.getElementById("modelName").value = "";
        }
    </script>
</body>

</html>

 

 

참고) 상대 경로 & 절대 경로

 

파일 경로 - 절대 경로와 상대 경로

파일 경로는 대단히 중요합니다. 모듈이나 미디어 파일을 이용할 때 경로가 잘못된다면 오류가 날 수도 있고, mkdir, cd 등의 리눅스 명령어를 이용할 때도 경로를 잘못 입력하면 원하는 결과와 전

velog.io

 

참고) HTML 문서 기본 구조

 

02-3 HTML 문서 기본 구조

##문서 기본 구조 태그, 속성, 그리고 주석 등 HTML 코드 작성에 필요한 기본 사항들에 대해 알아보았습니다. 이제 태그의 종류를 학습해가며 실제로 웹페이지에 콘텐츠를 표시해…

wikidocs.net

▣ HTML과 JavaScript의 관계

HTML은 웹 페이지의 구조를 정의하는 역할을 하며, JavaScript는 웹 페이지에 동적인 기능을 추가하는 역할을 합니다. JavaScript 코드는 HTML 파일 내에 <script> 태그를 사용하여 포함될 수 있습니다.<script> 태그 내에 포함된 JavaScript 코드에서 "function" 키워드를 사용하여 함수를 정의하고 사용할 수 있습니다. 

▷HTML 예시

<!DOCTYPE html>
<html>
<head>
<title>JavaScript 함수 예시</title>
<script>
function greet(name) {
  return "안녕하세요, " + name + "님!";
}

function displayGreeting() {
  let userName = document.getElementById("nameInput").value;
  let greeting = greet(userName);
  document.getElementById("greeting").innerHTML = greeting;
}
</script>
</head>
<body>

이름을 입력하세요: <input type="text" id="nameInput">
<button onclick="displayGreeting()">인사하기</button>

<p id="greeting"></p>

</body>
</html>

위 예시에서 greet() 함수와 displayGreeting() 함수는 JavaScript로 작성되었으며, HTML 파일 내의 <script> 태그 안에 포함되어 있습니다. 사용자가 이름을 입력하고 "인사하기" 버튼을 클릭하면 displayGreeting() 함수가 호출되고, 이 함수는 greet() 함수를 호출하여 인사를 생성한 후 HTML 요소에 표시합니다.

HTML 자체는 프로그래밍 언어가 아니기 때문에 "function"이라는 개념이 존재하지 않습니다. "function"은 JavaScript와 같은 프로그래밍 언어에서 사용되는 개념입니다. function 키워드는 함수를 정의하는 데 사용됩니다. 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 함수는 코드를 구성하고 재사용 가능하게 만들며 가독성을 향상시키는 데 필수적입니다.

▷Function의 역할:

  • 코드 블록 정의:function은 나중에 실행할 수 있는 명명된 코드 블록을 도입합니다. 이 코드 블록에는 특정 작업을 수행하는 일련의 명령문이 포함되어 있습니다.
  • 재사용성: 함수가 정의되면 코드의 여러 부분에서 여러 번 호출 (실행) 할 수 있습니다. 이렇게 하면 코드 중복을 피하고 코드를 더욱 모듈화할 수 있습니다.
  • 구성: 함수는 복잡한 작업을 더 작고 관리하기 쉬운 부분으로 분해하는 데 도움이 됩니다. 이를 통해 코드를 더 쉽게 이해하고 디버그하며 유지 관리할 수 있습니다.
  • 매개변수 (입력): 함수는 매개변수라는 입력 값을 허용할 수 있습니다. 이러한 매개변수는 함수 내에서 계산 또는 작업을 수행하는 데 사용됩니다.
  • 반환 값 (출력): 함수는 실행을 완료한 후 값을 반환할 수도 있습니다. 이를 통해 함수는 코드의 다른 곳에서 사용할 수 있는 결과를 생성할 수 있습니다.

▷Function 예제

function WlModelOpenWindowless() {
    // 함수 내부의 코드
    if (pfcIsMozilla()) {
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    }
    let ret = document.pwl.pwlMdlOpen(document.open.ModelName.value, document.open.ModelPath.value, false);
    if (!ret.Status) {
        alert("pwlMdlOpen failed (" + ret.ErrorCode + ")");
        return;
    }
}

  • function WlModelOpenWindowless(): 
    이 줄은 WlModelOpenWindowless라는 함수를 정의합니다. 매개변수를 사용하지 않습니다.
  • { ... }: 중괄호는 함수에 속하는 코드를 묶습니다.
  • if (pfcIsMozilla()) { ... }: 브라우저가 Mozilla 기반인지 확인하는 조건문입니다. 그렇다면 특정 권한을 활성화합니다.
  • let ret = document.pwl.pwlMdlOpen(...);: 이 줄은 모델을 열기 위해 pwlMdlOpen 메서드 (Pro/Web.Link 라이브러리의 일부일 가능성이 높음)를 호출합니다. 모델 이름과 경로를 인수로 전달합니다. 이 호출의 결과는 변수 ret에 저장됩니다.
  • if (!ret.Status) { ... }: ret 객체의 Status 속성을 확인합니다. 상태가 오류를 나타내면 경고가 표시됩니다.
  • return;: 오류가 있으면 함수가 조기에 종료됩니다.

by korealionkk@gmail.com

AI와 유튜브, 블로그를 통해 자바스크립트 기능에 대해 학습 하고 있습니다. 설계자 및 전문 프로그램 개발의 소통을 돕고자 학습하고 있습니다. Web 프로그램을 개발 하기 위해서 반드시 자바스크립를 이해 할수 있어야 합니다. AI를 활용한다면 쉽게 코드를 만들수 있습니다. 하지만 기본적인 내용을 학습해야 합니다. 학습한 내용을 기록을 하고 있습니다.

 

저작자표시 비영리 변경금지

'JavaScript For Creo' 카테고리의 다른 글

Creo.JS  (1) 2025.02.04
현재 모델의 파일 이름을 가져오는 코드 #2  (1) 2025.02.04
자바스크립트 사칙연산  (0) 2025.02.02
자바스크립트 기초  (0) 2025.02.02
Creo.js 환경 설정  (1) 2025.02.02

관련글

티스토리툴바